/* GENERAL STYLES */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;/*12px*/
	color:#666;
	text-align:center;
	background: #b4b5af;
}

input, textarea, select{
	font-family:Arial, Helvetica, sans-serif;
}

#page{
	width:760px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
}


#content #text div.tac img{
	margin-left:0;
}

legend{
	display:none;
}

a{
	color:#777;
}

#housekeeping{
	float:right;
}

#housekeeping li{
	float:left;
	display:inline;
	padding:0 8px 0 0;
}

#housekeeping li a{
	display:block;
	padding:12px 8px 0 0;
	border-right:1px solid #777;
	color:#777;
	font-size:0.8em;
}

#logo{
	float:left;
	margin:20px 0 0 17px;
	display:inline;
}

#ad{
	float:right;
	margin-top:30px;
	display:inline;
	width:24em;
}

#ad p{
	background: url(none) no-repeat 100% 50%;
	padding: 20px 124px 0 0;
	height:auto !important;
	height:80px;
	min-height:80px;
}

#ad a.icon{
	padding-bottom:12px;
	background: url(/images/imgNavLink.gif) no-repeat 100% 100%;
	display:block;
	margin-right:8px;
	text-align:right;
}

#mainNav{
	height:auto!important;
	height:6em;
	min-height:6em;
	background: url(/images/mainNav_bg.jpg) repeat-x 0 100%;
}

#primaryNav{
	border-bottom:2px solid #E4E6E5;
	padding-top:20px;
}

#primaryNav li{
	background: url(/images/primaryTab_rhs.jpg) no-repeat 100% 0;
	float:left;
	margin-right:5px;
}

#primaryNav li.current{
	background: url(/images/primaryTab_current_rhs.jpg) no-repeat 100% 0;
}

#primaryNav li.no1{
	margin:0 4px 0 0;
}

#primaryNav li.last{
	margin:0;
}


#primaryNav li a{
	background: url(/images/primaryTab_lhs.jpg) no-repeat 0 0;
	display:block;
	text-align:center;
	padding: 7px 16px;
	font-size:0.8em;
	font-weight:bold;
}

#primaryNav li.current a{
	background: url(/images/primaryTab_current_lhs.jpg) no-repeat 0 0;
}

#breadcrumb{
	padding:0.5em 0 0 0;
}

#breadcrumb li{
	display:inline;
	padding:0 0 0 13px;
	background: url(/images/bc_li.gif) no-repeat 5px 55%;
}

#breadcrumb li.home{
	padding:0 0 0 30px;
	background: url(/images/bc_home_li.gif) no-repeat 17px 55%;
}

#breadcrumb li a{
	font-size:0.9em;
}

#imageNav{
	position:relative;
	overflow:hidden;
	height:auto !important;
	height:14.5em;
	min-height:14.5em;
	padding-top:10px;
}

#imageNav ul{
	position:absolute;
	left:0;
	top:10px;
	width:100%;
}

#imageNav li{
	float:left;
	display:inline;
	width:144px;
	padding:112px 2px 12px 2px;
	background: #fff url(none) no-repeat 2px 0; 
}

#imageNav li#firstImage, #imageNav li#lastImage{
	width:10px;
	padding-left:0;
	padding-right:0;
}

#imageNav li#firstImage,#imageNav li#lastImage{
	background:none;
	padding:0;
	position:relative;
	top:35px;
}

#imageNav li#lastImage {
	left:-12px;
	float:right;
}

#imageNav li#firstImage {right:-12px;}

#imageNav li a{
	display:block;
	color:#2b2b2b;
	font-size:0.8em;
	padding:4px 5px 0 20px;
	background: url(/images/imgNavLink.gif) no-repeat 6px 6px;
	height:auto !important;
	height:6em;
	min-height:6em;
}

#imageNav li.highlight {
	background-color:#666;
}

#imageNav li.highlight a{
	color:#fff;
}


#imageNav li#firstImage a, #imageNav li#lastImage a {
	background:none;
	min-height:3.25em;
	height:auto!important;
	height:3.25em;
	padding:4px 0 0;
	text-indent:-999em;
	overflow:auto;
}

#content{
	padding:0 0 90px 30px;
}

#content #lhs{
	width: 180px;
	float:left;
}

#content #secNav, #content #filter{
	padding:45px 0 50px 0;
}

h2.clientHeader{
	color:#003D7D;
	font-weight:normal;
	font-size:1.8em;
	padding-top:30px;
}

#content #text h2.jobTitle{
	background:#dfe2cb;
	color:#666666;
	font-weight:bold;
	line-height:1.6;
	padding:15px 30px 15px 20px;	
	font-size: 100%;
}

#content #text p.apply
{
	margin-bottom: 20px;
}


.clientList{
	margin-top:20px;
}

.imageLhs{
	padding:30px 0;
}

#content #secNav h2, #content #filter h2{
	font-size:1.2em;
	padding-bottom:3px;
}


#content #secNav li a, #content #filter li a{
	display:block;
	padding:3px 0 3px 16px;
	background: url(/images/secNav_li.gif) no-repeat 6px 50%;
	font-size:0.9em;
	border-bottom:1px solid #ccc;	
}

#content #secNav li.lastnode a, #content #filter li.lastnode a{
	border-bottom:0;	
}



#content #secNav li.current a{
	color:#264863;
	background: url(/images/secNav_current_li.gif) no-repeat 6px 50%;	
}

#content #secNav li li a, #content #secNav li.current li a{
	padding:2px 0 0 28px;
	background-image: url(none);
	color:#666;
	border-bottom:0;	
}

#content #filter li li , #content #filter li.current li {
	padding:2px 0 0 28px;
	color:#666;
	font-size:0.9em;	
}

#content #filter li li a, #content #filter li.current li a{
	background-image: url(none);
	color:#666;
	border-bottom:0;
	padding:0;
	font-size:1em;	
}



#content #secNav li ul, #content #filter li ul{
	padding:2px 0;
	border-top:0;
	border-bottom:1px solid #ccc;
}

#content #secNav li.current li.current a, #content #filter li.current li.current a{
	color:#264863;	
}





#content h2.tagLine{
	line-height:1.2;
	font-weight:normal;
	font-size:1.3em;
	padding:30px 40px 0 0;
}

#content #text, #content #about{
	width: 495px;
	float:left;
	margin-left:26px;
	display:inline;
	padding:10px 0 0 0;
}

#content .border{
	background: url(/images/text_bg.jpg) no-repeat 0 0;
	padding-top:12px;
}

#content #about p{
	line-height:1.6;
}

#content #text p{
	padding: 15px 30px 0 20px;
	line-height:1.6;
}

#content #text p.validationSummary{
	padding: 15px 30px 0 0px;
	line-height:1.6;
	color:#f00;
}

#content #text.nopad p{
	padding-left:0
}


#content #about p{
	padding: 20px 30px 0 40px;
}

#content #text p.readOn {
	text-align:right;
	background: url(/images/imgNavLink.gif) no-repeat 100% 23px;
	padding:20px 14px 0 0;
	margin-right:20px;
}

#content #text a.next, #content #text a.previous{
	color:#003A7A;
	font-weight:bold;
	text-transform:uppercase;
}

.rhsImage{
	background: url(none) no-repeat 97% 20px;
	padding-right:150px;
	margin-right:15px;
}

p.readOn a{
	color:#f00;
	padding:0;
}

#content #text h2{
	padding: 30px 30px 12px 20px;
	font-size:1.8em;
	font-weight:normal;
}

#lhs h2.clientList{
	padding: 30px 30px 12px 20px;
	font-size:1.4em;
	font-weight:normal;
}

#content #text.clientList h2{
	margin-bottom:40px;
}



#content #text img{
	margin: 20px 0 0 40px;
}



#footer{
	background: #777 url(/images/footer_bg.jpg) repeat-x 0 0;
	padding:20px 0 102px 30px;
	font-size:0.8em;
}

#footer h2{
	color:#c9c9c9;
	font-size:1.1em;
}

#footer ul{
	padding-bottom:12px;
}

#footer .address p{
	padding-bottom:10px;
}

#footer li{
	padding-left:10px;
	background: url(/images/footer_li.gif) no-repeat 3px 50%;
}

#footer li.header{
	padding-left:0;
	background-image: url(none);
}

#footer li a, #footer p, #footer div{
	color:#c9c9c9;
}

.col_FL145{
	float:left;
	width:145px;
}

.col_226FL{
	float:left;
	width:226px;
}

.col_300FL{
	float:left;
	width:300px;
}

.col_290FR{
	float:right;
	width:290px;
}

.col_170FL{
	float:left;
	width:170px;
}


.col_184FL{
	float:left;
	width:184px;
}


/*   MAP  */
#map{
	height:400px;
}


/*   Client Listing Page   */

#topClients{
	padding:5px 15px;
}

#topClients li{
	border-bottom:1px solid #777;
	padding:9px 0;
}


#content #text #topClients li img{
	float:left;
	margin:20px 0 0 12px;
}

#content #text #topClients li p{
	width:290px;
	float:right;
	padding:20px 0 14px 0;
}

#clientLogos{
	text-align:center;
	padding-top:34px;
}

#content #text #clientLogos img{
	margin:0;
}

#clientDetailsHolder{
	padding:6px 16px 25px 16px;
}

#clientDetails{
	background-color:#E5E5E5;
	position:relative;
	padding-right : 14px;
}

#clientDetails #close{
	position:absolute;
	top:-5px;
	right:10px;
}

#content #text #clientDetails h2{
	font-size:1.1em;
	padding:14px 0 10px 0;
	font-weight:bold;
	margin:0;
}

#content #text #clientDetails img{
	margin:14px 0 16px 10px;
}

#content #text #clientDetails p{
	margin:0;
	padding:8px 0;
}

#content #text #clientDetails p.readOn{
	text-align:left;
	background-image: url(none);
}

#content #text #clientDetails p.readOn a{
	color:#666;
	padding-right:18px;
	background: url(/images/clientDetails_readOn.jpg) no-repeat 100% 50%;
}

.jobEstimatorLhs{
	padding-top:60px;
}

.horizontalFlash{
	width:730px;
	height:100px;
}

.verticalFlash{
	width:170px;
	height:300px;
}

.stanadardFlash{
	width:190px;
	height:200px;
}

.stanadardFlashTop{
	width:495px;
	height:400px;
}

#content #text img.topImg{
	margin:0;
}

/*  FORMS  */

div.AutoFormPlus{
	background-color:#CCD0D6;
	margin:12px 0 0 20px;
	padding-bottom: 12px;
}

#jobEstimator{
	margin:12px 0 0 20px;
	background-color:#E5EBF2;
}

#jobEstimator h2{
	background-color:#E5EBF2;
	padding-left:14px;
}

#jobEstimator .spacer{
	padding-bottom:6px;
}

#jobEstimator input, #jobEstimator select, #jobEstimator textarea{
	margin-left:1em;
	border:1px solid #C9D5D3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

#jobEstimator input, #jobEstimator select{
	width:13.3em;
}


#jobEstimator label.inlineLabel{
	padding-left:1em;
	display:inline;
}

#jobEstimator input.small{
	width:3em;
	display:inline;
}

#jobEstimator #checkboxes label{
	clear:both;
	padding-bottom:6px;
}


#jobEstimator #checkboxes input{
	float:left;
	width:auto;
}

#content #text #jobEstimator #checkboxes p{
	float:right;
	width:33em;
	padding-top:0;
}


#content #text #jobEstimator p{
	padding:5px 0;
	float:right;
	width:20em;	
}

#content #text #jobEstimator p.content{
	background-color:#E5EBF2;
	padding:5px 30px 5px 14px;
	float:none;
	width:auto;
}

#content #text #jobEstimator p.label{
	float:none;
	width:auto;
	clear:both;
}


fieldset{
	background-color:#E5EBF2;
	padding: 10px 2px 0 2px;
}

#jobEstimator fieldset{
	background-color:#E5EBF2;
	padding:0 2px;
	margin:0 3px;	
}

label{
	padding-bottom:3px;
	display:block;
}

label span{
	position:absolute;
	left:-333em;
}

input{
	display:block;
}


#selectboxes select{
	margin-bottom:10px;
}

.row{
	padding:14px 14px;
	border-bottom:1px dotted #666;
}

.checkbox .formElement{
	width:7em;
}

.checkbox label, .checkbox input{
	display:inline;
}

.checkbox input{
	vertical-align:middle;
}



#content #text #jobEstimator fieldset.submit p{
	padding:5px 0 5px 14px;
	float:left;
	width:26em;
		
}

#jobEstimator fieldset.submit{
	background-color:#e0e0e0;
	margin:0;
	padding: 10px 2px 12px 2px;
}


#jobEstimator input.button, input.button{
	margin:12px 0 0 20px;
	border:1px solid #9495A2;
	background: url(/images/button_bg.jpg) repeat-x 0 100%;
	width:auto;
}

#jobEstimator input.button{
	float:right;
	display:inline;
	margin-right:20px;
}

/* About Light Switches */

	
#aboutImages{
	background:url(/images/lights_bg.jpg) no-repeat 0 0;
	height:auto !important;
	height:17em;
	min-height:17em;
	margin-left:36px;
	position:relative;
}

.switch{
	position:absolute;
	height:50px;
	width:48px;
	cursor:hand;
	cursor:pointer;
	top:58px;
}

#switch1{
	left:57px;
}

#switch2{
	left:202px;
}

#switch3{
	left:346px;
}

#aboutImages h2{
	font-size:1.6em;
	position:absolute;
	top:170px;
	width:7em;
}

#aboutImages #onSpec{
	left:0.5em;
}

#aboutImages #onTime{
	left:8em;
}

#aboutImages #onBudget{
	left:16em;
}





/* Multiple columns - hmmmmm */

#multiCol{
	column-count:2;
	-moz-column-count:2;
	column-width:50%;
	-moz-column-width:50%;
	column-gap:2.5em;
	-moz-column-gap:2.5em;
}

#content #text #multiCol p{
	padding:0 0 20px 0;
}

#content #text #multiCol img{
	margin:0;
}

#content #text #multiCol p:first-child{
	color:#003D7D;
	font-size:1.1em;
}

#content #text img.leftImage {
   float: none;
   margin-left: 20px;
}

#content #text li.indented {
   margin-left: 39px;
}

#content #text a img.leftImage {
   margin-left: 0;
}

/* EDITOR PROPERTIES */