html,body{
      margin:0;
      padding:0;
      height:100%; /* needed for container min-height */
      border:none;
      font-family:Arial, Helvetica, sans-serif;
      background-color:#4d4441;
}

div, img, p, h3, ul, li{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
}

ul{
	position:relative;
}

div.spacer{
	clear: both;
	font-size:1px;
	line-height:1px;
}

a:link, a:visited, a:active{
	color:#4080C2;
	text-decoration:none;
}

a:hover{
	color:#4080C2;
	text-decoration:underline;
}

div#container{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:800px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	text-align:left;
	background:url(/assets/images/bg_page.gif) repeat-y #ffffff;
	vertical-align:top;
}

div#banner{
	vertical-align:top;
	width:800px;
	height:80px;
}

div#banner .logo{
	float:left;
	margin:0 0 0 10px;
	border:0;
}

div#banner form.searchbox{
	float:right;
	margin:21px 0 0 0;
	width:265px;
	height:29px;
	text-align:right;
	background:url(/assets/images/searchbox.gif) no-repeat;
}

div#banner form input{
	border:0;
}

div#banner form .searchtext{
	float:left;
	width:234px;
}

div#banner form .searchtext input{
	margin:4px 0 0 36px;
	padding:2px 0 0 0;
	width:196px;
	height:19px;
	line-height:19px;
	background-color:#F0EAE3;
}

* html div#banner form .searchtext input{
	margin:4px 2px 0 0;
	padding:0;
	height:17px;
	width:196px;
	
}

div#banner form .searchbutton{
	float:right;
	width:31px;
}
	
div#features{
	vertical-align:top;
	width:800px;
	height:201px;
}

div#features .display{
	float:left;
	margin:0 0 0 10px;
	border:0;
}

div#features ul{
	float:right;
}

div#features ul li{
	width:266px;
	height:67px;
	text-align:right;
	list-style:none;
}

div#features ul li.retailers{
	background:url(/assets/images/arrow_big.gif) 240px 0px no-repeat #F0EAE3;
}

div#features ul li.probuilders{
	background:url(/assets/images/arrow_big.gif) 240px -67px  no-repeat #E0D6C6;
}

div#features ul li.manufacturers{
	background:url(/assets/images/arrow_big.gif) 240px -134px no-repeat #CCBAA0;
}

div#features ul li a{
	display:block;
	padding:18px 0 31px 0;
	line-height:18px;
}

div#features ul li a:hover{
	background:url(/assets/images/arrow_big.gif) 240px -201px no-repeat;
	text-decoration:none;
}

div#features ul li img{
	margin:0 32px 0 0;
}

div#nav .menu{
	width:776px;
	height:21px;
	margin:0 0 0 10px;
	padding:9px 0 0 14px;
	background-color:#231F20;
	font-size:9px;
	list-style:none;
}

* html div#nav .menu{
	padding:0 0 0 14px;
}

div#nav .menu li{
	display:inline;
}

div#nav .menu li .hide{
	visibility:hidden;
}

div#nav .menu li a{
	display:inline;
	padding:9px 12px 9px 12px;
	line-height:12px;
}

* html div#nav .menu li a{
	padding:0;
}

* html div#nav .menu li a img{
	padding:9px 12px 9px 12px;
}

div#nav .menu li a:hover{
	text-decoration:none;
}
div#nav .menu .home a{	
	background:url(/assets/images/nav_new.gif) -17px 0px no-repeat;
}

div#nav .menu .home a:hover{
	background:url(/assets/images/nav_new.gif) -17px -30px no-repeat;
}

div#nav .menu .about a{
	background:url(/assets/images/nav_new.gif) -87px 0px no-repeat;
}

div#nav .menu .about a:hover{
	background:url(/assets/images/nav_new.gif) -87px -30px no-repeat;
}

div#nav .menu .community a{
	background:url(/assets/images/nav_new.gif) -178px 0px no-repeat;
}

div#nav .menu .community a:hover{
	background:url(/assets/images/nav_new.gif) -178px -30px no-repeat;
}

div#nav .menu .estimating a{
	background:url(/assets/images/nav_new.gif) -348px 0px no-repeat;
}

div#nav .menu .estimating a:hover{
	background:url(/assets/images/nav_new.gif) -348px -30px no-repeat;
}

div#nav .menu .news a{
	background:url(/assets/images/nav_new.gif) -517px 0px no-repeat;
}

div#nav .menu .news a:hover{
	background:url(/assets/images/nav_new.gif) -517px -30px no-repeat;
}

div#nav .menu .contact a{
	background:url(/assets/images/nav_new.gif) -664px 0px no-repeat;
}

div#nav .menu .contact a:hover{
	background:url(/assets/images/nav_new.gif) -664px -30px no-repeat;
}

.pagetitle{
	display:block;
	margin:0 0 0 10px;
	background-color:#669ACF;
}

div#textcolumn{
	float:left;
	margin:20px 0 0 34px;
	width:742px;
	font-size:12px;
	line-height:16px;
}

* html div#textcolumn{
	margin:0;
	padding:20px 0 0 34px;
}

div#textcolumn h3{
	margin:0 0 -3px 0;
	line-height:20px;
	color:#4081C3;
	text-transform:uppercase;
	font-size:12px;
	
}

div#textcolumn p{
	margin:0;
	padding:0 0 14px 0;
}

div#textcolumn ul{
	margin:0 0 0 25px;
	padding:0 0 14px 0;
}

div#sidecolumn{
	float:right;
	margin:20px 0 0 10px;
	width:266px;
	
}

div#sidecolumn .caption{
	font-size:11px;
	padding:10px 22px 12px 10px;
	color:#ffffff;
	background-color:#231F20;
	vertical-align:top;
}

div#sidecolumn .sidelinks{
	text-align:right;
	list-style:none;
	border-top:1px solid #231F20;
}

div#sidecolumn .sidelinks li{
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #231F20/*4D4441*/;
}

div#sidecolumn .sidelinks li a{
	display:block;
	line-height:14px;
	padding:11px 44px 11px 0;
	color:#000000;
	background:url(/assets/images/arrow.gif) 227px 0px no-repeat;
}

div#sidecolumn .sidelinks li a:link, div#sidecolumn .sidelinks li a:visited, div#sidecolumn .sidelinks li a:hover, div#sidecolumn .sidelinks li a:active{
	color:#000000;
	text-decoration:none;
}

div#sidecolumn .sidelinks li a:hover{
	background:url(/assets/images/arrow.gif) 227px -36px no-repeat #F0EAE3;
}

div#overview{
	margin:0 0 20px 0;
	width:766px;
	height:377px;
	vertical-align:top;
}

* html div#overview{
	margin:0 0 20px -24px;
	width:790px;
}

div#overview .imagearea{
	float:left;
	margin:0 0 0 -24px;
	padding:16px 0 0 24px;
	width:500px;
	height:362px;
	background:#669acf;
}

* html div#overview .imagearea{
	margin:0;
	width:500px;
}

div#overview .imagearea div{
	margin:0 0 15px 0;
}

div#overview .imagearea .img{
	display:none;
}

div#overview .imagearea .imgsel{
	display:block;
}
	
div#overview .displaycontrols{
	width:56px;
	height:20px;
	background:#ffffff;
}

div#overview .displaycontrols .previous, div#overview .displaycontrols .next{
	display:block;
	margin:0;
	padding:0;
	width:15px;
	height:10px;
}

div#overview .displaycontrols .previous{
	float:left;
	margin:5px 0 0 8px;
	background:url(/assets/images/arrow.gif) 0px -84px no-repeat #231F20;
}

* html div#overview .displaycontrols .previous{
	margin:5px 0 0 4px;
}

div#overview .displaycontrols .next{
	float:right;
	margin:5px 8px 0 0;
	background:url(/assets/images/arrow.gif) 0px -12px no-repeat #231F20;
}

* html div#overview .displaycontrols .next{
	margin:5px 4px 0 0;
}

div#overview .displaycontrols a{
	font-size:1px;
	line-height:10px;
	cursor:pointer;
}

div#overview ul{
	float:right;
	margin:0 0 0 -24px;
	border-top:1px solid #231F20;
}

div#overview ul li{
	width:266px;
	height:36px;
	list-style:none;
	background:#ffffff;
	border-bottom:1px solid #231f20;
	font-weight:bold;
}

div#overview ul li a{
	display:block;
	padding:11px 0 11px 30px;
	line-height:14px;
	color:#000000;
	text-decoration:none;
}

div#overview ul .normal{
}

div#overview ul .normal.hover, div#overview ul .normal:hover{
	background:url(/assets/images/arrow.gif) 10px -108px no-repeat #F0EAE3;
	cursor:pointer;
}

div#overview ul .selected{
	color:#ffffff;
	background:url(/assets/images/arrow.gif) 10px -72px no-repeat #231f20;
}

div#overview ul .selected a{
	color:#ffffff;
}

div#overview ul .desc{
	display:none;
}

div#overview ul .descsel{
	display:block;
	padding:0 24px 0 30px;
	width:212px;
	height:80px;
	color:#ffffff;
	background:#231F20;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
}

div#footer{
	position:absolute;
	width:100%;
	bottom:-35px;
	margin:0;
	padding:0;
	width:800px;
	height:35px;
	background:url(/assets/images/bg_page.gif) repeat-y #ffffff;
}

div#footer p{
	float:right;
	margin:0 22px 15px 0;
	font-size:10px;
}

* html div#footer p{
	margin:0 10px 0 0;
}

div#footer p.copyright{
	font-weight:bold;
}
	
sup {
	font-size:0.625em;
}

.blname{
	font-weight:bold;
}

.contentslide{
width: 500px;
height: 290px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 500px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: left;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 480px; /*IE5 width*/
w\idth: 496px; /*IE6 width*/
}

.pagination a{
	padding: 0 5px;
	text-decoration: none;
	color: #4080C2;
	background-color: white;
	font-size: 11px;
}

.pagination a:hover, .pagination a.selected{
color: #ffffff;
background-color: #231F20;
}