/*<![CDATA[*/
	    /* Remove padding and margin 
		*
			{
			margin: 0;
			padding: 0;
			border: 0;
		}
*/
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 15px 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0;
}
legend {
	/*margin-left:3px;*/
	padding:0;
	margin:0;
	color:#000;
	}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}
	    body {
	        margin:0;
	        padding:0;
	        font: 12px/1.5em Arial;
			background:#EBF0F5;/*D8E8FB*/
			line-height:15px;
	    }
		
	    h1 {
			display:block;
			height:26px;
	        font: bold 14px Arial, Helvetica, sans-serif;
	        color: #EBF0F5;
	        margin: 0px;
	        /*padding: 4px 0 22px 25px;
			float: right;*/
			padding: 4px 0 22px 0;
			background-color:#EBF0F5;
	    }
		h2 {
			font : 19px Arial, Helvetica, sans-serif;
			font-weight:normal;
	        color : #0098DC;
			/*padding-bottom:15px;*/
			display:block;
		}
		h2.standalone {
			position: relative;
			top:40px;
			left:25px;
			width:745px;
			float:left;
			display:block;
		}
		
		h3 {
			font : bold 12px Arial, Helvetica, sans-serif;
	        color : #0098DC;
			/*padding-bottom:5px;*/
			text-transform:uppercase;
			margin-bottom:0;
		}
		#container{
			width:770px;
			height:585px;
			background-color:transparent;
			background-image: url('images/bg_shadow.gif');
			background-position:0px 79px;
			background-repeat:no-repeat;
			left: 50%;
			top: 33%;
			/**/
			position:absolute;
			margin-left: -385px;
			margin-top: -185px;
			/**/
		}
		#container #content {
		    background-color: transparent;
			background-image: url('images/bg_home.jpg');
			background-position:0px 78px;
			background-repeat:no-repeat;
		    width:770px;
			height:585px;
			position: relative;
			top: -4px;
			left: -4px;
		}
		#copy {
			position: relative;
			top:40px;
			left:25px;
			width:400px;
			height:440px;
			overflow:none;
			float:left;
		}
		#form {
			position: relative;
			top:40px;
			/*left:25px;
			width:400px;*/
			height:440px;
			overflow:none;
			float:left;
		}
		#copy_2col_wrapper {
			position: relative;
			top:40px;
			left:25px;
			width:620px;
			height:440px;
			float:left;
		}
		p.margin-bottom-0 {
			margin-bottom:0;
		}
		#copy ul, #copy_2col_wrapper ul{
			margin:0;
			padding:0;
			list-style:none;
		}
		#copy ul li, #copy_2col_wrapper ul li{
			margin:2px 0;
			padding:0;
		}
		#copy a, #copy_2col_wrapper a{
			text-decoration:underline;
			color:#23B1ED;
		}
		#copy a:hover, #copy_2col_wrapper a:hover{
			text-decoration:underline;
			color:#666;
		}
		#copy_col1 {
			float:left;
			width:280px;
			margin-right:20px;
		}
		#copy_col2 {
			float:right;
			width:280px;
			margin-right:20px;
		}
		#copy_col1_fire {
			float:left;
			width:250px;
			margin-right:20px;
		}
		#copy_col2_fire {
			float:left;
			width:450px;
			/*margin-right:20px;*/
		}
		#copy img {
			float:left;
			padding-right:10px;
			}

	    /*- TABS--------------------------- */

	    #hdr_tabs {
			/*display:block;
			border-bottom:1px solid #001C37;*/
			width:770px;
			height:25px;
			/*padding-left:15px;*/
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			line-height:normal;
			float:left;	
	     }
		 #hdr_tabs a{
			cursor:pointer;
		 }
		 #tab_underline{
		 	/*display:relative;
			float:left;*/
			clear:left;
			display:block;
			width:768px;
			height:15px;
			/*border-top:1px solid black;
			border is set inline */
		  }
	    #hdr_tabs ul {
			position:absolute;
			padding:0;
			margin:0;
			list-style:none;
	      }
	    #hdr_tabs li {
			display:inline;
			margin:0;
			padding:0;
			
	      }
	    #hdr_tabs a {
			float:left;
			background:url("tableftJ.gif") no-repeat 0 -42px;
			margin:0;
			padding:0 0 0 5px;
			text-decoration:none;
			/* the height fixed the safari gap issue */
			height:25px;
			display:block;
			
	      }
	    #hdr_tabs a span {
			float:left;
			display:block;
			background:url("tabrightJ.gif") no-repeat 100% -42px;
			padding:5px 16px 6px 6px;
			height:14px;
			color:#FFF;
			/*border:1px solid #F00;*/
			text-align:center;
			/*width:70px;*/
			font-size:12px;
			overflow:hidden;
	      }
	    #hdr_tabs a:hover span {
			color:#FFF;
	      }
	    #hdr_tabs a:hover {
			background-position:left top;
	      }
	    #hdr_tabs a:hover span {
			background-position:right top;
	      }
		#hdr_tabs #current a {
			background-position:0% -42px;
			margin-top:1px;
		}
		#hdr_tabs #current a span {
			background-position:100% -42px;
			color:#FFF;
		}
		#hdr_tabs li a.nav1{
			background-image:url('images/tab-about-left.gif')
		}
		#hdr_tabs li a.nav1 span{
			background-image:url('images/tab-about-right.gif')
		}
		#hdr_tabs li a.nav2{
			background-image:url('images/tab-products-left.gif')
		}
		#hdr_tabs li a.nav2 span{
			background-image:url('images/tab-products-right.gif')
		}
		#hdr_tabs li a.nav3{
			background-image:url('images/tab-technical-left.gif')
		}
		#hdr_tabs li a.nav3 span{
			background-image:url('images/tab-technical-right.gif')
		}
		#hdr_tabs li a.nav4{
			background-image:url('images/tab-paving-left.gif')
		}
		#hdr_tabs li a.nav4 span{
			background-image:url('images/tab-paving-right.gif')
		}
		#hdr_tabs li a.nav5{
			background-image:url('images/tab-projects-left.gif')
		}
		#hdr_tabs li a.nav5 span{
			background-image:url('images/tab-projects-right.gif')
		}
		#hdr_tabs li a.nav6{
			background-image:url('images/tab-diy-left.gif')
		}
		#hdr_tabs li a.nav6 span{
			background-image:url('images/tab-diy-right.gif')
		}
		#hdr_tabs li a.nav7{
			background-image:url('images/tab-quote-left.gif')
		}
		#hdr_tabs li a.nav7 span{
			background-image:url('images/tab-quote-right.gif')
		}
		#hdr_tabs li a.nav8{
			background-image:url('images/tab-contact-left.gif')
		}
		#hdr_tabs li a.nav8 span{
			background-image:url('images/tab-contact-right.gif')
		}
		/*secondary nav*/
		#hdr_tabs ul li ul{
			position:absolute;
			bottom:-40px;
			left:15px;
			display: block;
			width:218px;
			height:26px;
			margin:4px 0 0 24px;
			float: left;
			background-image:url(images/bg_dropdown.gif);
			background-repeat:no-repeat;
			/*background-position:-12px 0px;*/
			/* to make these behave like the primary tabs, you'll need to split the bg image into 2 pieces */
	      }
		  #hdr_tabs ul #current ul li a {
			background-image:none;
	      }
		  #hdr_tabs ul #current ul li a span{
			color:#FFF;
			margin:2px;
			padding:1px 4px 1px 4px;
			display:block;
			background-image:none;
	      }
		  #hdr_tabs ul #current ul li a:hover span, #hdr_tabs ul #current ul li.current_sub a span{
			/*background-color:#EBF0F5;
			background-image:none;
			color:#0063C9;*/
			text-decoration:underline;
	      }
		
		 
		  /*BUTTONS*/
		  img { 
		  	behavior: url(iepngfix.htc); 
			border: none;
		  }
		  .pad {
		    behavior: url(iepngfix.htc);
		  	padding:0 10px 5px 0;
			
		  }
		  a.btn_product{
		  font-size:11px;
		  font-weight:bold;
		  color:#006DCC;
			background-image:url(images/btn_weck_2up.png);
			background-repeat:no-repeat;
			width:102px;
			height:36px;
			padding:21px 0 0 85px;
			margin-left:-7px;
			margin-top: 14px;
			text-transform:uppercase;
			text-decoration:none;
			/*padding:20px 0px 0px 20px;*/
			display:block;
			behavior: url(iepngfix.htc);
			cursor:pointer;
		  }
		  a.btn_product:hover{
			background-position:0 -57px;
			behavior: url(iepngfix.htc);
		  }
		  #copy a.btn_form {
			  font-size:11px;
			  font-weight:bold;
			  color:#CBDC00;
			background-image:url(images/btn_form.png);
			background-repeat:no-repeat;
			width:175px;
			height:36px;
			padding:20px 10px 0px 15px;
			margin-left:-7px;
			text-transform:uppercase;
			text-decoration:none;
			display:block;
			behavior: url(iepngfix.htc);
			cursor:pointer;
		  }
		  #copy a.btn_form:hover{
			background-position:0 -57px;
			behavior: url(iepngfix.htc);
			color:#006467;
		  }
		  th {
		  	font-weight:normal;
		  }
		  label {
		  	font-weight:normal;
		  }
		  a.btn_view{
			font-size:11px;
			font-weight:bold;
			color:#006DCC;
			background-image:url(images/btn_view.png);
			background-repeat:no-repeat;
			width:80px;
			height:24px;
			padding:13px 0 0 14px;
			margin-top:2px;
			margin-left:-3px;
			text-transform:uppercase;
			text-decoration:none;
			display:block;
			float:left;
			behavior: url(iepngfix.htc);
			cursor:pointer;
		  }
		  a.btn_view:hover{
		 	color:#006DCC;
			background-position:0 -37px;
			behavior: url(iepngfix.htc);
		  }
		  a.btn_prev{
			font-size:11px;
			font-weight:bold;
			color:#A6C600;
			background-image:url(images/btn_prev.png);
			background-repeat:no-repeat;
			width:69px;/*92*/
			height:27px;/*40*/
			padding:13px 0 0 23px;
			margin-top:2px;
			margin-left:-3px;
			text-transform:uppercase;
			text-decoration:none;
			display:block;
			float:left;
			behavior: url(iepngfix.htc);
			cursor:pointer;
		  }
		  a.btn_prev:hover{
		 	color:#A6C600;
			background-position:0 -40px;
			behavior: url(iepngfix.htc);
		  }
		  a.btn_next{
			font-size:11px;
			font-weight:bold;
			color:#A6C600;
			background-image:url(images/btn_next.png);
			background-repeat:no-repeat;
			width:56px;/*92*/
			height:27px;/*40*/
			padding:13px 0 0 15px;
			margin-top:2px;
			margin-left:-5px;
			text-transform:uppercase;
			text-decoration:none;
			display:block;
			float:left;
			behavior: url(iepngfix.htc);
			cursor:pointer;
		  }
		  a.btn_next:hover{
		 	color:#A6C600;
			background-position:0 -40px;
			behavior: url(iepngfix.htc);
		  }
		  #projects_nav{
		  	float:right;
			/*border:1px solid green;*/
			padding-top:5px;
		  }
		  #projects_listing {
			 clear:left;
			 width:145px; 
			 margin:0 5px 0 0;
			 list-style:none;
			 float:left; 
			 /*color:#5ABE28;*/ color:#A6C600;
			 font-weight:bold;
			 font-size:11px;
		  }
		  #projects_listing li{
		  	margin:0;
		  }
		  #projects_listing li a:link, #projects_listing li a:visited {
			  /*color:#5ABE28;*/ color:#A6C600;
			  text-decoration:none;
		  }
		  #projects_listing li a:hover, #projects_listing li a.current {
		  	color:#555;
			text-decoration:none;
		  }
		  #project_card{
			display:block;
			float:right;
			background-color:white;
			border:solid 1px #A6C600;
		  	width:550px;
			height:358px;
			margin-right:4px;
			padding:10px;
		  }
		  #project_copy{
		  	width:180px;
			display:block;
			float:left;
			font-size:11px;
		  }
		 #project_copy h2{
		  	color:#A6C600;
			font-size:14px;
			margin:0;
			
		  }
		  #project_copy h3{
		 	 color:#777;
			 text-transform:none;
			 font-size:14px;
			 font-weight:normal;
			 margin:0;
		  }
		  h2.projects {
			/*position:relative;
			top:40px;
			left:25px;
			width:745px;*/
			float:left;
			display:block;
		  }
		  /*Boxes*/
		  .product_box{
		  	padding-left:30px;
			padding-right:15px;
		  	display:block;
			width:175px;
			height:160px;
			margin-top:50px;
			/*margin-right:10px;*/
			float:left;
		  }
		  .grey{
		  	color:#888;
		  }
		  .small{
		  	font-size:10px;
		  	color:#888;
		  }
		  .product_list {
		  	margin-top:25px;
			padding-top:15px;/*this is for IE6 */
		  	float:left;
			padding-left:25px;
			width:95%;
			display:block;
			/*background-color:#0F0;*/
		  }
		  .product {
		  	width:80px;
			height:105px;
			margin-right:10px;
			margin-bottom:10px;
			/*background-color:#00F;
			border:1px solid red;*/
			float:left;
		  }
		  .caption {
		  	padding-left:3px;
			color:#006DCC;
			line-height:12px;
		  }
		  .caption a {
			font-size:10px;
			color:#999999;
			text-decoration:none;
		  }
		  .caption a:hover{
			color:#006DCC;
		  }
		  .caption_blue {
			color:#50A0C0;
		  }
		  .caption_green{
		  	color: #5ABE28;
		  }
		  .left{
		  	float:left;
			}
		  .right{
		  	float:right;
			}
		  /* ----------------- popup notes -------------------------*/
		  h2.product_title {
			color:#006dCC;
			font-weight:bold;
			font-size:12px;
			border-bottom:1px solid #006dCC;
			margin:5px;
			padding-bottom:5px;
		}
		/*
		.product_area {
			width:400px;
			padding:25px;
			background-color:#00FF00;
			display:block;
		}
		*/

		.product_area ul{
			list-style:none;
			color:#666;
			font-size:11px;
			padding:5px;
			margin:0;
		}
		.product_area li{
			padding:0;
			margin:0;
		}
		/* ----------------- slide show -------------------------*/
		#slideshow {
			position: relative;
			/*border: 5px solid #F2F2F2;*/
			width: 360px;
			height: 360px;
		}
		.slide-image {
			position: absolute;
			top: 0;
			left: 0;
			padding: 0px;
			width: 360px;
			height: 360px;
			background-color: #FFF;
			background-position: center center;
			background-repeat: no-repeat 
		}
		/*-------------FORM---------------------*/
		 	table.form {
 	/*width:300px;*/
	height:auto;
	}
	.alert{
		display:block;
		background-color:#EBF0F5;
		border: 1px solid #666;
		padding: 5px;
		margin:0 0 0 33px;
		width:430px;
		
	}
	fieldset, .formfield {
		width:450px;
		padding:10px 10px;
		margin:10px 10px;
		float:left;
		clear:both;
	}
	label,td {
		font-size:11px;
	}
	tr.odd{
		background-color:#BED9F5;
	}
	tr.even{
		background-color:transparent;
	}
	td {
		padding: 5px 5px;
		vertical-align:top;
	}
	th {
		text-align:left;
		vertical-align:middle;
		width:170px;
		padding:0 5px;
	}
	.small {
		font-size:10px;
		font-weight:normal;
		line-height:8px;
	}
	input.narrow {
	width:250px;
	}
ul#firerated li a{
	color: #7EAABE;
}
ul#paving li a{
	color: #5ABE28;
}
	    /*]]>*/