@charset "UTF-8";
body {
	font: 90%/1.3em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	text-align: center; /* centers the container in IE 5* browsers. The text is left-aligned in the #container */
	color: #7F785B;
	background: #fff;
}
p {
	margin: 0 10px 1em 20px;
}

p.logopagehead {
	margin: 20px 0 0 20px;
}
p.attribution {
	margin: 0 0 20px 60px;
	text-align: left;
	font-weight: bold;
	line-height: 1em;
}


h1 {
	color: #2A6742;
	margin: 0 0 0 20px;
	padding: 10px 0;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.2em;
	background: url(img/head-gradient-280.jpg) 0 100% no-repeat;
}
h2 {
	color: #B33A2D;
	margin: 0 0 0 20px;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	padding: 6px 0;
}

.intro {
	color: #7DA358;
	font-size: 1.1em;
	line-height: 1.1em;
	padding-top: 10px;
}
.callout {
	background: url(img/head-gradient-180.jpg) 0 0 no-repeat;
	color: #B33A2D;
	font-size: 1.1em;
	line-height: 1.1em;
	padding-top: 10px;
	margin: 1em 10px 6px 20px;
}



a:link, a:visited {
	color: #7da358;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
a:hover {
	text-decoration: none;
	color: #DF660B;
	border-bottom: 1px dotted #DF660B;
}
a:active {
	text-decoration: none;
}

a img {
	border: 0;
	outline: none;
}

img.logo {
	border: 1px solid #ccc;
	outline: none;
}


ul {
	margin: 5px 20px 10px 0;
	padding: 0 0 0 20px;
}

li {
	padding: 0 0 0 17px;
	list-style: none;
	background: url(img/bullet.gif) left 0.2em no-repeat;
	margin: 0.4em 0;
	line-height: 1.1em;
}

/* layout
------------------------------------------------------------ */

#bannerzone-steel {
	height: 90px;
	background: url(img/bg-steel.jpg) 50% 0 no-repeat;
}
#bannerzone-wood {
	height: 90px;
	background: url(img/bg-wood.jpg) 50% 0 no-repeat;
}
#bannerzone-granite {
	height: 90px;
	background: url(img/bg-granite.jpg) 50% 0 no-repeat;
}
#bannerzone-stone {
	height: 90px;
	background: url(img/bg-stone.jpg) 50% 0 no-repeat;
}
#bannerzone-black-granite {
	height: 90px;
	background: url(img/bg-black-granite.jpg) 50% 0 no-repeat;
}
#bannerzone-marble {
	height: 90px;
	background: url(img/bg-marble.jpg) 50% 0 no-repeat;
}


#banner {
	height: 90px;
	width: 800px;
	margin: 0 auto;
	background: url(img/logo-1.gif) 0 15px no-repeat;
	text-align: left;
}


#navzone {
	height: 25px;
	background-color: #276742;
	border-top: 1px solid #7da358;
	border-bottom: 1px solid #7da358;
}
#nav {
	height: 25px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}


#bodyzone {
	background: url(img/bg-bodyzone.jpg) 0 3px repeat-x;
}
#body {
	width: 800px;
	margin: 0 auto;
	background: url(img/bg-body.jpg) 0 3px repeat-x;
	text-align: left;
}
#bodyhome {
	width: 800px;
	margin: 0 auto;
	background: url(img/home-bg.jpg) 0 3px no-repeat;
	text-align: left;
}

#bodytop-home {
	height: 63px;
	width: 800px;
	margin: 0;
	background: url(img/logo-2.gif) 0 -3px no-repeat;
	overflow: hidden;
}

#bodytop {
	height: 63px;
	width: 800px;
	margin: 0;
	background: url(img/bg-body-top.png) 0 0 no-repeat;
	overflow: hidden;
}

#bodytop p {
	padding: 4px 0 0 300px;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	color: #c55734;
}

#homecolumn {
	background: #fff url(img/homecolumn-bg.jpg) 100% 0 repeat-y;
	width: 500px;
	margin: 0;
	float: right;
}

#column1 {
	width: 300px;
	margin: 0;
	float: left;
}
#column2 {
	width: 200px;
	margin: 0;
	float: left;
}
#column3 {
	width: 300px;
	margin: 0;
	float: right;
}

#footerzone {
	height: 145px;
	background: url(img/bg-footerzone.jpg) 0 3px repeat-x;
}
#footer {
	height: 145px;
	width: 800px;
	margin: 0 auto;
	padding: 6px 0 0 0;
	text-align: left;
}

#footer p {
	padding: 2px 0 0 20px;
	margin: 0;
	border-top: 1px dotted #fff;
	color: #C0B88C;
}


/* Navigation One
------------------------------------------------------------ */


#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(none);
}

#nav li a, #nav li a:visited {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(img/nav.gif);
	outline: none;
	height: 25px;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
}

#nav li a:hover {
	display: block;
	text-decoration: none;
	border-bottom: none;
	background-color: #7da358;
}


#nav li.home a, #nav li.home a:visited {
	width: 80px;
	background-position: 50% 0;
}
#nav li.about a, #nav li.about a:visited {
	width: 110px;
	background-position: 50% -25px;
}
#nav li.working a, #nav li.working a:visited {
	width: 180px;
	background-position: 50% -50px;
}
#nav li.products a, #nav li.products a:visited {
	width: 110px;
	background-position: 50% -75px;
}
#nav li.vendors a, #nav li.vendors a:visited {
	width: 110px;
	background-position: 50% -100px;
}
#nav li.contact a, #nav li.contact a:visited {
	width: 110px;
	background-position: 50% -125px;
}
#nav li.sitemap a, #nav li.sitemap a:visited {
	width: 100px;
	background-position: 50% -150px;
}



#nav li.home a:hover, #nav li.home a#active {
	width: 80px;
	background-position: 50% -200px;
}
#nav li.about a:hover, #nav li.about a#active {
	width: 110px;
	background-position: 50% -225px;
}
#nav li.working a:hover, #nav li.working a#active {
	width: 180px;
	background-position: 50% -250px;
}
#nav li.products a:hover, #nav li.products a#active {
	width: 110px;
	background-position: 50% -275px;
}
#nav li.vendors a:hover, #nav li.vendors a#active {
	width: 110px;
	background-position: 50% -300px;
}
#nav li.contact a:hover, #nav li.contact a#active {
	width: 110px;
	background-position: 50% -325px;
}
#nav li.sitemap a:hover, #nav li.sitemap a#active {
	width: 100px;
	background-position: 50% -350px;
}




/* Navigation Two
------------------------------------------------------------ */

#nav2 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	width: 200px;
	background: url(img/bg-n2.gif) 0 100% no-repeat;
}


#nav2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
}

#nav2 li {
	display: inline;
	margin: 0;
	padding: 0;
	background: url(none);
}

#nav2 li a, #nav2 li a:visited {
	display: block;
	margin: 0;
	padding: 3px 20px;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#nav2 li a:hover, #nav2 li a#active2 {
	background-color: #276742;
}

a.nav2head, a:visited.nav2head {
	padding: 0;
	text-decoration: none;
	border-bottom: 0;
}
a:hover.nav2head {
	padding: 0;
	text-decoration: none;
	border-bottom: 0;
	background-color: #276742;
}

/*- Contact Form --------------------------- */ 	


#contact-us {
	margin: 0;
	padding: 0;
}
#contact-form {
	margin: 0;
	padding: 0;
	text-align: left;
}
#contact-form input {
	font-size: 0.85em;
	width: 250px;
	margin: 0 0 5px 0;
	padding: 2px;
	border: #BE7833 solid 1px;
}
#contact-form textarea {
	font-size: 1em;
	width: 250px;
	margin: 0 0 5px 0;
	padding: 2px;
	border: #BE7833 solid 1px;
}
#contact-form input#submit, #contact-form input#reset {
	width: 80px;
	margin: 0 20px 0 0;
	padding: 0;
	height: 20px;
}