@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/************* =GENERAL - the general styles */
body{
font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #4b4942;
background: #fff;
}

a 
{
text-decoration: none;
color: #5599a7;
}
	
a:hover{color: #bb800f;
}

hr{
display: none;
}

strong{
font-weight: bold;
}

ul.borderedlist li{	
border-bottom: 1px dashed #d1cfcd;
}

ul.borderedlist li a{
display: block;
padding:3px 0 0 2px;
height: 26px;
color: #42423b;
}

ul.borderedlist li a:hover{
background: #E5E5E4;
color: #42423b;
}

.f-right {
	float: right;
	padding: 0 0 3px 3px;
}

/* =LAYOUT - the main layout styles */
.container{
width:900px;
margin: 0 auto;
overflow:hidden;
}

/**************** header layout *****************/
#header{
height: 253px;
background: #4a4841 url(../images/top_bg.jpg) top repeat-x;
position: relative;
}

#navigation{
position: absolute;
right: 0;
top:40px;
}

#navigation li.phone { 
	font-weight: bold; 
	color: #185797;  
	font-size: 15px; 
}
	
/************* main area layout **************/
	
#main{
padding:24px 0 20px 0;
}

#leftcolumn{
float: left;
width:193px;
}

#center{
float: left;
width:500px;
padding: 0 50px 0 25px;
}

#rightcolumn{
float: left;
width:255px;
background:#eeeded;
}
	
/********** bottom layout **********/
	
#bottominfo{
border-top: 5px solid #42423b;
background: #f1eee7;
padding-bottom:25px;
width: 100%;
overflow: hidden;
}

.bottomcolumn{
float: left;
width:288px;
margin-right: 18px;
}

.bottomright{
margin-right:0;
}
	
/* =HEADER - the header styles */
	
#header .container{
	height: 253px;
	position: relative; 
}
	
	/* logo */
	#logo{
		position: absolute;
		height: 95px;
		width: 77px;
		text-indent: -9999px;
		background: url(../images/logo.gif) no-repeat center center;
		top: 5px;
	}

	
	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: normal;
	}
	#navigation li a{color: #fff;}
	#navigation li a:hover,#navigation li.active a{color: #2c2c2c;}
	
	/* message and building pic */

#banner{
position: absolute;
height: 135px;
color: #a49c8f;
font-weight: bold;
padding:20px 470px 0 24px;
bottom: 0;
background: url(../images/top_image.gif) right bottom no-repeat;
font-size: 1.4em;
}
#banner p {
	margin: 15px 0 0 0; 
}

#banner p.phone { 
	float: left; 
	color: #ffffff; 
}

#header .container > #banner {
background: transparent url(../images/top_image.png) right bottom no-repeat;
}

* html #banner {
/*PNG Alpha IE Win*/ 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.topspotservices.com/specs/rolab/images/top_image.png', sizingMethod='scale'); 
}
	
/* =CONTENT - the content styles */

	/* left column */
	.leftbox{background: #f1f0ef;padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}
	h3.leftbox{font-size:19px;color: #8c8685; background: #f1f0ef url(../images/h3_bg_tall.jpg) 0 0 repeat-x;padding:5px 0 10px 23px;}
	h3.header_small{font-size:15px;font-weight: bold;background: #f1f0ef;padding:0 23px 5px 23px;}
	ul.leftbox{font-size: 1.2em;}

	.features{padding-top:15px;font:1.27em Arial, Helvetica, sans-serif;}
	
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	
	
	/* center column */
	.article_wrapper h2 {
	color: #5699A7; 
	font-size:2em;
	margin:10px 0;
	}
	
	.article_wrapper p {
		padding-bottom:10px;
		font-size:1.3em;
	}	
	
	.buckets {
		width: 200px;
		padding: 0 4px;
		float: left;
		line-height:1.3;
		font-size: 1em;
	}
	
	.buckets h3 {
		color: #5699A7;
		font-size: 1.5em;
		margin: 10px 0;
	}
	
	/* right column */
	.rightbox_wrapper{
		background: #eeeded;
		padding:5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	.rightbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}
	.product_image{ float: left;margin: 6px 0 0 6px;}
	.product_wrapper{float: right;width:200px;}
	.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em;}
	.lastbox{margin:0;}

ul.disc {  
	list-style: disc; 
	margin: 0 0 0 1em; 
	font-size: 1.1em; 
	padding: 0 0 0 0.5em; 
}

table.materials tr td { 
	padding: 0 1em; 
	font-size: 1.1em; 
}

.imagethumbs img { 
	border: 1px solid #c0c0c0; 
	padding: 3px;
	margin: 0 0.25em;  
}

/******** Quick Form *******/
	
.quickForm {
padding-left:10px;
}
	
.enewsbox{
width: 220px;
height: 17px;
padding:3px 5px;
border: 2px solid #5599A7;
font-size:13px;
}

.comments {
width:220px;
padding:3px 5px;
border: 2px solid #5599A7;
font-size:13px;
margin-bottom:5px;
}
	
.button{
display: block;
width: auto;
line-height:1em;
text-align: center;
background: #659AA6;
border: 2px solid #fff;
color: #fff;
cursor: pointer;
margin:5px 0 10px 0;
padding:3px 8px; /* IE6 */
}
		
#rightcolumn h3{
border-bottom: 3px solid #fff;
color: #5699A7; 
font-size:18px;
padding:15px 0 5px 10px;
}
		
/* =BOTTOM */
	.bottomcolumn h3{
		border-bottom: 4px solid #9b968f;
		color: #5699A7; 
		font-size:18px;
		padding:15px 0 5px 5px;
	}
	
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
	}
	
	.iconlist{
		border-top: 1px dashed #d1cfcd;
		font-size: 1.2em;
	}
	ul.iconlist li a{
		padding-left: 25px;
		background: url(../images/footer_list.jpg) left bottom no-repeat;
	}
	ul.iconlist  li a:hover{background: #E9E4DE url(../images/footer_list.jpg) left top no-repeat;color: #42423b;}
	
	
/*------contact page --------*/

label, input, select, table.button, textarea { 
	float: left; 
	clear: both; 
}
table.formTable {
	width: auto; 
}
table.button { 
	padding: 0; 
	margin: 0; 
	background: none; 
	border: none;
	width: 100%;  
}
table.button tr td { 
	color: #202020; 
	padding: 3px 35px 3px 0; 
	margin: 0; 
	text-indent: 0; 
	text-align: left; 
	vertical-align: top; 
}

table.button tr td input { 
	padding: 0; 
	margin: -0.5em 1em 0 0; 
}

html>body table.button tr td input { 
	padding: 0; 
	margin: 0 1em 0 0; 
}

textarea#Question { 
	width: 765px; 
	height: 100px; 
}
textarea#Application, textarea#ProjectDescription { 
	width: 350px; 
	height: 95px; 
}

span.required { 
	color: #ff0000; 
}
form#ContactForm label {
	margin-top: 0.75em; 
	font-size: 1.2em; 
	color: #000000; 
}
table.button tr td label { 
	margin: 0.75em 0; 
	font-size: 1.2em; 
}
table.button tr td span { 
	margin: 0.25em 0 0 0; 
}
form#ContactForm legend { 
	font-size: 1.25em; 
	font-weight: bold; 	
}
fieldset { 
	border: none; 
}
form#ContactForm input, table.button tr td input { 
	font-size: 1.2em; 
	padding: 0.15em; 
}	
.thankyou { 
	height: 350px;
}	
label strong { 
	color: #404040; 
}

/*------------- random ----------------*/
.rubber {
	float: left;
	padding: 0 25px 0 0;
}

.img-overall { 
	float: right; 
	padding: 0 0 0 15px; 
}
#productCats, #productCats ul, #productCats ul li, #productCats ul.main li a { 
	display: inline; 
	float: left; 
}
#productCats ul.main li div {
	display: none;
}
#productCats ul.main li div.active {
	display: block;
}
/* =FOOTER */
	#footer{
		clear: both; 
		height:auto;
		background: #4a4841 url(../images/footer_bg.jpg) 0 0 repeat-x;
		font-size: 1.2em;
	}
	#footer a{color: #A39D97;}
	#designby{
		float: left;
		padding:2px 0 0 10px;
		margin-top: 5px;
		color:#A39D97;
		text-transform:uppercase;
	}
	#footer .container { 
		overflow: auto; 
	}
	
#designby a {
	color:#5699A7;
}
	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left;padding-left:18px;}
	#footer_navigation li a{text-transform:uppercase;}
	#footer_navigation li a:hover{color: #5699A7;}