﻿/* CSS Document */
/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus {outline: 0;}
body {line-height: 1; color: black; background: white; position:relative;}
ol, ul {list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
blockquote:before, blockquote:after {content: "";}
blockquote {quotes: "" "";}

/* Typography  - The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body{color:#000; font:75%/1.5em Arial, Helvetica, sans-serif;}

p{font-weight:300; margin:0 0 1.5em;}

h1{font-size:2em; font-weight:700; margin:0 0 0.75em;}
h2{font-size:1.5em; margin:0 0 1em;}
h3{font-size:1.1666em; margin:0 0 1.285em;}
h4{font-size:1em; margin:0 0 1.5em;}
h5{font-size:0.8333em; margin:0 0 1.8em;}
h6{font-size:0.666em; margin:0 0 2.25em;}

a:link{color:inherit; text-decoration:underline;}
a:visited{}
a:hover{}
a:hover,a:focus{text-decoration:none;}

ul,ol{margin:0 0 1.5em; padding:0;}
li ul,li ol{margin:0;}
ul li{list-style:inside disc;}
li li{padding-left:1.5em;}
ol li{list-style:inside decimal;}
img{display:inline-block; vertical-align:bottom;}
:focus{outline:1px dotted;}

abbr,acronym{border-bottom:1px dotted; cursor:help; font-variant:small-caps;}
address,cite,em,i{font-style:italic;}
blockquote p{background:#eee; margin:0 1.5em 1.5em; padding:0.75em;}
code,kbd,tt{font:1em/1.5em "Courier New", Courier, monospace;}
del{text-decoration:line-through;}
dfn{border-bottom:1px dashed; font-style:italic;}
dl{margin:0 0 1.5em;}
dt{font-weight:700;}
dd{padding-left:1.5em;}
ins{text-decoration:overline;}
pre{font:1em/1.5em "Courier New", Courier, monospace; margin:0 0 1.5em; padding:0 0 0 1.5em;}
sub{bottom:-0.4em; font-size:0.85em; line-height:1em; position:relative; vertical-align:baseline;}
sup{font-size:0.85em; line-height:1em; position:relative; top:-0.4em; vertical-align:baseline;}
strong, b{font-weight:700;}
caption{font-style:italic; text-align:left;}

/*Forms*/
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
input.text, input.title, textarea, select {margin:0.5em 0; border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title{ width: 300px; padding:5px; }
input.title{ font-size:1.5em; }
textarea{ width: 390px; height: 250px; padding:5px; }
.error, .notice, .success{ padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*Link Icons*/
body a.noicon { background:none; padding:0; margin:0; }/* add if something shouldn't have have an icon */


/* Ultility Classes */
.smallcaps {font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.2em;font-weight:bold; padding:0 2px;}
.amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif; font-style:italic;}
.aside-left{clear:left; float:left; margin:0 1.5em 0 0;}
.aside-right{clear:right; float:right; margin:0 0 0 1.5em;}

/*Clearing*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear{clear:both;}



a:active
{
  outline: none;
}


a
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}




body{background:url(../images/background-repeat.png) repeat-x top; background-color:#dfe1e2; padding-top:10px;}
#siteContainmargin: 0 auto;padding: 0;position: relative;text-align: center;width:1005px;}
#outsideContainer {width:992px; margin:0 auto; position:relative; text-align:center;background-repeat:no-repeat;margin-top:15px;background:url(../images/background-dropshaddow.png);background-repeat:repeat-y;}

#topHeader {background:url(../images/header-top.png);width:990px;height:9px;margin:0 auto;}

#container {color:#333333;background:#ffffff; width:960px;margin:0 auto;text-align:left;line-height:20px;font-size:12px;font-family:Tahoma;}

#header {height:140px;}
#header h2 {height:119px; width:408px; background:url(../images/Logo.png); background-repeat:no-repeat;float:left;margin: 10px 15px 0 25px;}
#header h2 a {display:block; height: 119px; text-indent:-9999px;}

#headerInfo {height:80px; width:455px;float:left;border-left:solid 4px #cccccc;margin:30px 0 0 -30px; }
#headerInfo p span {font-size:18px;color:#003333;}
#headerInfo p {padding:0 0 0 8px;}

.bannerImage {width:990px;height:472px;position:relative;}
.bannerImage img {border-top:1px solid #075f97;position:absolute; z-index:5;}

#primaryNav {width:975px; height:66px; background:url(../images/nav-bar-outside.png); background-repeat:no-repeat; position:absolute;margin:-450px 0 0 -7px;padding:0;z-index:50;}
             

.topNav {margin:0 0 0 7px; height:50px;}
.topNav li {display:inline;font-size:14px;color:#012943;}

.topNav #topHome {height:50px;width:70px;line-height:60px;float:left;text-align:center;} 
.topNav #topHome a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topHome a:hover,active {color:#075f97 !important;background:url(../images/nav-hover80.png) top center;} 
.topNav #topHome a:visited {color:#012943;}
.topNav .selected #topHome {background:url(../images/nav-hover80.png); color:#012943;}

.topNav #topAboutUs {height:50px;width:75px;line-height:60px;float:left;text-align:center;} 
.topNav #topAboutUs a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topAboutUs a:hover,active {color:#075f97 !important;background:url(../images/nav-hover90.png) top center;} 
.topNav #topAboutUs a:visited {color:#012943;}

.topNav #topResidential {height:50px;width:200px;line-height:60px;float:left;text-align:center;} 
.topNav #topResidential a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topResidential a:hover,active {color:#075f97 !important;background:url(../images/nav-hover230.png) top center;} 
.topNav #topResidential a:visited {color:#012943;}

.topNav #topCommercial {height:50px;width:170px;line-height:60px;float:left;text-align:center;} 
.topNav #topCommercial a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topCommercial a:hover,active {color:#075f97 !important;background:url(../images/nav-hover190.png) top center;} 
.topNav #topCommercial a:visited {color:#012943;}

.topNav #topProjects {height:50px;width:100px;line-height:60px;float:left;text-align:center;} 
.topNav #topProjects a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topProjects a:hover,active {color:#075f97 !important;background:url(../images/nav-hover110.png) top center;} 
.topNav #topProjects a:visited {color:#012943;}

.topNav #topEmployment {height:50px;width:120px;line-height:60px;float:left;text-align:center;} 
.topNav #topEmployment a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topEmployment a:hover,active {color:#075f97 !important;background:url(../images/nav-hover130.png) top center;} 
.topNav #topEmployment a:visited {color:#012943;}

.topNav #topTestimonials {height:50px;width:110px;line-height:60px;float:left;text-align:center;} 
.topNav #topTestimonials a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topTestimonials a:hover,active {color:#075f97 !important;background:url(../images/nav-hover120.png) top center;} 
.topNav #topTestimonials a:visited {color:#012943;}

.topNav #topContact {height:50px;width:110px;line-height:60px;float:left;text-align:center;} 
.topNav #topContact a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topContact a:hover,active {color:#075f97 !important;background:url(../images/nav-hover120.png) top center;} 
.topNav #topContact a:visited {color:#012943;}
 
#homeSideBar {width:300px;background:#d7e0e5;position:absolute;margin:-25px 0 0 635px;z-index:50;}
#homeSideBar h2 {margin:0;height:35px; line-height:35px; text-align:center;background:#075f97;border:1px solid #909396;font-size:12px; font-weight:bold; color:#ffffff;}
#homeSideBar p {padding:15px 15px 0 15px;}
#homeSideBar ul {padding:0 0 0 35px;}
#homeSideBar li { list-style-type:square; list-style-position:outside; font-size:13px;padding-bottom:8px;color:#075f97;}
#homeSideBar span {color:#333333;}
#homeSideBarBottom {width:300px;margin:335px 0 0 635px;background:url(../images/sidebar-bottom.png);height:8px;position:absolute;}

#homeContent {width:958px;height:385px;border-right:1px solid #b0bdc7;border-left:1px solid #b0bdc7;}

#homeResContent {width:280px; float:left;padding:17px 0px 15px 23px;}
#homeResContent h2 {padding:10px 0 5px 0; font-size:16px; color:#104658; font-weight:bold;margin:0;}
#homeResContent p {padding-right:0px;}
#homeResContent a {color:#075f97; font-weight:bold; text-decoration:none;}
#homeResContent a:hover {color:#104658;}

#homeCommContent {width:280px; float:left;padding:17px 0px 15px 30px;}
#homeCommContent h2 {padding:10px 0 5px 0; font-size:16px; color:#104658; font-weight:bold;margin:0;}
#homeCommContent p {padding-right:0px;}
#homeCommContent a {color:#075f97; font-weight:bold; text-decoration:none;}
#homeCommContent a:hover {color:#104658;}


#homeContentBottom {height:32px; width:992px; margin:0 auto; background:url(../images/content-bottom-dropshadow.png);clear:both;background-repeat:no-repeat;}

#footer {text-align:left; width:960px;margin:0 auto;}
#footerInfo {margin:0px 0 0 10px;float:left;font-size:10px; line-height:13px;}
#footerInfo a {text-decoration:none;color:#333333;}
#footerInfo a:hover {color:#104658;}
.stationfour {color:#777777;padding-top:5px;}
.stationfour a {text-decoration:underline !important;color:#777777 !important;}
.stationfour a:hover {text-decoration:none;}


#footerNav{float:right;width:274px;margin:0px 40px 0 0;}
.bottomNav {margin:0;background:#d6d9db;font-size:11px;padding:6px 3px 6px 12px;}
.bottomNav li {display:inline;}
.bottomNav li a {text-decoration:none;color:#000000;}
.bottomNav li a:hover {color:#104658 !important;}




/* sub-projects coding */




#subBannerImage {width:960px; position:relative;height:63px;background:#ffffff;}

#subPrimaryNav {width:975px; height:66px; background:url(../images/nav-bar-outside.png); background-repeat:no-repeat; position:absolute;margin:22px 0 0 -7px;padding:0;}

#subProjectContent {width:958px;border-right:1px solid #b0bdc7;border-left:1px solid #b0bdc7;padding-bottom:20px;overflow:auto;}

#projectInfoColumn {width:475px; float:left;margin:45px 0px 0 20px;}
#projectInfoColumn h2 {padding-top:8px; font-weight:bold; color:#104658;margin-bottom:10px;}
#projectInfoColumn h3 {margin:0;padding:0;color:#333333; font-size:12px;font-weight:bold;}
#projectInfoColumn p {padding:10px 25px 0 0;}


#projectImageColumn {width:463px;float:left;padding:50px 0 0 0;}
#projectImageColumn img {padding-left:15px;}
#projectImageColumn h3 {padding:10px 0 0 15px;margin:0;color:#333333; font-size:11px;font-weight:bold;}

#projectsPageGallery {width:435px;padding-left:15px;}
.pageGallery {margin:0;float:left;width:130px;padding-right:15px;}
.pageGallery li { list-style-type:none;line-height:13px;padding:0 0 15px 0;}
#projectsPageGallery img {padding:0;}

#projectPageNav {width:300px;background:#d7e0e5;overflow:auto;margin-left:70px;margin-top:200px;}
#projectPageNav h2 {margin:0;height:35px; line-height:35px; text-align:center;background:#075f97;border:1px solid #909396;font-size:12px; font-weight:bold; color:#ffffff;padding:0;}
.projectPageLinks {width:120px; float:left;margin:0;padding:15px 0px 10px 25px;}
.projectPageLinks li { list-style-type:none; font-size:11px;line-height:13px;padding:0 0 10px 0;}
.projectPageLinks li a {text-decoration:none;color:#333333;}
.projectPageLinks li a:hover {color:#075f97 !important;}
#projectPageNavBottom {width:300px;background:url(../images/sidebar-bottom.png);height:8px;margin-left:70px;}



/*sub page coding */

#subPageContent {width:958px;border-right:1px solid #b0bdc7;border-left:1px solid #b0bdc7;padding-bottom:20px;overflow:auto;}

#subPageForm {width:475px; float:left;margin:45px 0px 0 242px;}

#subPageTop {width:475px; float:left;margin:45px 0px 0 20px;}
#subPageTop h2 {padding-top:8px; font-weight:bold; color:#104658;margin-bottom:10px;}
#subPageTop h3 {margin:0;padding:0;color:#333333; font-size:12px;font-weight:bold;}
#subPageTop h5 {margin:0;padding-bottom:10px;color:#333333; font-size:15px;font-weight:bold;text-decoration:underline;color:#104658;padding-top:8px;}
#subPageTop p {padding:0px 25px 0 0;}
#subPageTop a {color:#363636;}
#subPageTop a:hover {color:#075f97 !important;}
#mainImg {float:left;width:420px;padding-left:15px;padding-top:50px;}


.projectGalleryList {width:440px;float:left;padding:40px 0 0 20px;margin:0; line-height:16px;}
.projectGalleryList h2 {color:#104658; font-size:14px; font-weight:bold;margin:0;}
.projectGalleryColumn {float:left;width:200px;padding:0 15px 0 0;}
.projectGalleryColumn h3 {font-size:12px;margin:0;padding-top:3px;}
.projectGalleryColumn h3 a {color:#333333;}
.projectGalleryColumn h3 a:hover {color:#075f97 !important;text-decoration:underline ;}
.projectGalleryColumn h4 {color:#666666;margin:0;font-size:11px;}
.projectGalleryColumn img {margin-top:18px;}


#projectList {clear:both;padding:60px 50px 0 50px;}
#projectList h2 {color:#104658; font-size:14px; font-weight:bold;margin:0;}
#projectList h3 {margin:0; padding:15px 0 4px 0;font-weight:bold;font-size:13px;}
#projectList h4 {margin:0;color:#666666;line-height:15px;font-size:13px;}
#projectList p {padding:7px 0 12px 0;margin:0;font-size:13px;}

#aboutUsLogos h3 {float:left;width:420px;padding:15px 0 10px 15px;margin:0;text-align:center;font-weight:bold;color:#104658;text-decoration:underline;}
#aboutUsLogos dl {float:left;padding:0 0 0 120px;text-align:center;}
#aboutUsLogos dd {margin:0;padding:3px 0 10px 0;line-height:13px;font-size:11px;}

#employmentForm {width:700px;clear:both;padding-left:50px;}
#employmentForm li { list-style-type:none;}

#servicesList{width:900px; float:left;margin:0px 0px 0 20px;}
#servicesList h3 {margin:0;padding:0;color:#333333; font-size:12px;font-weight:bold;}
#servicesList h5 {margin:0;padding-bottom:10px;color:#333333; font-size:15px;font-weight:bold;text-decoration:underline;color:#104658;padding-top:8px;}

#subPageTop ul {padding:0 0 0 40px;}
#subPageTop li {list-style-type:none;font-size:12px;font-weight:bold;padding-top:3px;}
.nested {padding:0 !important;margin:0;}
.nested li a {font-size:12px; font-weight:normal;text-decoration:none;}



/*lightbox css */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	z-index: 91;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
