* { margin: 0; padding: 0; }

/* ====================== Page Formatting  ========================*/

body, table, p, a {
	margin: 0px;
	padding: 0px;
	color: #4b4640;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 12px;
	}

body {

	background-color: #fefcf7;
	padding-bottom:0px;}


a:visited, a:link, a:active, a:hover  {
	text-decoration: underline;
	color: #000;}

a:hover  {
	color: #236410;
	text-decoration:none;
	}
	
h1{font-size: 1.8em; margin: 1.5em 0em 0em 0em;}
h5 {font-size: 1.5em;padding: 0em;border: none;margin: 0em;text-align: left;}
h6 {font-size: 1.5em;padding: 0em;border: none;margin: 1.5em 0em .5em 0em;text-align: left;}

.clearBoth {
	clear: both;
	visibility: hidden;
	line-height: 1px;
	}

/* ====================== layout & columns ========================*/


#container-dark {
	margin: 0px;
	border-bottom:1px solid #bbbbbb;
	}

	.hp-c-dark {
		background-image: url(../images/hp-container-bg.gif);
		background-repeat: repeat-x;
	}

#subpage #container-light {
		background-image: url(../images/hp-container-bg.gif);
		background-repeat: repeat-x;
	}

#main-dark {
	width: 750px;
	background-color: #d6cec6;
	margin: 0px auto;
	padding-bottom: 40px;
	text-align: left;
}	

#container-light {
border: none;
	width: 100%;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	}

#main-light {
border: none;
	width: 750px;
	margin: 0px auto;
	text-align: left;
}

#mainlightsss
{
border: none;
	width: 750px;
	margin: 0px auto;
}

/* ====================== Header & Footer ====================== */

#header 
	{border: none;
	width: 750px;
	margin: 15px auto 15px auto; padding: 0px;
	overflow: auto;
}

#logoandtag{border: 1px solid #fff; float: left; margin: 5px 30px 0px 0px; padding: 0px 0px 0px 0px; width: 40%;}
#logoandtag p{border: none; font-family: verdana; font-size: 11px; margin: 5px 0px 0px 0px; padding: 0px; width: 280px;}

	#header div#logo {border: none;
		width: 213px; height: 44px;
		margin: 0px; padding: 10px 0px 0px 0px;
	}

	#header div#telephone {border: none; margin: 0px; padding: 0px;
		float: left;
		text-align: right;
		width: 55%;
	}

		#header div#telephone p {
			color: #55534f;
			font-size: 16px;
			letter-spacing: 1px;
			margin-top: 7px;
		}

			#header div#telephone p strong {
				display: block;
				color: #158eb6;
				font-size: 11px;
				text-transform: uppercase;
			}

#footer {border: 1px solid white; clear: both; color: gray; width: 60%; margin: 0px auto 0px auto; padding: 0px auto 0px auto; text-align: center;}
#footer p{color: gray; line-height: 2em;}
#footer a {color: gray;}
#footer a:hover {color: gray;}
.footerline{font-size: .8em; margin: 1.5em 0em 0em 0em; padding: 0em;}

#footertitle{color: gray; font-size: 18px; text-align: center;}

.homecontact{color: #575550; line-height: 23px; padding-bottom: 20px;}
.homecontact a{color: #575550;}
.homecontact a:hover{color: #575550; text-decoration: none;}

/*footer renamed to businessdetails 2009-07-13*/
#businessdetails {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear: both;
	}

#bdetails {
	height: 60px;
	width: 750px;
	margin: 0px auto;
	text-align: left;
}

#bdetails-copy {
	float: left;
	width: 450px;
	padding:20px 0px 0px 0px;
	color:#0E5372;
	font-size:9px;
	letter-spacing:1px;
	text-transform:uppercase;
}

#bdetails-lform, #bdetails-lform a {
	float: right;
	width: 300px;
	padding:10px 0px 0px 0px;
	text-align:right;
	color:#999691;
	font-size:9px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}



p#areas_served {
	margin: 0px 0px 0px 0px;
}
p#areas_served a#contactlink {
	color: #0A526A;
	text-decoration: none;
	font-weight: bold;
}

#contactlink a {
	color: #0A526A;
}

#color {
	background: #FEFCF7;
	color: #0A526A;
	margin: -10px 0px 10px 0px;
	height: 50px;
}
img.as_arrow {
	margin-left: -5px;
	margin-bottom: 3px;
}
div#served {
	margin: 0px auto;
	width: 750px;
}

/* ====================== Homepage ======================*/

img#hp-text {
	margin: 10px 0px 10px .5em;
}

div#hp-slideshow {
	
}

p.intro-text {
	color: #575550;
	line-height: 23px;
	padding: 0em .5em 20px .5em;
}

h2 {
	padding: 5px 0;
	border-bottom: 1px solid #c6d5d6;
	margin-bottom: 20px;
	text-align: left;
}

	h2.grills { margin-top: 3px; }

div#hp-form {
	float: left;
	width: 220px;
	padding: 30px 0;
}
	
	div#hp-form input {
		width: 180px;
		background-color: #0a526a;
		border: 0;
		color: #ece8e0;
		border-left: 13px solid #158eb6;
		padding: 7px 12px;
		letter-spacing: 1px;
		margin-bottom: 1px;
	}
	
	div#hp-form textarea {
		width: 180px;
		background-color: #0a526a;
		border: 0;
		color: #ece8e0;
		border-left: 13px solid #158eb6;
		padding: 8px 12px;
		margin-bottom: 1px;
		height: 65px;
	}


		div#hp-form input#hp-submit {
			width: 90px;
			margin-top: 30px;
			border-left: 0;
			background-color: #158eb6;
			padding: 9px;
			font-size: 11px;
			text-transform: uppercase;
			letter-spacing: 2px;
			font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			font-weight: bold;
		}

div.hp-aside {
	float: left;
	width: 150px;
	text-align: right;
	padding: 30px 0;
	margin-left: 25px;
	margin-top: -5px;
}

	div.hp-aside a img {
		border: 1px solid #C6D5D6;
	}
	
#col-left {
	clear: none;
	float: left;
	width: 265px;	
}

#col-right {
	float: left;
	margin-left: 50px;
	width: 400px;
}

/* ====================== Counter Top Page ======================*/

#countertopadvantagewrapper{border: none; clear: both; width: 490px; height: 100px; margin: 0em auto 0em 9em; padding: 0em auto 0em auto;}
.advantagelist{border: 1px solid gray; float: left; margin: 0em; padding: 0em .5em 0em .5em; width: 230px; height: 95px;}
.advantages{border: none; margin: 0em 0em 0em 1em; padding: .5em; width: 200px;}
#countertopimgwrap{border: none; margin: 0em 0em 0em 11em; padding: 0em; width: 520px; height: 230px;}

/* ====================== Site Map ======================*/

#sitemap{border: none; margin: 1em auto 5em auto; padding: 0em auto 0em auto; width: 65%; height: 300px;}
#sitemap a {color: #0a526a;}
#sitemap a:hover {color: #0a526a; text-decoration: none;}

#leftmap{border: none; float: left; margin: 0em; padding: 0em; width: 40%;}
#leftmap ul{list-style: none; margin: 1em 0em 1em 0em; padding: 0em;}
#leftmap li{margin: .5em 0em .5em 0em; padding: 0em;}

#rightmap{border: none; float: right; margin: 0em; padding: 0em; width: 40%;}
#rightmap ul{list-style: none; margin: 1em 0em 1em 0em; padding: 0em;}
#rightmap li{margin: .5em 0em .5em 0em; padding: 0em;}

/* ====================== Resources ======================*/

#resources{border: none; margin: 2em auto 8em auto; padding: 0em auto 0em auto; width: 100%; text-align: center;}
#resource{border: none; float: left; margin: 0em; padding: 0em; width: 33%;}
.resourcesite {border: none; color: gray; font-weight: bold; line-height: 0px; margin: 0em; padding: 0em;}
#resource a {border: none; color: gray; font-weight: regular; line-height: 0px; margin: 0em; padding: 0em;}
#resource a:hover {border: none; color: gray; font-weight: regular; line-height: 0px; margin: 0em; padding: 0em;}

#resourcedescriptions{border: none; clear: both; margin: 0em; padding: 2em 2em 3em 4em;}
.resourcedescription{margin: 2em 0em 5em 0em; padding: 0em;}
.resourcedescription p{color: gray; margin: 0em; padding: 0em;}
#resourcedescriptions a {border: none; color: gray; font-weight: regular; line-height: 0px; margin: 0em; padding: 0em;}
#resourcedescriptions a:hover {border: none; color: gray; font-weight: regular; line-height: 0px; margin: 0em; padding: 0em;}

/*products*/

.waxproductdetails{margin: 0em 0em 0em 2em;}

/*header address*/
#header p.address{font-size: 12px;}

/*stainless steel sinks*/

.calloremail{clear: both; margin: 3em 0em .5em 0em; padding: 0em; text-align: center;}

div.productsinks {float: left; margin: 25px 0 25px 0; width: 215px;}
div.productsinks-mid {float: left; margin: 25px 50px 25px 50px; width: 215px;}

.sinkcaption{border: none; margin: 0em 0em 0em 1em; padding: 0em;}
.sinkname{border: none; color: #0A5268; font-weight: bold; margin: .2em 0em .2em 0em; padding: 0em; text-align: center;}
.downloadpdf{border: none; color: #666666; margin: 0em; padding: 0em; text-align: center;}
.downloadpdf a{color: #666666; text-align: center; text-decoration: underline;}
.downloadpdf a:hover{color: #666666; text-align: center; text-decoration: none;}

/*wood countertops*/

/*species*/

#col-leftwood {border: none; 
	clear: none;
	float: left;
	width: 460px;	
}

#col-leftwood a{color: #4B4640; text-decoration: underline;}
#col-leftwood a:hover{color: #4B4640; text-decoration: none;}

#col-rightwood {border: none; 
	float: left;
	margin-left: 50px;
	padding: .5em;
	text-align: center;
	width: 220px;
}

#woodspecieslist{border: none; clear: both; margin: 0em; padding: 0em;}
#woodspecieslist p{margin: 0em; padding: 0em;}
#woodspecieslist a{color: #4B4640; text-decoration: underline;}
#woodspecieslist a:hover{color: #4B4640; text-decoration: none;}

.firstwords{font-weight: bold;}

.optionslist{margin: 0px 0px 20px 50px; padding: 0em;}
.colorlist{list-style-type: circle; margin: 0px 0px 0px 85px; padding: 0em;}
.greenlist{margin: 0px 0px 0px 50px; padding: 0em;}

.speciessamples{border: none; float: left; margin: 0px 27px 0px 27px; padding: 0px;}
.speciessamples ul{list-style-type: none;}
.speciessamples li{margin: 3px 0px 3px 0px; padding: 0px;}

/*green options*/

#seegreenoptions{border: none; margin: 30px 0px 40px 0px; padding: 0em; text-align: center;}
#seegreenoptions p{margin: 0em; padding: 0em;}
#seegreenoptions a{color: #4B4640; text-decoration: underline;}
#seegreenoptions a:hover{color: #4B4640; text-decoration: none;}

.greenexamples{border: none; float: left; margin: 0px 70px 30px 60px; padding: 0px;}
.greenmaterials{border: none; float: left; margin: 0px 50px 0px 30px; padding: 0px;}
.greenmaterials li{font-size: 16px; list-style-type: none; margin: 5px 0px 13px 0px; padding: 0em;}

.greenmaterials a{color: #4B4640; text-decoration: underline;}
.greenmaterials a:hover{color: #4B4640; text-decoration: none;}

.greenexamples a{color: #4B4640; text-decoration: underline;}
.greenexamples a:hover{color: #4B4640; text-decoration: none;}

.greenexamples img.bamboonatural{margin: 20px 0px 0px 0px; padding: 0em;}

.aboutcraftart{clear: both; margin: 0px 0px 0px 0px; padding: 0em;}
.aboutcraftart p{margin: 0em; padding: 0em;}

/*soapstone sinks roll over*/

#riskIndex {border: none; background-color: #FFFFFF; position: relative; width: 185px; z-index: 2;}
#riskIndex a .large {border: none; display: block; height: 1px; left: -1px; position: absolute; top: -1px; width: 1px; z-index: 2;}
#riskIndex a.rii, #risk a.rii:visited {background-color: #D4E3B7; border: none; display: block; height: 15px; left: 0; width: 185px; z-index: 2;}
#riskIndex a.rii:hover .large {border: 1px solid gray; display: block; left: -100px; position: absolute; top: -220px; width: 680px;
height: 212px; z-index: 2;}

#riskIndexone {border: none; background-color: #FFFFFF; position: relative; width: 185px; z-index: 2;}
#riskIndexone a .large {border: none; display: block; height: 1px; left: -1px; position: absolute; top: -1px; width: 1px; z-index: 2;}
#riskIndexone a.rii, #risk a.rii:visited {background-color: #D4E3B7; border: none; display: block; height: 15px; left: 0; width: 185px; z-index: 2;}
#riskIndexone a.rii:hover .large {border: 1px solid gray; display: block; left: -200px; position: absolute; top: -275px; width: 700px;
height: 270px; z-index: 2;}

#riskIndextwo {border: none; background-color: #FFFFFF; position: relative; width: 185px; z-index: 2;}
#riskIndextwo a .large {border: none; display: block; height: 1px; left: -1px; position: absolute; top: -1px; width: 1px; z-index: 2;}
#riskIndextwo a.rii, #risk a.rii:visited {background-color: #D4E3B7; border: none; display: block; height: 15px; left: 0; width: 185px; z-index: 2;}
#riskIndextwo a.rii:hover .large {border: 1px solid gray; display: block; left: -350px; position: absolute; top: -375px; width: 678px;
height: 368px; z-index: 2;}