* {
margin: 0;
}
html, body {
height: 100%;
margin:0;
padding:0;
}
body#home {background:url(site_img/hp_headerBg.jpg) repeat-x;}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px;
background:url(site_img/pg_bg_bot.gif) repeat-x bottom;
}

#footer, #push {
height: 50px;
}
#header {height:132px;z-index:1;margin:0;padding:0;overflow:hidden;}

#navContent{
float:right;
z-index:1000;
height:96px;
width:760px;
margin:10px 18px 0 0;
padding:0;
background:url(site_img/nav_hdr_bg.gif) repeat-x;
}

#hpBanner{height:376px;}

/*Nav lists*/

ul{
padding:0;
margin:0;
}

li {
list-style-type:none;
margin:0;
padding:0;
}

/* finish re-sets */

/* main nav */

#navContent ul{font:normal 12px Helvetica, sans-serif;float:left;padding:6px 8px 0 15px;}
#navContent li{list-style-type:none;padding:0px 8px 2px 0px;margin:0;}
#navContent li a{text-decoration:none;color:#000;border-bottom:1px dotted #FFF;}

body#dev #navContent a.dev,
body#cms #navContent a.cms,
body#maintain #navContent a.maintain,
body#upgrade #navContent a.upgrade,
body#seo #navContent a.seo,
body#analytics #navContent a.analytics,
body#strategy #navContent a.strategy,
body#standards #navContent a.standards,
body#grants #navContent a.grants,
body#csDesign #navContent a.csDesign,
body#csOpti #navContent a.csOpti,
body#csTesti #navContent a.csTesti,
body#packBesp #navContent a.packBesp,
body#packEcom #navContent a.packEcom,
body#packBrocu #navContent a.packBrocu,
body#packStart #navContent a.packStart,
body#analytics #navContent a.analytics,
body#privacy #navContent a.privacy,
body#disclaimer #navContent a.disclaimer,
body#locWx #navContent a.locWx,
body#locKk #navContent a.locKk,
body#porti #navContent a.porti,
#navContent li a:focus{color:#C9201A;text-decoration:none;}

#navContent li a:hover{color:#C9201A;text-decoration:none;border-bottom:1px dotted #000;}


#navContent li.hPad{margin:-2px 0 10px 0 !important;}
.hPad a{font:17px Georgia, "Times New Roman", Times, serif !important;font-style:italic !important;color:#FFF !important;border:0 !important;}

body#dev a.dev, body#cms a.cms, body#maintain a.maintain, body#upgrade a.upgrade,
body#seo a.seo, body#analytics a.analytics, body#grants a.grants,
body#csDesign a.csDesign, body#csOpti a.csOpti, body#csTesti a.csTesti, body#locWx a.locWx,body#locKk #navContent a.locKk,
body#packBesp a.packBesp, body#packEcom a.packEcom, body#packBrocu a.packBrocu, body#packStart a.packStart,
body#contact a.contact, body#privacy a.privacy,
body#packs a.packs, body#case a.case, body#search a.search, body#web a.web,
a:hover{color:#C9201A !important;text-decoration:none !important;}

#current{position:absolute;width:411px;height:124px;margin:370px 0 0 530px;z-index:1021;}
body#seo #current, body#packBesp #current{margin:-90px 0 0 530px;}
#current a{height:124px;width:411px;background:url(site_img/hp_design_packs.png) no-repeat;display:block;}
#current a span{width:0;height:0;display:block;overflow:hidden !important;}


/* end main nav */

/*breadcrumb*/
#crumb{
border-top:1px solid #DEDEDE;
border-bottom:1px solid #DEDEDE;
margin:0 5px 0 5px;
height:23px;
}
#crumb ul{padding-left:72px;}
#crumb li {
background:url(site_img/crumb_bg.jpg) no-repeat right;
height:20px;
padding:0 14px 3px 8px;
float:left;
font:11px Helvetica, sans-serif;
color:#C9201A;
line-height:23px;
}
#crumb #present {
background:url(site_img/crumb_bg_stop.jpg) no-repeat  right !important;
padding-right:52px;
}

#crumb #present h2{
width:100%;
background:none;
font:bold 11px Helvetica, sans-serif;
color:#C9201A;
padding:0px;margin:0px;
line-height:23px;
}

#crumb a {
color:#4C4C4C;
text-decoration:none;
font:11px Helvetica, sans-serif;
line-height:23px;
}
#crumb a:hover {
border-bottom:1px dotted #C9201A;
color:#000;
}
/* end breadcrumb */

/*footer nav */

#footerNav li {
display:inline;
margin:0 34px 0 0;
}
#footerNav li a{
font:normal 13px Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
#footerNav li a:hover{
border-bottom:1px dotted #FFF;
color:#C9201A
}

#footerNav #sub {
padding-top:12px;
color:#999;
font:normal 11px Helvetica, sans-serif;
}
#footerNav #sub a{font-size:11px;}
#sub strong{font-weight:normal;}
#footerNav #sub li{
margin-right:14px;
}
/* end footer nav */


/*end nav lists */

.colL{width:472px;float:left;margin:16px 0 30px 84px;display:inline;line-height:19px !important;}
.colR{width:272px;float:right;margin:16px 84px 30px 0;display:inline;}
#webpacks{margin:16px 40px 30px 40px;}
#webpacks h3{color:#FFF;}
#webpacks li{width:144px;float:left;margin-left:-1px;}
#webpacks div{font:12px normal Verdana, sans-serif;border:1px solid #E6E6E6;border-top:none;height:20px;text-align:center;padding:6px 2px;}
.packHead{height:48px !important;border:none !important;background:url(site_img/pack_bg.png) no-repeat center !important;padding-top:12px !important;}
.infoPack{height:84px !important;font:11px normal Helvetica, sans-serif !important;}
.pod{background-color:#F9F9F9;}
.packHead2{background:none !important;height:48px !important;}
#packSpec th{height:20px;padding:15px 2px;color:#FFF;background:url(site_img/pack_back.jpg) repeat-x;}
.packTDbord{border-right:dotted 1px #999;border-left:dotted 1px #CCC;text-align:center;}
#packSpec{border:1px dotted #CCC;margin-top:24px;}
#packSpec td{padding:3px;border-bottom:1px solid #EFEFEF;background-color:#FBFBFB;}
#packFeat,packOpt{width:22%;}
#packDesc{width:66%;}

#pop{
width:460px;
height:100px;
background:url(site_img/blacker_trans.png);
position:absolute;
padding:30px;
border:1px solid #333;
top:290px;left:32%;
text-align:center;
z-index:101;
}

#center strong{font-weight:normal;}

.keys div{padding:6px 0px;text-align:left !important;font:bold 10px  Verdana, sans-serif !important;color:#555;line-height:20px !important;border-color:#FFF !important;}
.infoPack form{position:relative;z-index:100;background-color:#FFF;}
.KT_field_error{line-height:12px !important;height:10px !important;padding:0;margin-top:-6px;width:70px;float:right;color:#BA0F0A !important;border:none !important;}
.infoPack form{margin-top:-12px;}
.infoPack form br{line-height:0 !important;padding:0;margin:0;height:0;}
.infoPack form input{border:1px solid #666;width:120px;background:#F8F8F8;}
.infoPack form .button{height:47px;width:127px;border:0;background:url(site_img/call_but.png) no-repeat;cursor:pointer;}
#keys{padding:30px 0;clear:both;font:bold 10px  Verdana, sans-serif;line-height:20px;overflow:hidden;}
.keys a{color:#000;display:block;}
#keys li{padding:0 30px 0 0;width:126px;}
#keys li img{float:right;}
.packHead2 span{color:#000 !important;font:italic 20px Georgia, "Times New Roman", Times, serif;}
.colR .infoPack{width:122px;}
.colR .infoPack form{margin-top:0;}
.colR .KT_field_error{margin-top:1px}
.colR .packHead{width:144px;height:100px;}

body#home .colL{width:472px;}
body#home .colL em{font-style:normal;}
body#home .colL p a{text-decoration:none !important;}
body#home .colR{width:272px;line-height:19px !important;}
body#home .colR a{color:#333;}
body#home .colR h3,body#home .colR h5{font-size:16px;font-weight:bold;color:#C9201A;margin-top:6px;}
body#home .colR img{border:1px solid #999;padding:3px;background-color:#ECECEC;margin:10px 0 8px 0;}
body#home .colR span a{text-align:center !important;text-decoration:none;color:#C9201A;}
body#home .colR ul{margin-bottom:16px;}
.colL ul{margin-top:28px;}
.colL li{padding:0 0 18px 0;}
.colL a{color:#000;}
body#csTesti .colL, body#locWx .colL,body#locKk .colL{width:796px;}
.tight{padding:0 0 8px 0 !important; list-style-type:disc;margin-left:10px;}
body#packs .tight a{color:#000;}
body#csDesign .colL,body#csOpti .colL{width:400px;}

body#csIndex .colL{width:795px;}
body#locWx .colL img,body#locKk .colL img {margin-left:0px;}
.linky{margin-top:50px;}


#right3, #cen3, #left3 {float:left;width:240px;display:inline;margin-left:60px;padding-bottom:24px;}
#right3 a, #cen3 a, #left3 a{color:#C9201A;text-decoration:none;} 
.colR li{
border:1px solid #E1E1E1;
border-bottom:none;
font:normal 11px Verdana, sans-serif;
background-color:#F8F8F8;
} 
.colR li a{
display:block;
width:260px;
padding:5px 0 5px 9px;
color:#000;
text-decoration:none;
} 
.colL span{font-weight:bold;}
#menuOn{
background:url(site_img/menu_on.gif) no-repeat center #FFF !important;
padding:2px 0;
font:normal 12px Verdana, sans-serif !important;
text-align:center;
}
.colR li a:hover{background:url(site_img/menu_arrow.gif) no-repeat -1px -2px #FFF;}
#menuOn a{padding-left:0;color:#C9201A;}
#menuOn a:hover{background:none !important;}
.liHead{padding:8px 10px;background:url(site_img/bg_menuhead.gif) no-repeat -1px -1px #FFF !important;color:#000;font:normal 15px Verdana, sans-serif !important;}
.colR ul{border-bottom:1px solid #E1E1E1;margin-top:0;}
.goR{float:right;}
.goL{float:left;}

#hint{height:35px;padding:10px 8px 14px 15px;background:url(site_img/bg_hint.gif) no-repeat;color:#FFF;}


.clear, #footerNav, .bodyStrap, #closePage, #crumb ul {clear:both;}


#subHeaders{height:126px;background:url(site_img/subHd_bg.gif) repeat-x;}
body#home #subHeaders{margin-top:78px;}

#subHd1{
background-color:#212121;
border-right:1px solid #606060;
border-left:1px solid #606060;
text-align:center !important;
width:958px;
background:url(site_img/we_build.png) no-repeat center;
}
#subHd2{
background-color:#ECECEC;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
padding:20px 0 0 84px;
width:874px;
font:bold 20px Georgia, "Times New Roman", Times, serif ;
font-style:italic;
color:#C9201A;
}
#subHd2 span{float:left;}
#subHd1,#subHd2{
height:63px;
margin:0 auto 0 auto;
overflow:hidden;
}

#strapCont{
width:962px;
height:500px;
margin:0 auto 0 auto;
background:url(site_img/semiTransW_bg.png);
}

#closePage{
background:url(site_img/pageFoot_bg.gif) no-repeat bottom left;
height:40px;
}

#footerNav {
height:60px;
background-color:#000;
text-align:center;
padding:30px 0 10px 0;
}
#footerNav div{color:#FFF;font:bold 12px Helvetica, sans-serif;text-align:left;padding-left:12px;}

#footer div {
font:bold 11px Helvetica, sans-serif;
color:#999;
text-align:right;
width:966px;
margin:0 auto 10px auto;
padding-top:5px;
height:35px;
background:url(site_img/footer_bg.gif) no-repeat bottom right;
}
#footerNav img{float:left;margin-top:33px;}
#header, #bodyContent {background:url(site_img/page_bg.gif) repeat-y;}

#header,#bodyContent,#content,#push, #footerNav {width:966px;margin:0 auto 0 auto;}

#bubble{
position:relative;
height:210px;
background:url(site_img/semiTransBubble_bg.png) no-repeat top left;
margin:-24px 0 0 0;
padding:100px 110px 0px 110px;
z-index:2;
font:normal 25px Georgia, "Times New Roman", Times, serif ;
line-height:36px;
font-style:italic;
color:#FFF;
}
#bubble strong{font-weight:normal;}
#bubble div{text-align:right;color:#F9221A;}
.bodyStrap{
height:40px;
background-color:#212121;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
padding:12px 0 0 76px;
margin:0 3px 0 3px;
color:#FFF;
background:url(site_img/services_bg.png) no-repeat 54px 12px #000;
}

#bodyContent strong{font-weight:normal;}

/*newBFC, #bodyContent, .testimonial*/
/*Fixes collapsing div problem*/
/*{
overflow: hidden;
_overflow: visible;
_overflow-x:hidden;
_height: 0;
}



/*\*//*/ 
.newBFC {display: inline-block;}
/**/

/*quotes*/
.comment{
/*clear:both;*/
padding:10px 0 20px 12px;
overflow:hidden; min-height:320px;
}
.comment a{
color:#C9201A;
padding:0;
display:block;
}
.comment em{font-size:11px;}
.comment a:hover{color:#000;}
.testi{
width:270px;
text-align:left;
padding-left:30px;
}
.testi span{font-size:11px;}
.testi a {padding-left:60px;font:bold italic 18px Georgia, "Times New Roman", Times, serif;color:#C9201A;text-decoration:none;}
blockquote{width:345px;
color:#666;
font-style:italic;
font-size:14px;
line-height:19px;
padding:14px 24px 0 24px;
border-left:5px solid #999;
border-right:5px solid #999;
}
#quoteDiv{clear:both;margin-left:-80px}
body#csDesign blockquote, body#csOpti blockquote{width:320px;}
blockquote div{
height:20px;
}
.testimonial img,body#csDesign .colR img, body#csOpti .colR img, body#csIndex img,body#packs .sShot img
{border:1px solid #C3C3C3;padding:8px;background-color:#FFF;}
.testimonial{margin-bottom:60px;border-bottom:1px dotted #CCC;clear:both;}
.sShot{width:348px;float:right;text-align:center;padding-top:62px;}
.sShot a{color:#C9201A;text-decoration:none;line-height:40px;}
body#csIndex .sShot{padding:90px 0  0 18px;}
.aSpot {color:#999;text-decoration:none;}
.study{width:440px;}
/*end quotes*/
body#packs .sShot{padding-top:12px;}
body#packs .sShot img{margin-left:-32px;}
body#packs .sShot{font:normal 12px Arial, sans-serif;}

/*---portfolio---*/
#portfolio{padding:0 50px 40px 50px;}
#portfolio li{float:left;margin:12px 12px 30px 12px;height:320px;width:264px;/*border:1px solid #CCC;*/}
#portfolio li a img{padding:3px;background:url(site_img/port_bg.png) no-repeat;border:none;opacity:0.70;filter:alpha(opacity=50);}
#portfolio li a:hover img{;opacity:1.0;filter:alpha(opacity=100);}
#portfolio li p{font:13px Helvetica, sans-serif;color:#888;line-height:19px;width:90%;}
#portfolio li p a{font-size:11px;line-height:30px;color:#666;text-decoration:none;}
#portfolio li h4, #portfolio li h4 a{font:italic 18px  Georgia, "Times New Roman", Times, serif; color:#666;text-decoration:none;margin:14px 0 5px 0;}


/*Type*/
#right3, #cen3, #left3, .colL, .colR {font:normal 13px Arial, Helvetica, sans-serif;}
em span{font-weight:bold;color:#CC0000;}

h1, h2, h3, h4, h5 {margin:0px;padding:0;}

h1{
height:103px;
width:164px;
color:#000;
font-size:20px;
margin:12px 0 0 12px;
padding:0;
float:left;
}
h1 a{
padding-top:90px;
margin-left:0px;
width:170px;
color:#666;
display:block;
position:absolute;
font:11px normal Arial, sans-serif;
background:url(site_img/coded_logo.png) no-repeat;
text-decoration:none;
text-align:center;
z-index:1;
}

#subHd1 h1{
height:30px;
width:779px;
background:url(site_img/we_build.gif) no-repeat center;
padding:33px 0 0 140px;
color:#FFF;
margin:0;
}
h1.services{
height:30px;
background:url(site_img/services_bg.gif) no-repeat;
padding:16px 0 0 84px;
margin:0;
}
h1 span, h2 span, h3 span{
height:0px;
width:0px;
display:block;
overflow:hidden !important;
}

h2{
font:20px Georgia, "Times New Roman", Times, serif ;
font-style:italic;
color:#C9201A;
}
#subHd2 h2, #subHd2 h1{
width:352px;
display:inline;
background:none;
margin:0px !important;
}
#subHd2 h2, #subHd2 h1 .goL{padding-right:0;margin-right:0px !important;}
body#packs #subHd2 h1{width:600px;}

#right3 h2, #cen3 h2, #left3 h2 {font-size:20px !important;padding-bottom:12px;}
h3{
font:18px Georgia, "Times New Roman", Times, serif ;
font-style:italic;
color:#333;
}
body#home h2 a{color:#C9201A;text-decoration:none;}
body#csTesti h3,body#locWx h3,body#locKk h3{border-bottom:none;font-size:20px;}
.colL h3{
border-bottom:1px dotted #DADADA;
margin-bottom:10px;
}
.colL h2 {
font-size:22px;
margin-bottom:18px;
}
.subTxt{font-size:14px;}
body#contact h4{font:italic bold 15px Georgia, "Times New Roman", Times, serif ;color:#666;}
h4 span{color:#000;}
h5{font:italic bold 14px Georgia, "Times New Roman", Times, serif ;color:#666;padding-bottom:8px;}
#pop h3{color:#FFF !important;font-size:22px;line-height:30px;}
.packHead h3 a{color:#FFF;text-decoration:none;}
.linky h3 a{color:#C9201A;text-decoration:none;}
.packHead h3 a:hover{color:#FFF !important;text-decoration:underline !important;}
linky h3 a:hover{color:#000 !important;text-decoration:underline !important;}
.g-plusone{width:100px;}
.paginate{clear:both;padding:40px 0 40px 70px;}
.paginate a{color:#000;font:italic normal 18px Georgia, "Times New Roman", Times, serif;text-decoration:none;}
#hiring{display:block;width:157px;height:84px;position:absolute;top:131px;margin-left:680px;z-index:200001;}
#related{padding:30px 0;clear:both;}
.padLeft{padding-left:180px;font:13px Arial, Helvetica, sans-serif;}
#related h5{color:#CC0000;}
#related ul{margin:4px 0;}
#related li{text-align:left;padding:5px 0 0 10px;margin:0;}
#related li a{color:#000;text-decoration:none;border-bottom:dotted 1px #999;}
.speci{color:#CCC !important; text-decoration:none;}
.locAddy{width:160px;float:right;color:#666;padding-top:18px;}