@import url(reset.css);

body {background: #084665 url('../images/bg.jpg') repeat-x scroll top left;font-family: Arial, Helvetica, sans-serif;font-size: 13px;}

p {line-height:18px;}

a {color:#0066ff;}
a:hover {color:#003366;}

br.clear {clear:both; margin:0;}
.strong {font-weight:bold;}

#wrap {width:960px; margin:0 auto; position:relative;}

#header {background: url('../images/headerbg.jpg') repeat-x scroll bottom left; position:relative; width:940px; margin:0 auto; padding-bottom:35px;}

h1 {font-size: 24px; line-height:35px; color:#084665;}


a#logo {display:block; width:219px; height:36px; margin:32px 10px 0; }
p#tagline {color:#ff9900; font-size:12px; position:absolute; left:12px; bottom:19px;}

#secnav {display:block; position:absolute; top:-27px; right:-10px; font-size:11px; width:318px; text-align:center; height:23px; padding-top:6px; background: url('../images/subnavbg.png') no-repeat top center;}
#secnav a {color:#fff; padding: 10px 10px 2px; text-decoration:none; text-transform:uppercase;}
#secnav a.onehub {border:none; padding-right:0;}
#secnav a:hover, #home #secnav a.home, #about #secnav a.about, #web-strategy #secnav a.web-strategy {color:#3399ff;background: url('../images/activesub.png') no-repeat top center;}

#mainnav {position:absolute; right:-10px; bottom:5px;}
#mainnav li {display:inline; float:left;}
#mainnav li a {display:block; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold;font-size:16px; padding:3px 15px 20px;}
#mainnav li a:hover, body#home #mainnav a.home, body#services #mainnav a.services, body#work #mainnav a.work, body#contact #mainnav a.contact {background: url('../images/active.png') no-repeat bottom center; color:#3399ff;}

#main {min-height:200px; background: #fff url('../images/mainbg.jpg') repeat-y top center;padding-bottom:15px;}

#intro {padding:5px 0px 45px; margin:0 10px 15px; background:#f5f5f5; border-bottom:1px solid #ccc; position:relative; zoom:1;}
#slogan {width:380px;margin-left:15px;padding:30px 10px 10px;}
#slogan p {color:#555;font-size:16px; line-height:20px; padding:10px 0px 10px;}
#slogan p span {font-weight:bold;}
#slogan p span.italic {font-style:italic; background:transparent; font-weight:bold;}

#cta {height:100px; position:relative; padding-left:10px;}
a#contactbtn {display:block;width:213px;height:46px;background:url(../images/contactus.png) no-repeat 0 0; float:left;text-indent: -9999px;overflow:hidden; margin:25px 15px;}
a:hover#contactbtn {background:url(../images/contactus.png) no-repeat 0 -46px;}
#cta p {font-size:16px; font-weight:bold; line-height:100px;}
#cta p.strategy {position:absolute; bottom:15px; left:40px; font-weight:normal; line-height:12px; font-size:10px; color:#333;}

#introvid {width:502px; height:283px; background: url(../images/vidbg.png) no-repeat top left; position:absolute; top:5px; right:15px;}

#full {padding:0px 0px 15px; margin:0 10px 0 10px; position:relative;zoom:1;}
#full h1 {background:#f5f5f5;margin:0;padding:15px 0 10px 15px; border-bottom:1px solid #ccc; }

.blog-container {margin:0 25px; width:600px; float:left; line-height:18px;}
h2.post-title {margin:15px 0 2px; font-size:20px;}
h2.post-title a { color:#000; } 
.post-details {color:#666; margin-bottom:15px; text-transform:capitalize;}
.post-body h2 {margin:5px 0;}
.links {margin:15px 0; display:none;}
.page-nav {margin:25px 0;}
.side-panel {width:250px; float:left; margin:10px 20px;}
.side-panel h4 {font-size:16px; color:#0066cc; line-height:22px;}
.side-panel h4 span {font-size:14px;}

a#reqprop {display:block;width:255px;height:46px;background:url(../images/reqprop.png) no-repeat 0 0; float:left;text-indent: -9999px;overflow:hidden; margin:0; position:absolute; top:10px; right:5px;}
a:hover#reqprop {background:url(../images/reqprop.png) no-repeat 1px -46px;}

#left, #homeleft {padding:5px 15px 15px; margin:0 25px 0 10px; float:left;}
#left {width:600px;}
#homeleft {width:373px;zoom:1;}
#homeleft ul {margin:20px 0;}
#homeleft ul li {background: url('../images/tick-glow.png') no-repeat 0 3px; padding:5px 5px 5px 27px;line-height:18px;font-size:14px;zoom:1;}
#homeleft ul li p{color:#333;}

.servleft {width:404px; float:left; margin:0 60px 35px 35px;}
.servright {width:404px; float:left; margin-bottom:35px;}
.servleft h2, .servright h2 {color:#0066cc; font-size:16px; padding:30px 0 10px;}
.servetn {margin-top:15px; width:400px; border:2px solid #ccc;}
.noborder {border:2px solid #fff;}

.servleft p span, .servright p span {background:#ffdda2;}

.system-message {width:404px; float:left; margin:0 60px 35px 35px;}
.system-message h2 {color:#0066cc; font-size:16px; padding:30px 0 10px;}
.system-message p {}

#chat {border:1px solid #ffcc66; background:#fff5de; padding:10px; margin:10px 0;}
#chat h3 {margin-bottom:5px;}

.test {margin-top:15px;}
.test img {float:right; margin:0 0 15px 25px; border:2px solid #ccc;}
.test blockquote {color:#000;  font-style:italic; line-height:18px; padding:0 0 10px 0; width:250px;}

#customers {width:500px; float:left; }
#customers h2 {padding:5px;font-size:16px;}
#customers p.cite,  #customers a.cite {padding:2px 10px;}
#customers p {padding:2px 5px;}
#customers a.thumb {display:block; width:235px; height:125px; border:4px solid #ccc; margin-bottom:10px;}
#customers a:hover.thumb {border:4px solid #333;}
#customers li {display:block; float:left; width:250px;}
#customers a.thumblink {display:block; color:#000; font-weight:bold; padding:3px 10px 10px 5px; text-decoration:none; font-size:14px;}
blockquote {color:#333; font-family:georgia; font-style:italic; line-height:16px; padding:3px 20px 5px 5px; font-size:14px;}
blockquote span {font-weight:bold; font-size:14px; color:#000;}



a.req_prop {display:block; position:relative; text-align:center; font-size:16px; font-weight:bold;color:#0066cc; background:#ffdda2; padding:12px; margin:25px;;text-decoration:none;}
a.req_prop span {color:#000;}
a:hover.req_prop {color:#0066ff; background:#dbebff; }
a.req_prop img {position:absolute; top:-20px; left:-10px; z-index:1;}

ul#works {list-style:none; margin:12px; padding:0;}
ul#works li {display:inline; float:left; margin:9px; height:360px;}
ul#works li img {border:3px solid #ccc;}
ul#works li h4 {margin:5px 0; font-size:18px;}
ul#works li p {display:block; width:440px; margin:5px 0; padding:0;}

ul.workflow {padding:0;margin:0;}
ul.workflow li {border-bottom:1px dotted #999; padding:10px 0; line-height:20px} 
ul.workflow li h4 {font-size:14px; line-height:20px;}

.us {margin:0 25px 45px;}
.us img {float:left; margin: 0 15px 15px 0; border:2px solid #ccc;}
.us h2 {color:#0066ff; font-size:16px; padding:10px 0 10px;}
.us h2 span {color:#000; font-size:14px; font-weight:normal;}

.test {position:relative;}
.test .cite {display:block; position:absolute; width:140px; top:130px; right:0; font-size:12px;}

#footer {background:#092737; margin-bottom:25px;height:105px; position:relative;}

#nav li {display:inline; float:left;}
#nav li a {display:inline-block; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold;font-size:14px; padding:0 15px;line-height:50px; height:50px;}
#nav li a:hover {color:#3399ff;}

#social {padding:10px; float:left;}

img.nlhead {position:absolute; top:-12px; right:0px;}
#newsletter {display:block; float:right; position: absolute; top:0px; right:0px;}
#contact #newsletter {position: absolute; top:-10px; right:0px;}
#nl_signup .name.text {color:#999; width:190px; height:14px; padding:4px;position:absolute; right:10px; top:13px;}
#nl_signup .email.text {color:#999; width:190px; height:14px; padding:4px;position:absolute; right:10px; top:40px;}
#nl_signup .btn {position:absolute; right:97px; top:68px;}

p.cr {color:#336699;font-weight:bold;padding:20px 15px 0;}

#slideshow {
    position:relative;
    height:274px;
    margin:2px 0 0 3px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.hidden {display:none;}

/* FORMS ------------------------------*/

.formitem label {display:block; margin:15px 0 3px; font-weight:bold;}

#contact form {margin-top:10px;}

#contact span.req {color:#CC0000; background:#fff; }

.formitem textarea {width:350px; height:100px;}

.formitem .cat_button {margin:15px 0;}