body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #3d505a;
	margin: 0;
	padding: 0;
	height: 100%;

}
p {
	line-height: 1.3;
}
html {
	height: 100%;
}

a:link, a:visited {
	xtext-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #f33;
}

/******************* Positioning ************************/

#body_wrapper {
	position: relative;
	width: 949px;
	height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid #fff;
	background-image: url(images/bkg_palegrey.gif);
	background-repeat: repeat-y;
}

#wrapper {
	/* box model hack Tantek: http://tantek.com/ */
	/* include the rules below for any boxes with fixed widths or heights. */
	/* the width and/or height below is caluclated by subtracting the border (x2) and padding (x2) from the width and/or height. */
	width: 950px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
/* end box model hack */
#wrapper {
	position: relative;
	background-image: url(images/banner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 1px solid #3d505a;
	border-right: 1px solid #3d505a;
	border-bottom: 1px solid #8a9396;
	width: 948px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 113px 0 0 0;
	text-align: left;
}
#wrapper2 {
	background-image: url(images/bell_curve.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 0;
	height: 100%;
}
#wrapper3 {
	background-image: url(images/bkg_nav_grey.gif);
	background-position: left;
	background-repeat: repeat-y;
	padding-top: 0;
	height: 100%;
}
#content {
	margin-left: 200px;
	min-height: 390px;
	margin-top: 0;
	xpadding: 5px 125px 0 0;
	padding: 5px 140px 0 0;
}
#navigation {
	position: absolute;
	width: 179px;
	top: 113px;
	left: 0;
}
#features {
	position: absolute;
	width: 134px;
	top: 140px;
	right: 0;
}
#footer {
	font-size: 0.8em;
	background-image: url(images/bkg_redstripe_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #8a9396;
	width: 943px;
	height: 25px;
	margin-top: 0;
	padding-top: 15px;
	padding-left: 5px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #3d505a;
}
#footer a:hover {
	text-decoration: underline;
}
.script_header {
	background-image: url(images/head_dur_str_density.gif);
	background-repeat: no-repeat;
	width: 339px;
	height: 29px;
	background-position: left;
	margin-top: 82px;
	margin-left: 149px;
	margin-bottom: -107px;
	float: right;
	margin-top: -30px;
	margin-right: 15px;
	padding: 0;
}
.clear {
	clear: both;
}
/******************* Feature Style ************************/
.feature {
	background: url(images/feature.png);
	border: solid 1px #ABAEAC;
	padding: 2px;
	margin-bottom: 15px;
}
.feature h2 {
	font-size: 125%;
	color: #CC3300;
	margin: 5px 0 5px 0;
}
.feature h2 a:link, .feature h2 a:visited {
	color: #CC3300;
}
.feature p {
	margin: 0;
}
.feature p.more {
	text-align: right;
}

/******************* Main Navigation Style ************************/

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-top: 1px solid #fff;
	width: 100%;
}
#navigation li a:link, #navigation li a:visited {
	display: block;
	padding: 2px 2px 2px 5px;
	border-left: 0;
	border-right: 0;
	background-color: #dbd6cf;
	color: #333;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #3d505a;
	color: #fff;
}

#navigation ul ul {
	margin-left: 0;
}
#navigation ul ul li {
	margin: 0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #abaeac;
	padding-left: 20px;
	color: #333;
}
#navigation ul ul a:hover {
	background-color: #3d505a;
	color: #fff;
}
#navigation ul ul ul a:link, #navigation ul ul ul a:visited {
	background-color: #abaeac;
	padding-left: 35px;
	color: #fff;
}
#navigation ul ul ul a:hover {
	background-color: #3d505a;
	color: #fff;
}

/*
.productstyle {
	border-left: 17px solid #e0c1b3;
}
*/

/******************* Image Placement ************************/

.homepg_image {
	margin: 5px 0 5px 0;
}

/******************* Heading Styles ************************/
#addr {
	position: absolute;
	top: 5px;
	left: 200px;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0;
}
#phone {
	position: absolute;
	top: 85px;
	left: 200px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
#email {
	position: absolute;
	top: 85px;
	right: 140px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
#content p {
	font-size:12px; color:#565656; margin:0; padding:5px 0 20px 0; line-height:18px;
}

#content ul { margin:0 0 20px 40px; padding:0; }
#content ul li { font-size:12px; color:#565656; margin:0; padding:0; line-height:18px;}
#content ol { margin:20px 0 20px 40px; padding:0; }
#content ol li { font-size:12px; color:#565656; margin:0; padding:0; line-height:18px;}
#content h1 {
	font-size:24px;
	font-weight:bold;
	color:#565656;
	margin:0;
	padding:20px 0;
	line-height:26px;
}
#content h2 {
	font-size: 125%;
	color: #CC3300;
}
#content h3 {
	color:#303030; font-size:17px; margin:0; padding:10px 0 0 0; font-weight:bold;
}
#content h4 {
	color:#303030; font-size:17px; margin:0; padding:10px 0 0 0; font-weight:bold;
}
#content ul {
	margin-top: 0;
}
#content ol {
	margin-top: 0;
}
#content blockquote {
	float: right;
	width: 100px;
	border: dotted 1px #047ABC;
	margin: 3px;
	padding: 5px;
}
#content blockquote p {
	margin-top: 0;
	margin-bottom: 0;
}
#content td {
	xfont-size: 0.7em;
}
#content td p {
	margin: 0;
}
#content .imgleft {
	float: left;
	margin: 0 10px 5px 0;
}
#content .imgright {
	float: right;
	margin: 0 0 5px 10px;
}
#content img {
	border: none;
}
#content .imgborder {
	border: solid 1px #000000;
}
#content .tablehead, #content .tablehead {
	background: #EDEBE7;
	font-size: 120%;
}
.cols {
	text-align: center;
}
.col1 {
	width: 65%;
	margin: 10px auto 0 auto;
	text-align: left;
}
.col2, .col2n, .col3, .col3n {
	float: left;
	margin-top: 10px;
	text-align: left;
}
.col3, .col3n {
	width: 31%;
}
.col2, .col2n {
	width: 48%;
}
.col2, .col3 {
	margin-right: 2%;
}
.redtext {
	color: #FF0000;
}

/* ------------------------------------------------------  */

.banner { width:585px; height:82px; background:url(images/product-list-banner.jpg) no-repeat; padding:152px 0 0 14px; margin:10px 0 0 0;}
a.view-products { background:url(images/click-here-btn.png) no-repeat 0 0; display:block; width:315px; height:50px; margin:15px 0 }
a.view-products:hover {background:url(images/click-here-btn.png) no-repeat 0 -50px}
p.top-text { font-size:14px; font-weight:bold; color:#565656; margin:0; padding:20px 0; line-height:18px;}
p.heading { color:#303030; font-size:17px; margin:0; padding:20px 0 0 0;}
p.text { font-size:12px; color:#565656; margin:0; padding:5px 0 20px 0; line-height:18px;}
p.text a { color:#0000cc; font-size:12px; font-weight:bold; text-decoration:none; }
p.text a:hover { text-decoration:underline;}



a.roofing-slate { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/roofing-slate.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.roofing-slate:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

a.slate-flooring { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/slate-flooring.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.slate-flooring:hover { background-position: 0px -120px;text-align:center;color:#0000cc;}

a.sandstone {  display: block; width:198px; height:25px; float:left; margin:0 0px 5px 0; background:url(images/sandstone.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.sandstone:hover { background-position: 0px -120px; text-align:center;color:#0000cc;} 




a.quartzite { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/quartzite.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.quartzite:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

a.limestone { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/limestone.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.limestone:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

a.travertine { display: block; width:198px; height:25px; float:left; margin:0 0px 5px 0; background:url(images/travertine.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold }
a.travertine:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}




a.bluestone { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/bluestone.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.bluestone:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

a.granite { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/granite.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.granite:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

a.stackstone { display: block; width:198px; height:25px; float:left; margin:0 0px 5px 0; background:url(images/stackstone.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.stackstone:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}




a.cladding { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/cladding.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.cladding:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

a.pavers { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/pavers.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.pavers:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

a.cobbles { display: block; width:198px; height:25px; float:left; margin:0 0px 5px 0; background:url(images/cobbles.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.cobbles:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}




a.mozaics { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/mozaics.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.mozaics:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

a.sealers { display: block; width:198px; height:25px; float:left; margin:0 6px 5px 0; background:url(images/sealers.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.sealers:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

a.adhesives { display: block; width:198px; height:25px; float:left; margin:0 0px 5px 0; background:url(images/adhesives-grouts.jpg) 0px 0px no-repeat; color:#565656; padding:100px 0 0 0; font-size:15px; text-align:center; text-decoration:none; font-weight:bold}
a.adhesives:hover { background-position: 0px -120px; text-align:center;color:#0000cc;}

.noFloat { clear:both; font-size:0; line-height:0; height:0;}
input {background:url(images/imput-text-bg.jpg) no-repeat top; height:16px; width:191px; padding:5px 4px; margin:0 0 10px 20px; border:none; float:right}
textarea {background:url(images/textarea-bg.jpg) no-repeat top; height:74px; width:191px; padding:5px 4px; margin:0 0 10px 20px; border:none; float:right} 
input.submit { background:url(images/submit-btn.png) no-repeat top; width:87px; height:27px; border:none; cursor:pointer; float:right}
input.submit:hover {background:url(images/submit-btn-hover.png)}