html,html body {height:100%;}
body{
color:#666;
background:#006697 url(../img/water-bg2.jpg) no-repeat center top;
width: 100%;
height:100%;
display: table;
}
#page{ width:1024px; height:100%; margin:0 auto;}
#page-stripe{background:url(../img/page-bg.png) repeat-y;width:1024px; height:auto !important; margin:0 auto;}
#page-inner{background:#FFF; height:auto !important; width:930px;}
#page-top{height:62px; background:url(../img/page-top.png) 0 5px; background-repeat:no-repeat;}
#page-bottom{height:62px; background:url(../img/page-bottom.png) 0 5px; position:relative; top:-5px;}
#header{background:url(../img/); position:relative; height:150px;}
#logo{width:244px; height:67px; position:absolute; top:0; left:0;}
a.logo{width:244px; height:67px; background:url(../img/able-logo-animated.gif); display:block; text-indent:-9999px;}
#slogan{ position:absolute; top:10px; left:510px;width:400px;}
#slogan h4{font-weight:700; font-style:italic; font-size:22px; color:#2C88B7;}
#navigation{ height:28px; position:relative; top:90px; border-bottom:5px solid #2C88B7; width:900px; margin-left:0; margin:10px 0;}
ul#menu{ list-style-type:none;}
ul#menu li{display:inline; background:url(../img/nav-bg.jpg); width:122px; height:28px; margin-left:0; margin-right:7px;}
ul#menu li.last{margin-right:0; margin-left:4px;}
ul#menu li.selected, ul#menu li:hover{display:inline; background:url(../img/nav-selected.jpg) no-repeat; }
ul#menu li a{ color:#FFFFFF; font-weight:700; padding:5px 0; text-align:center;}
#left{margin-right:20px; width:580px;}
/* Services*/
#services #left{width:900px;}
.service{background:#F2F2F2; border:1px solid #CCC; padding:8px; width:420px; height:70px; float:left; margin-right:10px; margin-bottom:10px;}
.blue-service{background:#FFF; border:4px solid #B5D4FE; padding:8px; width:414px; height:70px; float:left; margin-right:10px; margin-bottom:10px;}
.blue-service h2{}
.blue-service p{}
.service p{width:80%;}
.service h2, .blue-service h2{border-bottom:1px dotted #CCC; width:80%; padding-bottom:0;}
.service h2 a:hover, .sidebar-callto a:hover, a.back:hover{color:#666;}
a.back{background:url(../img/back.jpg) no-repeat; padding-left:30px; display:block; height:30px; text-decoration:underline; padding-top:5px;}
/* Services icons*/
#smc{background:#F2F2F2 url(../img/services/smc.jpg) no-repeat; background-position:98% 2%;}
#pr{background:#F2F2F2 url(../img/services/pr.png) no-repeat; background-position:380px 0;}
#pr2{background:#F2F2F2 url(../img/services/pr2.png) no-repeat; background-position:380px 0;}
#market-research{background:#F2F2F2 url(../img/services/market-research.png) no-repeat; background-position:98% 6%;}
#events{background:#F2F2F2 url(../img/services/event-management.png) no-repeat; background-position:380px 0;}
#mentoring{background:#F2F2F2 url(../img/services/mentoring.png) no-repeat; background-position:380px 0;}
#internal{background:#F2F2F2 url(../img/services/internalcomms2.png) no-repeat; background-position:380px 0;}
#tele{background:#F2F2F2 url(../img/services/telemarketing.png) no-repeat; background-position:380px 0;}
#sponsorship{background:#F2F2F2 url(../img/services/sponsorship.png) no-repeat; background-position:380px 0;}
#media-planning{background:#F2F2F2 url(../img/services/media-planning.png) no-repeat; background-position:380px 0;}
#websites{background:#F2F2F2 url(../img/services/websites.png) no-repeat; background-position:380px 0;}
#creative{background:#F2F2F2 url(../img/services/creative.png) no-repeat; background-position:380px 0;}
#training{background:#F2F2F2 url(../img/services/internal-comms.png) no-repeat; background-position:380px 0;}
ul#social-media-links{margin-top:20px;}
ul#social-media-links h3{border-bottom:1px dotted #CCC; color:#2C88B7; font-size:16px;}
ul#social-media-links li{height:30px; list-style-type:none; margin-left:0; padding-left:30px;}
ul#social-media-links li a{font-size:16px; line-height:18px; padding-top:5px; float:left;}
ul#social-media-links li#skype{background:url(../img/skype-24x24.png) no-repeat;}
ul#social-media-links li#twitter{background:url(../img/twitter-24x24.png) no-repeat;}
ul#social-media-links li#linkedin{background:url(../img/linkedin-24x24.png) no-repeat;}
p{font-size:12px; line-height:18px;}
#left h1{color:#2C88B7; font-size:26px; line-height:26px; margin-bottom:10px;}
#left h2{margin-bottom:5px; font-size:18px;}
p.quote{font-style:italic; font-size:14px; line-height:21px; padding:5px; position:relative; padding-bottom:10px; margin-bottom:30px; height:100%;}
p.quote span{ float:right; font-weight:700; font-size:12px; font-style:normal; color:#2C88B7; width:400px; text-align:right; height:20px;}
#left img{float:right; margin-left:10px;}
#left em{font-weight:700; font-size:18px; line-height:24px;}
#right{}
/*Sidebar calltos*/
.sidebar-callto{height:85px; padding:10px 0 0 10px; margin-bottom:5px;}
.sidebar-callto p{width:230px; font-size:12px; line-height:16px;}
.sidebar-callto h3{margin-bottom:5px; color:#2C88B7; font-size:18px; line-height:18px; }
#smc-callto{background:url(../img/smc-callto.jpg) no-repeat;}
#pr-callto{background:url(../img/pr-callto.jpg) no-repeat;}
#mentoring-callto{background:url(../img/mentoring-callto.jpg) no-repeat;}
a{color:#2C88B7;}
#footer{background:url(../img/); margin-left:95px; height:40px; color:#FFF; }
#footer a{ color:#FFF; text-decoration:underline;}
.floatl{float:left; }
.floatr{float:right; }
.cleat{clear:both;}
/* Contact Form Styles*/
#contact-form{background:#f2f2f2; border:1px solid #ccc; padding:10px;}
form#contact label{width:50%;float:left; color:#606060;}
form#contact div{margin-bottom:5px;}
form#contact input{ border:1px solid #606060; float:left; padding:5px; height:15px; width:240px; margin-bottom:5px;}
form#contact input#submit{ width:100px; height:40px; padding:10px; clear:both; margin-bottom:20px; background:#2C88B7; color:#FFF;}
span.blue{color:#6392C0; font-weight:700;}
#alert h4.warning{background:#FEEFB3; color:#D2AC5F; border:1px solid #D2AC5F; font-size:18px; padding:5px; width:570px; margin-bottom:5px;}
#alert h4.success{background:#CEE6C3; color:#1E9145; font-size:18px; border:1px solid #1E9145; padding:5px; width:570px; margin-bottom:5px;}
ul.sitemap ul{margin-left:30px;}