/*---css reset start---*/
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;
}
html {
overflow-y: scroll; /*force a scrollbar to appear in Firefox and Safari, and avoid page jump as the page height increases (could use min-height: 101%; if need to fix in Opera)*/
}
/* remember to define focus styles! */
:focus{outline:0;}
body{
	line-height:1;
	color:black;
	background:white;
}
ol,ul{list-style:none;}
/*---css reset end---*/
body{
	margin:0;
	padding:0;
	background:#262626 url(img/bg-body.gif) repeat-x 0 0;
	font:11px/13px Verdana,Arial,sans-serif;
}
#main{
	width:746px;
	margin:0 auto 0;
	overflow:hidden;
}
img{
	border:0;
}
hr {
	border: none 0;
	border-top: 2px dotted #d9d9d9;
	width: 100%;
	height: 2px;
}
/*-- header --*/
#header{
	width:746px;
	background:url(img/bg-header.gif) no-repeat 0 0;
	overflow:hidden;
}
/*-- logo --*/
#header h1{
	float:left;
	overflow:hidden;
	height:90px;
	width:365px;
	margin:0;
}
#header h1 a.logo1{
	height:70px;
	width:365px;
	display:block;
	background:url(img/logo1.gif) no-repeat 0 0;
	text-indent:-9999px;
	outline:0;
	overflow:hidden;
}
/*-- end logo --*/
#header a.login{
	width:17px;
	height:17px;
	background:url(img/login.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
	margin:65px 0 0 113px;
}
#header a.home{
	width:17px;
	height:17px;
	background:url(img/home.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
	margin:65px 0 0 10px;
}
#header div.visible{
	height:224px;
	width:746px;
	border-bottom:1px solid #272727;
	clear:both;
}/*-- menu --*/
#header div.menu{
	height:27px;
	width:730px;
	background:url(img/bg-menu.gif) no-repeat 0 0;
	overflow:hidden;
	padding:1px 0 0 16px;
}
#header div.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#header div.menu ul li{
	float:left;
}
#header div.menu ul li a{
	float:left;
	height:27px;
	font:bold 11px/27px Verdana,Arial,sans-serif;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 25px;
	outline:0;
}
#header div.menu ul li a:hover{
	background:url(img/menu-hover.gif) repeat-x 0 0;
	color:#fff;
}
#header div.menu ul li a.active,
#header div.menu ul li a:active{
	color:#fff;
	background:url(img/menu-active.gif) repeat-x 0 0  !important;
}
/*-- end menu --*/
/*-- end header --*/
/*-- content --*/
/*-- tab --*/
#content{
	width:746px;
	overflow:hidden;
	background:#fff;
}
#content div.up{
	width:746px;
	overflow:hidden;
}
#content div.up div.tab{
	width:746px;
	height:24px;
	background:url(img/bg-tab.gif) no-repeat 0 0;
}
#content div.up div.tab ul{
	margin:0 0 0 -3px;
	padding:0;
	list-style:none;
	float:right;
}
#content div.up div.tab ul li{
	float:left;
	height:24px;
	padding:0 9px 0 8px;
}
#content div.up div.tab ul li.br{
	background:url(img/br-tab-li.gif) no-repeat 0 6px;
	padding:0;
}
#content div.up div.tab ul li a{
	font:bold 12px/24px Verdana,Arial,sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#content div.up div.tab ul li a:hover{
	text-decoration:underline;
}
/*-- end tab --*/
/*-- info --*/
#content div.up div.info{
	width:480px;
	margin:-10px 16px 0 16px;
	display:inline;
	float:left;
	padding:0 0 15px 0;
}
#content div.up div.info div.full{
	width:480px;
	float:left;
	padding:0 0 0 0;
	text-align:justify;
	overflow:hidden;
}
#content div.up div.info div.full2{
	width:480px;
	float:left;
	padding:0 0 0 0;
	text-align:block;
	overflow:hidden;
}
#content div.up div.info div.full h1{
	margin:0;
	font:18px/19px Arial,Verdana,sans-serif;
	color:#999999;
	text-transform:uppercase;
	position:relative;
	padding:5px 0 10px 0;
	font-weight:bold;
	font-style:italic;
}
#content div.up div.info div.full h1 span{
	font:21px/19px Arial,Verdana,sans-serif;
	color:#418dc5;
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic;
}
#content div.up div.info div{
	width:100%;
	float:left;
	padding:0;
	text-align:justify;
}
#content div.up div.info h2{
	margin:8px 0 5px 0;
	font:bold 12px Verdana,Arial,sans-serif;
	padding:5px 0 5px 0;
	color: #418dc5;
}
#content div.up div.info p{
	margin:0;
	padding:0 0 7px 0;
}
#content div.up div.info div.residential{
	margin:0 20px 0 0;
	width:230px;
	display:inline;
	background:url(img/residential.gif) no-repeat 0 0;
	padding:50px 0 0 0;
}
#content div.up div.info div.commercial{
	background:url(img/commercial.gif) no-repeat 0 0;
	padding:50px 0 0 0;
	width:230px;
}
#content div.up div.info div a{
color:#418dc5;
}
#content div.up div.info div a:hover{
color:#999999;
}
#content div.up div.info img.pic {border:1px solid #707070;text-decoration:none;}
#content div.up div.info a img.pic {border:1px solid #707070;text-decoration:none;}
#content div.up div.info a:hover img.pic {border:1px solid #418dc5;text-decoration:none;}
#content div.up div.info div a.readmore{
	float:right;
	color:#418dc5;
	font-weight:bold;
	padding:0 0 0 22px;
	background:url(img/bg-link.gif) no-repeat 0 0;
	height:16px;
	margin:0;
}
#content div.up div.info div a.readmore:hover{
	color:#999999;
	background:url(img/bg-link.gif) no-repeat 0 -134px;
}
#content div.up div.info div a.back{
	float:left;
	color:#418dc5;
	font-weight:bold;
	padding:0 0 0 22px;
	background:url(img/bg-link-2.gif) no-repeat 0 0;
	height:16px;
	margin:0;
}
#content div.up div.info div a.back:hover{
	color:#999999;
	background:url(img/bg-link-2.gif) no-repeat 0 -134px;
}
#content div.up div.info ol{
	margin:0;
	padding:0 0 6px 0;
	list-style:decimal;
	list-style-position: inside;
	width:469px;
}
#content div.up div.info ol li{
	width:100%;
	padding:0 0 5px 15px;
}
#content div.up div.info ul{
	margin:0;
	padding:0 0 6px 0;
	list-style:none;
	width:469px;
	overflow:hidden;
}
#content div.up div.info ul li{
	display:inline;
	float:left;
	width:100%;
	background:url(img/arrow_2.gif) no-repeat 0 2px;
	padding:0 0 5px 15px;
	margin-left:11px;
}
#content div.up div.info div.full ul.listlinks{
	margin:0;
	padding:0 0 6px 0;
	list-style:none;
	width:469px;
	overflow:hidden;
}
#content div.up div.info div.full ul.listlinks li{
	display:inline;
	float:left;
	width:100%;
	height:22px;
	background:url(img/border-li.gif) repeat-x 0 100%;
	padding:0 0 1px 0;
	margin-left:11px;
}
#content div.up div.info div.full ul.listlinks li.last{
	background:none;
}
#content div.up div.info div.full ul.listlinks li a{
	float:left;
	margin:4px 0 0;
	padding:0 0 0 37px;
	font:bold 11px/16px Verdana,Arial,sans-serif;
	color:#999999;
	text-decoration:none;
	background:url(img/bg-link.gif) no-repeat 10px 0;
}
#content div.up div.info div.full ul.listlinks li a:hover{
	background:url(img/bg-link.gif) no-repeat 10px -134px;
	color:#418dc5;
	text-decoration:underline;
}

/*-- project gallery --*/

#content div.up div.info div.full #gallery{
	display:inline;
	width:100%;
}

#content div.up div.info div.full #gallery ul{
	list-style:none;
	overflow:hidden;
	width:100%;
	display:block;
}

#content div.up div.info div.full #gallery ul li{
	margin:0;
	padding:0;
	margin-bottom:12px;
	float:left;
	display:block;
	width:25%;
	background-image:none;
	text-align:center;
}
#content div.up div.info div.full #gallery ul li.first{
	clear:left;
}
/*-- end project gallery --*/



/*-- end info --*/
/*-- rightcol --*/
#content div.up div.rightcol{
	width:233px;
	float:left;
	padding:10px 0 4px 1px;
}
#content div.up div.rightcol h2{
	margin:5px 0 0 0;
	background:url(img/bg-h2-rightcol.gif) no-repeat 0 0;
	height:52px;
	padding:0 0 0 50px;
	font:bold 15px/52px Arial,Verdana,sans-serif;
	text-transform:uppercase;
	color:#000;
}

#content div.up div.rightcol h2 a{
	text-decoration: none;
	color:#000;
}

#content div.up div.rightcol h2 a:hover{
	color:#666;
}

#content div.up div.rightcol h2 span{
	font-weight:normal;
}
#content div.up div.rightcol ul{
	margin:7px 0 0 0;
	padding:0 0 6px 0;
	list-style:none;
	width:233px;
	overflow:hidden;
}
#content div.up div.rightcol ul li{
	display:inline;
	float:left;
	width:100%;
	height:100%;
	background:url(img/border-right-li.gif) no-repeat 0 100%;
	padding:0 0 3px 0;
}
#content div.up div.rightcol ul li.last{
	background:none;
}
#content div.up div.rightcol ul li a{
	float:left;
	margin:4px 0 0;
	padding:0 0 0 37px;
	font:bold 11px/16px Verdana,Arial,sans-serif;
	color:#999999;
	text-decoration:none;
	background:url(img/bg-link.gif) no-repeat scroll 10px 0;
}
#content div.up div.rightcol ul li a:hover{
	background:url(img/bg-link.gif) no-repeat scroll 10px -134px;
	color:#418dc5;
	text-decoration:underline;
}
/*-- end rightcol --*/
/*-- featured-services --*/
#content div.featured-services{
	width:746px;
	overflow:hidden;
}
#content div.featured-services h3{
	margin:0 0 -2px 0;
	font:24px/19px Arial,Verdana,sans-serif;
	color:#adadad;
	text-transform:uppercase;
	position:relative;
	padding:0 0 0 25px;
}
#content div.featured-services h3 span{
	font-weight:bold;
}
#content div.featured-services div.img-advertising{
	width:746px;
	padding:12px 0 13px 0;
	background:#ddd url(img/bg-featured-services.gif) repeat-x 0 100%;
	overflow:hidden;
}
/*-- ul img --*/
#content div.featured-services div.img-advertising ul{
	margin:0;
	padding:0;
	list-style:none;
	background:#eee;
	float:left;
	width:490px;
	padding:9px 0 0 21px;
}
#content div.featured-services div.img-advertising ul li{
	float:left;
	text-align:center;
	padding:0 17px 0 0;
}
#content div.featured-services div.img-advertising ul li a{
	font:bold 11px/9px Verdana,Arial,sans-serif;
	color:#666;
	text-decoration:none;
	display:block;
}
#content div.featured-services div.img-advertising ul li a img{
	border:1px solid #707070;
}
#content div.featured-services div.img-advertising ul li a:hover{
	color:#418dc5;
}
#content div.featured-services div.img-advertising ul li a:hover img{
	border:1px solid #418dc5;
}
/*-- end ul img --*/
#content div.featured-services div.img-advertising h3{
	margin:7px 0 0 0;
	float:left;
	font:15px/19px Arial,Verdana,sans-serif;
	color:#000;
	text-transform:uppercase;
	padding:0 0 7px 53px;
}
#content div.featured-services div.img-advertising a.logo3{
	display:block;
	height:54px;
	width:145px;
	background:url(img/logo3.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
	margin:0px 0px 0px 49px;
}
#content div.featured-services img{
	display:block;
	border:0;
}
/*-- end featured-services --*/
/*-- end content --*/
/*-- form styles --*/
#content div.up div.info div.rnd-wrapper {
	margin: 10px;
	width:98%;
}
#content div.up div.info div.form_section {
    float: left;
    width: 100%;
    height: auto;
    padding: 0.5em 0 2px 0;
    border-bottom: 2px dotted #d9d9d9;
    margin-bottom: 0.5em;
    overflow: hidden; 
}
#content div.up div.info div.form_section .instructions {
	width: 85%;
	padding: 1em 2em;
	border: 1px solid #CBCBCB;
	background-color: #E9E9E9;
	font-style: italic;
	font-size: 107%;
}
#content div.up div.info div.form_section .question {
	font-weight: bold;
}
#content div.up div.info div.form_section .answer {
	line-height: 114%;
	vertical-align: baseline;
}
#content div.up div.info div.element {
    float: left;
    clear: left;
    padding: 0.5em 0 8px 0;
    width: 98%;
}
#content div.up div.info div.form_section p{padding: 0 0 5px 0;}
#content div.up div.info div.element label.req, #content div.up div.info div.form_section p.req {
	background: transparent url('img/reqfield.gif') no-repeat scroll 0 2px;
}
#content div.up div.info div.element label.req, #content div.up div.info div.form_section p.req {
	display: block;
	padding: 0 0 4px 10px;
}
 
#content div.up div.info div.element.split, #content div.up div.info div.element.one3rd, #content div.up div.info div.element.two3rd {
    float: left;
    width: auto;
    clear: none;
    padding-right: 10px;
}
#content div.up div.info div.element input.xsm { width:55px; }
#content div.up div.info div.element input.sm { width:95px; }
#content div.up div.info div.element input.md { width:175px; }
#content div.up div.info div.element input.lg { width:260px; }
#content div.up div.info div.element input.xl, #content div.up div.info dt input.xl { width:395px; }
#content div.up div.info div.element.one3rd { width: 190px; }
#content div.up div.info div.element.two3rd { width: 380px; }
#content div.up div.info div.element.results { width: 100%; }

#content div.up div.info div.element select { height:19px;font-size: 97%; }

#content div.up div.info div.element select.sm { width:95px; }
#content div.up div.info div.element select.md { width:175px; }
#content div.up div.info div.element select.lg { width:260px; }
#content div.up div.info div.element select.xl, #content div.up div.info dt select.xl { width:395px; }

#content div.up div.info div.element label {}

#content div.up div.info div.element label, #content div.up div.info dt label {
    display: block;
    clear: both;
    padding: 0.5em 0 4px 0;
    white-space: nowrap;
	text-align: left;
	font-size: 85%;
	font-weight: normal;
	line-height: 107%;
	vertical-align: middle;
	text-transform: capitalize;
}

#content div.up div.info div.element label.inline {
    display: inline;
    float: none;
    clear: none;
    width: auto;
    padding: 0 0.5em;
}

#content div.up div.info div.element div.form-radio-btn {
	width:25%;
}

#content div.up div.info div.form_section.btns {
	padding-top: 0px;
	border-bottom: none;
}
#content div.up div.info div.form_section.btns .form-btn-img  {
	float: left;
	margin: 2px 5px 0 0;
	width: 74px;
}

#content div.up div.info div.callout, #content div.up div.info div.element.callout {
    border: 1px solid #CCC;
    padding: 0.5em 0.75em;
}

#content div.up div.info button.btn-sm1, #content div.up div.info button.btn-sm2 {
    border-style: none;
    cursor: pointer;
    margin: 0 0 0 5px;
    padding: 0 0 0 7px;
}
#content div.up div.info button.btn-sm1 span, #content div.up div.info button.btn-sm2 span {
    display: block;
    margin: 0;
    padding: 0 8px 0 1px;
}

#content div.up div.info div.element input, #content div.up div.info div.element.callout, #content div.up div.info span.format-ex { 
	font-size: 93%;
	line-height: 100%;
}
#content div.up div.info span.format-ex {
	font-style:italic; 
}
#content div.up div.info div.form-btn-img {
	position: relative;
	top:0; left:0;
	padding: 0;
	height: 20px;
	overflow: hidden;
	width: auto;
}
#content div.up div.info div.form-btn-img.mtop {
	margin-top: 12px;
}

#content div.up div.info div.form-btn-img input.img-btn {
	position: absolute;
	top:0; left:0;
}
/*-- end form styles --*/
/*-- footer --*/
#footer{
	width:746px;
	height:67px;
	border-top:2px solid #eee;
	background:#656565;
	margin:2px 0 0;
	text-align:center;
	overflow:hidden;
	position:relative;
}
#footer div.menu{
	position:relative;
	left:50%;
	float:left;
}
#footer div.menu ul{
	margin:15px 0 0 -50%;
	padding:0 0 11px 0;
	list-style:none;
	overflow:hidden;
	float:left;
	position:relative;
}
* html #footer div.menu ul{
	left:-50%;
	margin-left:0;
}
*+html #footer div.menu ul{
	left:-50%;
	margin-left:0;
}
#footer div.menu ul li{
	float:left;
	padding:0 10px 0 10px;
	background:url(img/br-footer-menu.gif) no-repeat 0 2px;
	display:inline;
	margin:0 0 0 -2px;
}
#footer div.menu ul li a{
	font:bold 11px/11px Verdana,Arial,sans-serif;
	color:#000000;
	text-decoration:none;
}
#footer div.menu ul li a:hover{
	color:#fff;
}
#footer p{
	margin:0;
	font:bold 11px/11px Verdana,Arial,sans-serif;
	color:#000000;
	clear:both;
}
/*-- end footer --*/

/*-- 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(../js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../js/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; }

/*-- end lightbox --*/