body{font: 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;  background:#fff url(../img/bg/bg.jpg) no-repeat top center;}
a{color:#da1d1d; text-decoration:none; font-weight:bold;} a:hover{text-decoration:underline;} .hide{display:none;}
input, textarea, select{font-family: Helvetica, Arial, sans-serif;}
.main{min-height:700px; position:relative;}

/* ----------- Site Feature (We're Hiring) -------------- */
img.site-feature{position:absolute; top:-28px; right:-28px; z-index:999;}

/* ----------- Top Navigation -------------- */
.topnav{padding:15px 0px 67px 0px; position:relative; height:20px;} .topnav ul{text-align:right; float:right; margin-right:0px; margin-top:15px;}
.topnav .container_16 img{float:left; margin:17px 10px 0px 9px; position:absolute; z-index:10;} .topnav .container_16 img:active{position:relative; top:1px;}
.topnav .container_16 ul li{margin-left:3px; font-size:13px; font-weight:normal;  display:inline;}
.topnav .container_16 ul li a{padding:9px 14px; color:#e2e2e2; text-decoration:none; } .topnav .container_16 ul li a:hover{color:#fff;} 
.topnav .container_16 ul li a:active{position:relative; top:1px;} .topnav .container_16 ul li.on a{color:#fff; background:#333; }

/* ----------- Home: Introduction -------------- */
body.home .intro{padding-bottom:6px; margin-bottom:0px; padding-top:34px;}
body.home h1{font-size:45px; letter-spacing:-0.02em; margin-bottom:8px; text-align:center; text-transform:uppercase;} body.home h1 span{color:#c42e06;}
body.home .intro p{text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#888;}

/* ----------- Features: Row One (Primary Services and Call to Action) -------------- */
.features-row-one{overflow:hidden; zoom:1;}
.features-row-one img{margin-top:25px; } .features-row-one h2{margin-top:12px;} .features-row-one ul{margin-bottom:10px;}

/* ----------- Features: Row Two (News) -------------- */
.features-row-two{overflow:hidden; margin-top:25px; border-top:1px dotted #ccc; padding-top:22px; padding-bottom:39px; border-bottom:1px dotted #ccc; margin-bottom:20px; zoom:1;}
.features-row-two img{margin-top:26px; } .features-row-two h2{margin-top:8px;} .features-row-two ul{margin-bottom:10px;}
.features-row-two p{font-size:11px; line-height:1.45em; margin-top:5px; margin-right:15px;} .features-row-two p.section{margin-bottom:10px; margin-top:0px;} 
.features-row-two strong{text-transform:uppercase;} .features-row-two p span{color:#999;}

/* ----------- Features: Row Three (Partners) -------------- */
.features-row-three{overflow:hidden; padding-bottom:29px; padding-bottom:39px; border-bottom:1px dotted #ccc; zoom:1;}
.features-row-three p{text-transform:uppercase; font-size:11px; margin:0px 0px 15px 10px; font-weight:bold;}

/* ----------- Features: Row Four (Clients) -------------- */
.features-row-four{padding-top:10px; } .features-row-four .clear{clear:both; padding-bottom:30px;}
.features-row-four h3{margin:18px 0px 30px 10px; text-transform:uppercase; font-size:16px; letter-spacing:0px;}
.features-row-four img{margin-bottom:13px; width:220px; height:120px;}
.features-row-four a{padding:0px; border:none; display:block; font-size:11px; line-height:16px;  }
.features-row-four a strong{display:block; font-size:13px; margin-bottom:2px; color:#000;} .features-row-four a span{font-weight:normal; color:#666;}
.features-row-four a:hover{text-decoration:none;} .features-row-four a:hover strong{color:#000; } .features-row-four a:hover span{color:#333;}

/* ----------- Typography -------------- */
h2{font-family:Arial, sans-serif; color:#000; font-size:17px; margin-bottom:10px; line-height:1.5em; letter-spacing:0em; margin-top:15px; } 
.content h1{font-size:44px; letter-spacing:-0.02em; /*border-bottom:3px double #e2e2e2;*/ border-bottom:2px solid #e2e2e2; padding-bottom:21px; line-height:1.2em;}
.content h2{line-height:1.5em; margin-bottom:20px; margin-top:24px; margin-right:30px; font-size:22px;}
.content h2:first-of-type{margin-bottom:20px; margin-top:20px;}
.content h3{font-size:18px; margin-bottom:16px; margin-top:35px; margin-right:10px; letter-spacing:0px; line-height:1.3em;}

/* ----------- Primary Styling -------------- */
.content{padding-top:18px; padding-bottom:30px;}
.content p{font-size:13px; color:#333; line-height:1.6em; margin-bottom:15px; margin-right:30px;} .content p strong{color:#000;}
.content p.morelinks{padding-top:15px; border-top:1px dotted #ccc; margin-top:40px; margin-right:0px;} .content ul{margin-bottom:30px;} 
.content ul li{list-style-type:disc; padding-left:0px; margin-bottom:5px; line-height:1.5em; position:relative; z-index:2; margin-left:20px;}
/* Jobs */ .boxin{padding:5px 20px 10px 25px; background:#eee; border:1px solid #e2e2e2; margin-bottom:25px;}

 /* ----------- Sub Navigation -------------- */
.navigation{padding-top:83px;}   .navigation p{margin-top:14px; line-height:1.4em; font-size:11px; margin-left:19px;}
.navigation ul{margin:13px 0px;}
.navigation p.section-title{text-transform:uppercase; margin-left:19px; font-size:13px; margin-top:0px;}
.navigation ul li a{display:block; padding:8px 18px; border-bottom:1px dotted #ccc; zoom:1;}
.navigation ul li.on a{text-decoration:none; color:#000; background:url(../img/icons/sub.gif) no-repeat 6px center;}
 
/* ----------- News Item -------------- */
.content .news-item{padding:25px 0px 10px 0px; margin-bottom:-5px; border-bottom:1px solid #e2e2e2;} .content .news-item:last-child{border:none;}
.content .news-item h2{margin-bottom:2px; margin-top:0px;} .content .news-item p.date{font-size:11px; color:#999; margin-bottom:10px;}
 
 /* ----------- Image Styles -------------- */
.img-r{float: right; margin:2px 0px 20px 30px; }
.img-r-border{float: right; margin:5px 0px 20px 30px; padding:6px; border:1px solid #e2e2e2; background:#fff;}
img.workshop{margin-top:34px;}

 /* ----------- Clients Table -------------- */
.content table.clients{border:0px solid #e2e2e2; width:100%; margin-bottom:25px; margin-top:20px; }
.content table.clients td{text-align:center; padding-bottom:21px; color:#999; width:20%; font-size:11px; line-height:1em; vertical-align:top; background:#fff; border-top:1px solid #e2e2e2;} .content table.clients td img{padding:20px 0px 0px 0px; margin-bottom:10px; }

 /* -----------Contact Form -------------- */
.form-wrap{padding-top:0px;} form{margin-top:20px;} 
.content form p{font-size:11px; font-weight:bold;} .content p.error{padding:20px; background:#ffffcc; margin-bottom:30px; border:1px solid #e2cca5;} /* Validation Style */
form input.focus, form textarea.focus{border-color:#999; background:#fff;}
form input, form textarea{border:1px solid #cdcdcd; border-top-color:#a2a2a2; background:#f4f4f4 url(../img/bg/input.gif) repeat-x; padding:5px; margin:8px 0px 0px 0px; width:95%; font-size:13px;} form textarea{height:160px;} 
form input#submit{width:100px; height:30px; padding:7px 18px; font-size:13px; background:#eee; margin-top:10px; font-weight:bold; cursor:pointer; overflow:visible;}
form input.button.focus{background:#eee;} body.mceContentBody {background: #fff;}

/* -----------Map -------------- */
#map{height:473px; width:340px; margin-top:18px;}
 
/* ----------- Our Work -------------- */
.work-text{padding-top:0px; margin-top:0px;} .screenshot{padding-top:30px;} 

 /* ----------- Services: Strategy -------------- */
.strategy-wrap{padding-top:25px; border-top:1px dotted #ccc; margin-top:25px; overflow:hidden;}
.strategy-wrap ul li{padding:0px; background:none; font-size:11px; margin-right:15px; margin-bottom:8px;} .strategy-wrap p{font-size:11px; line-height:1.4em;}

 /* ----------- Services: Technology -------------- */
.ektron-wrap{padding-top:25px; border-top:1px dotted #ccc; overflow:hidden; padding-bottom:30px; height:1%;}
.ektron-wrap p{font-size:11px; margin-bottom:5px; } .ektron-wrap p strong{font-size:13px;}

/* ----------- Footer -------------- */
.footer{background:#e2e2e2;  clear:both; color:#666; font-size:11px; padding-bottom:50px;} #footer p{line-height:1.8em;}
.footer .grid_9{padding-left:10px;}  .footer .links{text-align:right;}
.footer .container_16{padding:35px 0px 50px 0px;} .footer span{color:#333;} .footer p.copyright{color:#666;} .footer p.copyright span{padding-right:20px; color:#666;}
.footer a{color:#000; border-bottom:1px solid #cecece; padding-bottom:1px; text-decoration:none;} .footer a:hover{text-decoration:none;}