/*** Base Elements ***/
html,body{ width:100%;height:100%; margin:0 auto; padding:0; }
#bg,#bg table,#bg td{ width:100%; margin:0 auto; padding:0; text-align: center; overflow:hidden; }
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:100%; color:#a6adb2; }
strong, b { color:#ccd0d3; }
ul,li { margin-left:10px; padding-left:0px; }
form { margin:0; }
/*input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
h1 { font-size:18px; font-weight:bold; letter-spacing:-1px; margin:0 0 5px 0; color:#fff;}
h1.interior { font-size:24px; font-weight:bold; letter-spacing:-1px; margin:0 0 40px 0; color:#fff; line-height:28px;}
h2 { font-size:15px; font-weight:bold; letter-spacing:-1px; margin:0 0 0 0; color:#fff;}
h3 { font-size:14px; font-weight:bold; letter-spacing:-1px; margin:0 0 0 0; color:#fff;}
h1 span, h2 span { display:none; }
a span { display:none; }
hr { color: #b9b7b7; background-color: #b9b7b7; height: 3px; border:none; }
a:active, a:visited, a:focus { outline:none; }

/*** Misc Utils ***/
div.nohover a:hover, .nohover a:hover { background-color: transparent; filter:none; }
.no_margin { margin:0;}


/*** Containers ***/	
#container { margin:0 auto; width:100%;  }
#nav_container { width:948px; height:130px;  margin:0 auto; display:inline-block;  }
#footer_container { margin:40px auto 0 auto; width:948px;  }
#content_container { margin:20px 0 0 0;  display:inline-block; text-align:left; width:948px;  }
#content_container a, #content_container a strong { text-decoration:none; color:#01bdf4; }
#content_container a:hover, #content_container a:hover strong { text-decoration:none; color:#fff; }
#content { margin:20px 0 0 0; display:inline-block; }
#content img { border:none; }
#content hr { border:none; background:url(../images/footer_bg.png) repeat-x scroll center; height: 1px; margin:20px 0; }



/*** Nav ***/
#nav { display:block; float:right; width:415px;/*513px;*/ }
#nav ul  { padding:0; margin:0 auto; list-style:none;  margin:56px 0 0 0; height:26px; }
#nav ul li { list-style:none; float:left; height:26px; margin:0 5px 0 5px; }
#nav ul li a { text-decoration:none; display:inline-block; padding:0; height:26px; }
#nav ul li a:hover {   }
#nav ul li#nav_home a { height:22px; width:37px; background:url(../images/nav_home.png) no-repeat 0 0; }
#nav ul li#nav_home a:hover, body.home #nav ul li#nav_home a { background:url(../images/nav_home.png) no-repeat 0 -22px; }
#nav ul li#nav_completed_projects a { height:22px; width:142px; background:url(../images/nav_completed_projects.png) no-repeat 0 0;  }
#nav ul li#nav_completed_projects a:hover, body.completed_projects #nav ul li#nav_completed_projects a { width:142px; background:url(../images/nav_completed_projects.png) no-repeat 0 -22px;  }
#nav ul li#nav_drake_team a { height:22px; width:81px; background:url(../images/nav_drake_team.png) no-repeat 0 0; }
#nav ul li#nav_drake_team a:hover, body.drake_team #nav ul li#nav_drake_team a { background:url(../images/nav_drake_team.png) no-repeat 0 -22px; }
#nav ul li#nav_contact_us a { margin:2px 0 0 0; height:22px; width:79px; background:url(../images/nav_contact_us.png) no-repeat 0 0; }
#nav ul li#nav_contact_us a:hover, body.contact_us #nav ul li#nav_contact_us a { background:url(../images/nav_contact_us.png) no-repeat 0 -22px; }
#nav ul li#nav_references a { margin:2px 0 0 0; height:22px; width:80px; background:url(../images/nav_references.png) no-repeat 0 0; }
#nav ul li#nav_references a:hover, body.references #nav ul li#nav_references a { background:url(../images/nav_references.png) no-repeat 0 -22px; }
.nav_line { width:1px; height:26px; background:url(../images/nav_line.png) no-repeat 0 0; display:inline-block; margin:-2px 0 0 10px; }

#subnav { display:block; width:319px; }
#subnav ul  { padding:0; margin:0 auto; list-style:none;  margin:0; height:25px; }
#subnav ul li { list-style:none; display:block; height:26px; margin:0 0 2px 0; width:319px;  }
#subnav ul li a { text-decoration:none; display:inline-block; padding:0; height:25px; width:319px; background:url(../images/subnav_box.png) no-repeat; line-height:25px; color:#01bdf4; font-size:13px; font-weight:normal; padding:0 0 0 20px; }
#subnav ul li a:hover, #subnav ul li a.selected { text-decoration:none; color:#fff; background:url(../images/subnav_box_over.png) no-repeat; }
#subnav ul li a span { display:inline; }

#logo { position:absolute; width:204px; height:106px; left:50%; margin:37px 0 0 -481px; background:url(../images/logo.png) no-repeat; }
#logo a { display:block; width:100%; height:100%; }

#drake_partners { background:url(../images/drake_partners.png) no-repeat 0 0; width:319px; height:74px; display:inline-block; margin:0 0 3px 0; position:relative; }
a#partner_willow_creek { position:absolute; height:74px; width:106px; display:block; } 
a#partner_little_pub { position:absolute; height:74px; width:106px; display:block; left:44px; } 
a#partner_drake_asset { position:absolute; height:74px; width:106px; display:block; left:167px; } 

#under_sidenav_log { background:url(../images/drake_partner_bg.png) no-repeat 0 0; width:319px; height:74px; display:inline-block; margin:130px 0 0 0; }
#under_sidenav_log a { width:100%; height:100%; display:inline-block;}
#under_sidenav_log img { display:block; vertical-align:middle; text-align:center; margin:5px auto 0 auto; }

#bottom_bg{ /*background:url(../images/bottom_bg.png) no-repeat 0 0; width:948px; height:74px; */ display:inline-block; margin:20px 0 0 0; }

/*** Footer ***/
#footer { display:block; margin:0 0 20px 0; padding:20px 0 0 0; width:948px; text-align:left; background:url(../images/footer_bg.png) repeat-x top left; display:inline-block; }
#footer_copyright { font-size:10px; color:#fff; text-align:left; margin:0 0 0 0; float:left; width:300px; } 
#footer_links { text-align:right; font-size:10px; width:948px;  }
#footer_links ul  { padding:0; display:inline-block; list-style:none; text-align:left; margin:0 0 0 0; }
#footer_links li { margin:0 5px 0 0; list-style:none; color:#01bdf4; float:left; }
#footer_links ul li a { text-decoration:none; padding:0; color:#01bdf4; }
#footer_links ul li a:hover { text-decoration:none; padding:0; color:#fff; }


/*** BG ***/
#bg div {position:absolute;width:100%;top:0;left:0; z-index:-1; }
#bg td {vertical-align:middle;text-align:center; z-index:-1;}
#bg img {min-width:100%;margin:0 auto; z-index:-1; }


/*** Home ***/
#home_viewer { padding:8px; background-color:#fff; width:930px; height:400px; }
#home_viewer_inner { width:930px; height:400px; overflow:hidden; }
#home_col_1 { width:560px; float:left; padding:0; line-height:16px; margin:40px 0 0 0; }
#home_col_2 { width:319px; float:left; padding:0; line-height:16px; margin:40px 0 0 69px; }


/*** Interior ***/
#interior_viewer { padding:8px; background-color:#fff; width:594px; height:300px; margin:0 0 20px 0; }
#interior_viewer_inner { width:594px; height:300px; overflow:hidden; }
#interior_col_1 { width:610px; float:left; padding:0; line-height:16px; margin:40px 0 0 0; }
#interior_col_2 { width:319px; float:left; padding:0; line-height:16px; margin:40px 0 0 19px; }


/*** Contact ***/
.contact_line { margin:0 0 10px 0; display:inline-block; }
.contact_label { float:left; width:80px; font-weight:bold; color:#ccd0d3; }
.contact_data { float:left; width:450px; }
.contact_data input { border:#fff solid 1px; width:450px; }
.contact_data select { border:#fff solid 1px; width:450px; }
.contact_data textarea { border:#fff solid 1px; width:450px; }
.contact_buttons a { background-color:#08151b; padding:2px 5px; border:#01bdf4 solid 1px; }

#validation { position:absolute; width:450px;border:#fff solid 1px; background-color:#112436; padding:20px; }