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, 
dd, dl, dt, li, ol, ul, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; line-height:1; font-family:inherit; text-align:left}
table{border-collapse:collapse; border-spacing:0}
ol, ul{list-style:none}
q:before, q:after, 
blockquote:before, blockquote:after{content:""}

td { padding:1px 5px; }

body{list-style:none; margin:0; padding:0; ; font-family:Arial, Helvetica, sans-serif; font-size:13px;; background-color:#D7ECF7}

/*.mainwrapper {width:1000px; border-style:solid; border-width:1px; border-color:#000000; padding:5px; margin:0 auto; background:#2b3b48}*/
.wrapper{text-align:left; margin:auto; margin-bottom:0; padding-bottom:0; width:980px; background:#fff; padding:10px; border-style:solid; border-width:1px; border-color:#000000}
.topback{width:980px; height:68px; margin:0; padding:0; background:url(../images/hrdot2.gif) bottom repeat-x; position:relative}

.topright{float:right; padding-right:10px;  }

.topbanner {height:191px; width:980px; margin:0; padding:0; background:url(../images/bannerRepeate.png) repeat-x; float:left  }
.topbanner .flash { margin:0; padding:0; width:415px; float:left;}
.topbanner .flash .object { width:100%; }
.topbanner .flash .getquoteback{margin:0; padding:0; width:415px; height:50px}
.topbanner .flashright { float:right; width:357px; }


.getquote{margin:0; padding:0; width:415px; text-align:center   }

h1{color:#006aa1; font:17px verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; padding-bottom:5px; font-weight:bold}
h2{margin:0; padding:0; color:#000; font:bold 15px verdana, Georgia, "Times New Roman", Times, serif; padding-bottom:10px}
h3{margin:0; padding:0; color:#000; font:bold 13px verdana,Arial,Helvetica,sans-serif; padding-bottom:5px; padding-top:10px}
h3 a{color:#fff; font:bold 13px verdana,Arial,Helvetica,sans-serif; text-decoration:none}
h3 a:hover{text-decoration:underline; color:#ffba00}
* html div.leftside{ height:expression( this.scrollHeight <431 ? "430px":"auto");  min-height:430px}
.logo{float:left; padding:11px 0}
.topfont{font:10px Verdana,Arial,Helvetica,sans-serif; color:#000; text-align:left}
.topfont a.home{padding-left:15px; padding-right:5px; color:#000; text-align:left; background:url(../images/home.gif) no-repeat left}
.topfont a.home:hover{padding-left:15px; padding-right:5px; background:url(../images/home_hover.gif) no-repeat left}
.topfont a.sitemap{padding-left:15px; padding-right:5px; color:#000; text-align:left; background:url(../images/sitemap.gif) no-repeat left}
.topfont a.sitemap:hover{padding-left:15px; padding-right:5px; background:url(../images/sitemap_hover.gif) no-repeat left}
.topfont a.contact{padding-left:15px; color:#000; text-align:left; background:url(../images/contact.gif) no-repeat left}
.topfont a.contact:hover{padding-left:15px; background:url(../images/contact_hover.gif) no-repeat left}
.topfont a.about{padding-left:15px; padding-right:5px; color:#000; text-align:left; background:url(../images/about.gif) no-repeat left}
.topfont a.about:hover{padding-left:15px; padding-right:5px; text-align:left; background:url(../images/about_hover.gif) no-repeat left}
.topfont a{font:10px Verdana,Arial,Helvetica,sans-serif; color:#000; text-align:left; text-decoration:none}
.topfont a:hover{color:#ffba00}
.leftback{float:left}
.leftside{float:left; width:697px; padding-left:10px; border-left:1px dotted #858585; min-height:430px; padding-right:15px}
.leftside-home{float:left; width:697px; padding-left:10px; border-left:1px dotted #858585; min-height:430px; padding-left:15px}
.leftside ul li {font-size:12px}
.rightside{float:left; margin-right:12px}
.rightside-home{float:left; margin-right:12px; width:252px}
.content{clear:both; margin:0; padding:0; padding-top:15px}

#featured {margin:15px 0}
.right-15 {margin-right:12px}
#featured-col1, #featured-col2, #featured-col3 {width:219px; float:left; border-right:solid 1px #cecec8; padding-right:7px}
#featured-col3 {border:none; padding:0}

#viewmoresample {font-weight:bold; color:#003366; text-decoration:none}
#viewmoresample:hover {color:#FF6600}

.box input[type=text] {width:222px; border-style:solid; border-color:#373737; height:17px; border-width:1px; background-color:#fff; margin-bottom:5px}
.box textarea {width:223px; padding:0; margin:0; height:65px; border-style:solid; border-color:#373737; border-width:1px; background-color:#fff; overflow:auto; margin-bottom:5px}
.box input[type=text]:focus {background-color:#fff}
.box textarea:focus {background-color:#fff}

.footer{clear:both; background:#bcbdbd; text-align:center; width:980px; margin-top:10px; padding:0; }
.footer a:hover{color:#fff}
.contentfont { width:auto;}
.contentfont li {font:Verdana,Arial,Helvetica,sans-serif; color:#000; padding-left:20px; line-height:20px; background:url(../images/tick.png) 0 6px no-repeat; }
.contentfont li a {line-height:20px;}

.ol_listing { width:auto; }
.ol_listing li {  font:11px/17px Verdana,Arial,Helvetica,sans-serif; color:#fff; line-height:20px; list-style-type:decimal; margin-left:20px; margin-bottom:2px; }
.ol_listing li a { font:bold 11px Verdana,Arial,Helvetica,sans-serif; color:#ffba00; text-decoration:none }
.ol_listing li a:hover { color:#b8cada; text-decoration:underline }

.right_top { text-align:right; margin:10px 0; padding-right:20px; }
.right_top a { text-align:right; font:bold 11px Verdana,Arial,Helvetica,sans-serif; color:#ffba00; text-decoration:none}
.right_top a:hover { color:#b8cada; text-decoration:underline}

.contentfont {font:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; line-height:20px;}
.contentfont a{font-weight:bold; color:#00a1ca; text-decoration:none}
.contentfont a:hover{color:#ce6508; text-decoration:underline}

.footerfont{font:11px/18px Verdana,Arial,Helvetica,sans-serif; color:#000; text-decoration:none; text-align:center}
.footerfont a{font:11px Verdana,Arial,Helvetica,sans-serif; color:#000; text-decoration:none}
.footerfont1 a{font:11px Verdana,Arial,Helvetica,sans-serif; color:#000; text-decoration:none}
.footerfont1{font:11px Verdana,Arial,Helvetica,sans-serif; color:#000; text-decoration:none; text-align:center}

.greenback { float:left; background:#e5e5de; border:1px solid #cecec8; width:301px; padding:10px 10px 10px 10px; height:190px;}
.greenback ul { width:auto; margin:0; padding:0}
.greenback ul li {font-family:Verdana; padding-left:20px; background:url(../images/arrow.png) 0 2px no-repeat; }
.greenback ul li a {color:#373737; text-decoration:none; line-height:160%;}
.greenback ul li a:hover {color:#006699; text-decoration:none;}
.greenback p {font-family:Verdana, "Times New Roman", Times, serif;  }
.greenback p a {font-family:Verdana, "Times New Roman", Times, serif; font-size:17px; text-decoration:none; color:#006aa1; margin-bottom:5px; display:block}
.greenback p a:hover {color:#000; }

.yelloback{float:left; background:#e5e5de; border:1px solid #cecec8; width:301px; margin-left:5px; padding:10px 10px 10px 10px; height:190px;}
.yelloback ul { width:auto;}
.yelloback ul li { font-family:Verdana; padding-left:20px; background:url(../images/arrow.png) 0 2px no-repeat; }
.yelloback ul li a { color:#373737; text-decoration:none; line-height:160%;}
.yelloback ul li a:hover { color:#006699; text-decoration:none;}
.yelloback p { font-family:Verdana, "Times New Roman", Times, serif;}
.yelloback p a { font-family:Verdana, "Times New Roman", Times, serif; font-size:17px; text-decoration:none; color:#006aa1; margin-bottom:5px; display:block;}
.yelloback p a:hover { color:#000; }


.redback{float:left; background:#e5e5de; border:1px solid #cecec8; width:302px; margin-left:5px; padding:10px 10px 10px 10px; height:190px}
.redback ul { width:auto;}
.redback ul li { font-family:Verdana; padding-left:20px; background:url(../images/arrow.png) 0 2px no-repeat; }
.redback ul li a { color:#373737; text-decoration:none; line-height:160%;}
.redback ul li a:hover { color:#006699; text-decoration:none;}
.redback p { font-family:Verdana, "Times New Roman", Times, serif; }
.redback p a { font-family:Verdana, "Times New Roman", Times, serif; font-size:17px; text-decoration:none; color:#006aa1; margin-bottom:5px; display:block;}
.redback p a:hover { color:#000; }


.archi{margin:0; padding:0; float:left; width:225px; padding-right:15px}
.mech{margin:0; padding:0; float:left; width:218px; padding-right:15px}
.struc{margin:0; padding:0; float:left; width:224px}
.sample1{margin:0; padding:0; float:left; width:160px; padding-right:9px; padding-top:10px}
.sample2{margin:0; padding:0; float:left; width:160px; padding-right:9px; padding-top:10px}
.sample3{margin:0; padding:0; float:left; width:160px; padding-top:10px}

.more{font:12px Verdana,Arial,Helvetica,sans-serif; color:#00a1ca; margin:0; padding:0; padding-right:9px}
.more a{color:#00a1ca; margin:0; padding:0; padding-right:10px; margin-right:5px; text-decoration:none}
.more a:hover{color:#000; text-decoration:underline; }
.righttop{background:#414f5b url(../images/seperator.gif) top no-repeat; margin:5px 0 0 0; padding:0; width:242px; height:60px}

.rightsecond{ background:#fff; width:222px; margin:0; padding:5px 10px 15px 10px}
.rightsecond ul { width:auto; margin-top:5px;   }
.rightsecond ul li { line-height:18px; padding-left:20px; background:url(../images/arrow2.png) 0 2px no-repeat; color:#00a1ca; }
.rightsecond ul li a { color:#00a1ca; text-decoration:none; line-height:18px;}
.rightsecond ul li a:hover { text-decoration:underline; color:#ce6508}
.rightsecond p { font-family:Georgia, "Times New Roman", Times, serif; }
.rightsecond p a { font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; text-decoration:none; color:#FFFFFF; margin-bottom:5px; display:block;}
.rightsecond p a:hover { color:#000; }


.rightsecond2{background:#fdc052; width:232px; margin:0; padding:10px 10px 1px 0; margin-bottom:10px;}
.rightsecond2 td {color:#000}
.rightsecond2 ul { width:auto; margin-top:5px;   }
.rightsecond2 ul li { line-height:18px; padding-left:20px; background:url(../images/arrow.png) 0 2px no-repeat; color:#FFFFFF; }
.rightsecond2 ul li a { color:#FFFFFF; text-decoration:none;}
.rightsecond2 ul li a:hover { color:#000; text-decoration:none;}
.rightsecond2 p { font-family:Arial, Helvetica, sans-serif; margin-bottom:3px}
.rightsecond2 p a { font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; text-decoration:none; color:#FFFFFF; margin-bottom:5px; display:block;}
.rightsecond2 p a:hover { color:#000; }

.livehelp{height:53px; margin:0; padding:0}
.feedback{height:53px; margin:0; padding:0}
.lefttitle{margin:0; padding:0; color:#00a1ca; font:17px  tahoma,Verdana,Arial,Helvetica,sans-serif; padding-top:20px;}
.lefttitle a{text-decoration:none; color:#ffba00}
.leftsubtitle{color:#FFF; margin:0; padding:0; font:11px  tahoma,Verdana,Arial,Helvetica,sans-serif; padding-left:15px; text-decoration:none}
.leftsubtitle a{text-decoration:none; color:#FFF}
.lefttitle a:hover{color:#88BB0D}
.category{margin:0; padding:0; margin-top:5px}
.contactusfont{font:11px/16px Verdana,Arial,Helvetica,sans-serif; color:#fff}
.contactusfont a{text-decoration:none; color:#ffba00}
.contactusfont a:hover{text-decoration:underline}
#thumbproject{float:left; width:140px; padding-right:10px; padding-top:5px}
.thumbproject{float:left; width:150px; padding-right:6px; padding-left:6px; padding-top:5px}
.thumbborder{border:1px solid #999; padding:2px; width:130px; margin-bottom:12px}


/* Lightbox start here*/

#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; }

.samplebox {background-color:#FFFFFF; padding:5px; border:solid 1px #cecec8}
.sampletext {background-color:#cecec8; padding:3px; text-align:center; float:left; width:30%; margin-top:5px}
.sampleimg {float:left}
.margin {margin-right:25px}
.clear1 {clear:both}


#dropdownlist{
width:610px;
height:16px;
padding:1px 0px 0px 370px;
margin:0px 5px 0px 0px;
}
.dropdownlist{
	height: 16px;
	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#373737;
	padding:0px;
	margin:0px;
	background-color:#d0d1d3;
	border:none;
}

#submitbutton {width:120px; height:28px; background:url(../images/submit-but-new.png) bottom left no-repeat; border:none; margin:0; padding:0; margin-top:7px}
#submitbutton:hover {background:url(../images/submit-but-new.png) top left no-repeat; cursor:pointer}