@charset "UTF-8";
/* CSS Document */

/* Setup Styles */

* {
	margin:0pt;
	padding:0pt;
}

iframe, a img, fieldset, form, table {
	border:0pt none;
}

dd, dt, li, dl, ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/* Generic Link Styles */

a:link {
	color: #F1A000;
}

a:hover {
	
}

a:visited {
	
}

a:active {
	
}

a:visited:hover {
	
}

/* Type Styles */

body {
	color: #1A376B;
	background: #00205A url(../images/backgroud_tile.jpg) repeat-x;
	font: 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 {
	
}

h2 {
	
}

h3 {
	font-size: 1.1em;
	line-height: 20px;
	color: #56627F;
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

.clearing { clear:both ; }

/* Layout Styles */

#wrapper {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}

#breadcrumbs {
	height: 17px;
	color: white;
	font-size: 0.8em;
	width: 276px;
	float: left;
	padding: 10px 0 0 0;
}

#breadcrumbs a {
	color: #839ACA;
}

#breadcrumbs a:hover {
	color: #a8c6ff;
}

#nav-top {
	width: 374px;
	float: left;
	height: 17px;
	color: #839ACA;
	font-size: 0.8em;
	text-align: right;
	padding: 10px 0 0 0;
}

#nav-top a {
	color: #839ACA;
}

#nav-top a:hover {
	color: #a8c6ff;
}

#nav-top li {
	list-style-type: none;
	display: inline;
}

#contact-tag {
	float: left;
	width: 650px;
	height: 25px;
	text-align: right;
	color: #fff;
	font-size: small;
	background: url(../images/contact_tag_background.jpg) no-repeat;
	padding: 30px 0 0 0;
}

/* Navigation */

#nav-wrapper {
	width: 650px;
	height: 37px;
	float: left;
}

.main-nav-spacer {
	width: 5px;
	height: 37px;
	float: left;
}

#nav-left  {
	float: left;
	width: 219px;
	height: 37px;
	background: url(../images/left_nav_img.jpg) no-repeat;
}

/* HOME -------------------------- */

#nav-home {
	float: left;
	width: 57px;
	height: 37px;
}

#nav-home a {
	float: left;
	width: 57px;
	height: 37px;
	background: url(../images/nav_home.gif) no-repeat;
}

#nav-home a:hover {
	background: url(../images/nav_home_over.gif) no-repeat;
}

#nav-home-select {
	float: left;
	width: 57px;
	height: 37px;
	background: url(../images/nav_home_sel.gif) no-repeat 0 bottom;
	background-color: #F1A000;
}

/* WHO -------------------------- */

#nav-who {
	float: left;
	width: 103px;
	height: 37px;
}

#nav-who a {
	float: left;
	width: 103px;
	height: 37px;
	background: url(../images/nav_who.gif) no-repeat;
}

#nav-who a:hover {
	background: url(../images/nav_who_over.gif) no-repeat;
}

#nav-who-select {
	float: left;
	width: 103px;
	height: 37px;
	background: url(../images/nav_who_sel.gif) no-repeat 0 bottom;
	background-color: #F1A000;
}

/* SERVICES -------------------------- */

#nav-services {
	float: left;
	width: 82px;
	height: 37px;
}

#nav-services a {
	float: left;
	width: 82px;
	height: 37px;
	background: url(../images/nav_services.gif) no-repeat;
}

#nav-services a:hover {
	background: url(../images/nav_services_over.gif) no-repeat;
}

#nav-services-select {
	float: left;
	width: 82px;
	height: 37px;
	background: url(../images/nav_services_sel.gif) no-repeat 0 bottom;
	background-color: #F1A000;
}

/* WORK -------------------------- */

#nav-work {
	float: left;
	width: 89px;
	height: 37px;
}

#nav-work a {
	float: left;
	width: 89px;
	height: 37px;
	background: url(../images/nav_work.gif) no-repeat;
}

#nav-work a:hover {
	background: url(../images/nav_work_over.gif) no-repeat;
}

#nav-work-select {
	float: left;
	width: 89px;
	height: 37px;
	background: url(../images/nav_work_sel.gif) no-repeat 0 bottom;
	background-color: #F1A000;
}

/* CONTACT -------------------------- */

#nav-contact {
	float: left;
	width: 80px;
	height: 37px;
}

#nav-contact a {
	float: left;
	width: 80px;
	height: 37px;
	background: url(../images/nav_contact.gif) no-repeat;
}

#nav-contact a:hover {
	background: url(../images/nav_contact_over.gif) no-repeat;
}

#nav-contact-select {
	float: left;
	width: 80px;
	height: 37px;
	background: url(../images/nav_contact_sel.gif) no-repeat 0 bottom;
	background-color: #F1A000;
}

/* Content */

#content-wrapper {
	float: left;
	width: 650px;
	background-color: white;
	overflow: hidden;
}

#content-left {
	float: left;
	width: 199px;
}

#content-left-001 {
	float: left;
	width: 199px;
	height: 119px;
	background: url(../images/left_001.jpg) no-repeat;
}

#content-left-002 {
	float: left;
	width: 199px;
	height: 33px;
	background: url(../images/left_002.jpg) no-repeat;
}

#call-back {
	font-size: 0.9em;
	float: right;
	width: 170px;
	color: #174BA4;
	padding: 10px 10px 0 10px;
	background: #CDD3DF url(../images/call_back_botedge.gif) no-repeat 0 bottom;
}

#call-back-leg {
	
}

#call-back label {
	font-size: 1em;
	font-weight: bold;
}

#call-back input.textf {
	width: 162px;
	padding: 3px;
	margin: 3px 0 7px 0;
	border: 1px solid #174BA4;
}

#call-back ol {
	padding: 10px 0 3px 0;
}

#call-back-promise {
	font-size: 0.8em;
	padding: 0 0 10px 0;
}

#call-back input.submit {
	padding: 0px 0px 10px 0px;
	float: right;
}

#free-quote {
	float: left;
	width: 199px;
	height: 92px;
	background: url(../images/free_quote_banner.gif) no-repeat;
}

#content-right {
	width: 451px;
	float: right;
}

#content-right p {
	padding: 10px 0px 0px 0px;
}

/* Page Titles */

#content-title-home {
	float: left;
	width: 451px;
	height: 70px;
	background: url(../images/home_title.jpg) no-repeat;
}

#content-title-who {
	float: left;
	width: 451px;
	height: 70px;
	background: url(../images/who_title.jpg) no-repeat;
}

#content-title-services {
	float: left;
	width: 451px;
	height: 70px;
	background: url(../images/services_title.jpg) no-repeat;
}

#content-title-work {
	float: left;
	width: 451px;
	height: 70px;
	background: url(../images/our_work_title.jpg) no-repeat;
}

#content-title-contact {
	float: left;
	width: 451px;
	height: 70px;
	background: url(../images/contact_title.jpg) no-repeat;
}

#content-title-sitemap {
	float: left;
	width: 451px;
	height: 70px;
	background: url(../images/site_map_title.jpg) no-repeat;
}

/* Main Content */

#content-main {
	width: 379px;
	float: left;
	padding: 0px 35px 0px 35px;
}

#content-main h1 {
	font-size:1.2em ;
}

#content-main ul {
	padding: 20px 0 20px 0;
}

/* Work Gallery */

#work-gallery {
	width: 379px;
	float: left;
	padding: 0px 35px 0px 35px;
}

#work-gallery h2 {
	font-size:1.4em ;
}

#work-gallery p {
	font-size:0.9em ;
	padding:0 0 0 0 ;
}


#project-text { float:right ; width:264px ; padding:0 0 0 15px ; }


/* Project001 */

#project001 { padding:20px 0 20px 0 ; }

#project001-image { float:left ; width:100px ; height:100px ; }


/* Project002 */

#project002 { padding:20px 0 20px 0 ; border-top:2px solid rgba(0,30,91,0.3) ; }

#project002-image { float:left ; width:100px ; height:100px ; }


/* Project003 */

#project003 { padding:20px 0 20px 0 ; border-top:2px solid rgba(0,30,91,0.3) ; }

#project003-image { float:left ; width:100px ; height:100px ;}


/* Project004 */

#project004 { padding:20px 0 20px 0 ; border-top:2px solid rgba(0,30,91,0.3) ; }

#project004-image { float:left ; width:100px ; height:100px ; }


/* Project005 */

#project005 { padding:20px 0 20px 0 ; border-top:2px solid rgba(0,30,91,0.3) ; }

#project005-image { float:left ; width:100px ; height:100px ; }


/* Project006 */

#project006 { padding:20px 0 20px 0 ; border-top:2px solid rgba(0,30,91,0.3) ; }

#project006-image { float:left ; width:100px ; height:100px ; }














#content-main-contact {
	width: 379px;
	float: left;
	font-size: 0.9em;
	color: #174BA4;
	padding: 0px 35px 0px 35px;
}

/* Contact Form */

#contact-form {
	
}

#content-main-contact label {
	float:left;
	margin: 3px 0 0 0;
	width: 120px;
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
}

#content-main-contact input.tfield {
	float:left ;
	width: 190px;
	padding: 3px;
	margin: 3px 0 7px 0;
}

.textcon {
	width: 190px;
	padding: 3px;
	margin: 3px 0 7px 0;
}

#content-main-contact textarea {
	padding: 3px;
	margin: 3px 0 7px 0;
}

#security-code-text { margin:0 0 0 120px ; font-size:0.95em ; }

#security-code { margin:10px 0 10px 120px ; }

#security_code {
	margin:10px 0 10px;
	padding: 3px;
	margin: 3px 0 7px 0;
}

#submit { margin:10px 0 0 120px ; padding:5px ; }

#content-main-contact ul {
	padding: 10px 0 20px 0;
}

#content-main-contact li {
	
}

#in-main-form-button {
	margin: 0 0 0 120px;
}

/* Bottom Content */

#bottom-keywords {
	float: left;
	color: #839ACA;
	width: 650px;
	height: 98px;
	font-size: 0.8em;
	border-top: 1px solid #c0c0c0;
	line-height: 14px;
	background: #E7F4FE url(../images/keywords_bot_edge.gif) no-repeat 0 bottom;
}

#seach-terms-001 {
	height: 76px;
	padding: 10px 15px 10px 15px;
	float: left;
}

#seach-terms-002 {
	height: 56px;
	padding: 30px 15px 10px 15px;
	float: left;
}

#seach-terms-003 {
	height: 56px;
	padding: 30px 15px 10px 15px;
	float: left;
}

#bottom-address-content {
	height: 76px;
	padding: 10px 15px 10px 15px;
	float: right;
	text-align: right;
}

/* Footer */


#footer {
	float: left;
	color: #4C628B;
	font-size: 0.8em;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#footer a {
	color: #4C628B;
}

#footer a:hover {
	color: #a8c6ff;
}

#footer-left {
	width: 300px;
	float: left;
}

#footer-left li {
	list-style-type: none;
	display: inline;
}

#footer-right {
	width: 350px;
	float: left;
	text-align: right;
}

#footer-right a, #footer-right a:active, #footer-right a:visited {
	text-decoration:none ;
	color:#ffd300 ;
	font-weight:bold ;
}



/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }