@charset "utf-8";
/* CSS Document */

body {
	padding:0px;
	margin:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/website/top-bg.jpg) top left repeat-x;
}

p {
	padding:0px;
	margin:0px;
	
	line-height:20px;
	font-size:12px;
	color:#656565;
}

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

a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
}

h1 {
	padding:4px 0px;
	margin:0px;
	
	font-weight:normal;
	color:#D77107;
	font-size:20px;
}

h2 {
	padding:4px 0px;
	margin:0px;
	
	font-weight:bold;
	color:#333333;
	font-size:14px;
}

h3 {
}

strong {
	color:#000;
}

#container {
	width:960px;
	
	padding:0px 0px 20px 0px;
	margin:0px auto;
}

#top {
	width:960px;
	height:84px;
	
	padding:0px;
	margin:0px;
}

.logo {
	float:left;
}

#nav {
	height:57px;
	
	padding:0px;
	margin:0px;
	
	float:right;
}

#nav ul {
	padding:0px;
	margin:0px;
}

#nav ul li {
	padding:0px;
	margin:0px;
	
	list-style:none;
	float:left;
	
	background:url(../images/website/menu-spacer.jpg) left no-repeat;
}

#nav ul li a {
	height:30px;
	
	padding:27px 10px 0px 10px;
	margin:0px;
	
	display:block;
	float:left;
	
	text-decoration:none;
	font-size:14px;
	color:#FFF;
}

#nav ul li a:hover,
#nav ul li a.active {
	background:url(../images/website/menu-bg-active.jpg) bottom center no-repeat;
}

#topcontent {
	width:960px;
	height:85px;
	
	padding:20px 0px 0px 0px;
	margin:0px;
	
	background:url(../images/website/topcontent-bg.png) bottom center no-repeat;
}

#topcontent #content1 {
	width:445px;
	
	padding:0px 20px 10px 0px;
	margin:0px;
	
	overflow:hidden;
	
	float:left;
}

#extracontent {
	width:960px;
	
	padding:20px 0px 0px 0px;
	margin:0px;
}

#topcontent #content2 {
	width:227px;
	height:75px;
	
	padding:0px 10px 10px 10px;
	margin:0px;
	
	overflow:hidden;
	
	float:left;
}

#topcontent #content3 {
	width:237px;
	height:75px;
	
	padding:0px 0px 10px 10px;
	margin:0px;
	
	overflow:hidden;
	
	float:left;
}

#topcontent #content3 .letter {
	padding:10px 20px 0px 0px;
	margin:0px;
	float:right;
}

#panels {
	width:960px;
	
	padding:20px 0px 0px 0px;
	margin:0px;
}

.panel {
	width:223px;
	height:386px;
	
	padding:21px 0px 0px 8px;
	margin:0px 12px 0px 0px;
	
	background:url(../images/website/panel-bg.png) top center no-repeat;
	
	float:left;
}

.last-panel {
	margin:0px;
}

.panel a.cta,
.panel a:active.cta {
	height:35px;
	
	padding:17px 0px 0px 15px;
	margin:0px;
	
	display:block;
	
	font-size:16px;
	color:#FFF;
}

#bottomcontent-container {
	padding:0px;
	margin:0px;
	
	background:#000 url(../images/website/bottomcontent-bg.jpg) top left repeat-x;
}

#bottomcontent {
	width:960px;

	padding:20px 0px;
	margin:0px auto;
}

#bottomcontent .left {
	width:480px;
	
	padding:0px;
	margin:0px;
	
	float:left;
	
	background:url(../images/website/bottomcontent-spacer.jpg) bottom right no-repeat;
}

#bottomcontent .left2 {
	width:470px;
	padding:0px 0px 0px 10px;
	background:none;
}

#bottomcontent .left .image {
	width:470px;
	height:224px;
	
	padding:5px 0px 0px 0px;
	margin:0px;
	
	background:url(../images/website/img-shadow.png) bottom center no-repeat;
	
	text-align:center;
}

#bottomcontent .left .image img {
	border:#fff 7px solid;
}

#bottomcontent .left .left-column {
	width:220px;
	
	padding:0px;
	margin:0px;
	
	float:left;
}

#bottomcontent .left .right-column {
	width:255px;
	
	padding:0px 5px 0px 0px;
	margin:0px;
	
	float:right;
}

#bottomcontent .left2 .right-column {
	width:245px;
}

#bottomcontent .left strong {
	font-size:15px;
	color:#B18B41;
}

#bottomcontent .left p {
	color:#fff;
	line-height:18px;
}

.button {
	width:164px;
	height:38px;
	
	padding:0px;
	margin:10px 0px 0px 0px;
	
	background:url(../images/website/button-bg.png) top left no-repeat;

	float:left;
}

.button a,
.button a:visited,
.button a:active {
	width:154px;
	height:31px;
	
	padding:7px 0px 0px 10px;
	margin:0px;
	
	font-size:16px;
	color:#FFF;
	display:block;
}

.button a:hover {
	text-decoration:none;
}

.button2 {
	float:right;
}

#footer-container {
	padding:0px 0px 20px 0px;
	margin:0px;
	
	background:#000;
}

#footer {
	width:960px;
	
	padding:0px;
	margin:0px auto;
	
	color:#fff;
	font-size:11px;
}

#footer a {
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer #breadcrumbs {
	width:960px;
	
	padding:20px 0px;
	margin:0px;
	
	border-bottom:#2F2F2F 1px solid;
}

#footer #links {
	padding:20px 0px;
	margin:0px;
	
	float:left;
}

#footer #ec {
	padding:20px 0px;
	margin:0px;
	
	float:right;
}


/* ##### SUB PAGE SPECIFIC ##### */

body#subpage {
	background:url(../images/website/top-bg2.jpg) top left repeat-x;
}

body#subpage #topcontent2 {
	width:955px;
	height:255px;
	
	padding:34px 0px 19px 5px;
	margin:0px;
	
	background:url(../images/website/bnr-bg.jpg) center 15px no-repeat;
}

body#subpage #breadcrumb {
	width:960px;
	height:25px;
	
	padding:10px 0px 0px 0px;
	margin:0px;
	
	color:#D77107;
	font-size:12px;
	font-weight:bold;
	
	border-bottom:#EBEBEB 1px solid;
}

body#subpage #breadcrumb a {
	color:#000;
	font-size:12px;
	font-weight:bold;
}

body#subpage #breadcrumb span.phone {
	float:right;
	color:#777;
	font-size:20px;
	font-weight:bold;
}

body#subpage #breadcrumb span.phone strong {
	color:#000;
	font-weight:bold;
}

body#subpage #content {
	width:960px;
	
	padding:10px 0px 0px 0px;
	margin:0px;
	
	background:url(../images/website/content-bg.jpg) 466px top repeat-y
}

body#subpage #content ul {
}

body#subpage #content ul li {
	padding:0px;
	margin:0px;
	
	list-style:square;
	line-height:22px;
	font-size:12px;
}

body#subpage #content.natural-stone {
	background:none;
}

body#subpage #content #left-column {
	width:466px;
	
	padding:0px;
	margin:0px;
	
	float:left;
}

body#subpage #content #right-column {
	width:470px;
	
	padding:0px;
	margin:0px;
	
	float:right;
}

.column {
	width:190px;
	
	padding:0px 0px 0px 20px;
	margin:0px;
	
	float:left;
}

.column p  {	
	color:#CB6500;
}

.item {
	width:446px;
	
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	
	border-top:#EBEBEB 1px solid;
}

.item img {
	float:left;
	
	padding:5px 10px 10px 0px;
	margin:0px;
}

.product {
	width:176px;
	height:200px;
	
	padding:0px 50px 10px 0px;
	margin:0px;
	
	float:left;
	
	font-size:12px;
	color:#D77107;
	font-weight:bold;
	line-height:25px;
}

.product-img {
	width:176px;
	height:168px;
	
	padding:8px 0px 0px 0px;
	margin:0px;
	
	background:url(../images/website/img-bg.jpg) top center no-repeat;
	
	text-align:center;
}

.button3 {
	margin:10px 60px 0px 0px;
}

.natural-stone-product2 {
	padding:20px 10px 10px 10px;
	margin:0px 0px 20px 0px;
	
	border-top:#EBEBEB 1px solid;
}

.natural-stone-product {
	padding:20px 10px 10px 10px;
	margin:0px 0px 20px 0px;
	
	border-top:#E0E0E0 1px solid;
	background:#F3F3F3;
}

.natural-stone-product p.title,
.natural-stone-product2 p.title {
	padding:0px 0px 10px 0px;
	margin:0px;
	
	font-size:16px;
	font-weight:bold;
	color:#000;
}

.natural-stone-product .img,
.natural-stone-product2 .img {
	padding:0px 0px 10px 10px;
	margin:0px;
	
	float:right;
}

.product-image {
	padding:0px 0px 20px 20px;
	margin:0px;
	
	float:right;
	
	font-size:10px;
	line-height:20px;
	text-align:center;
	color:#666;
}

.img-specialoffer {
	padding:0px 20px 10px 0px;
	margin:0px;
	
	float:left;
}

#contact-form {
	padding:0px;
	margin:0px;
	
	font-size:12px;
	font-weight:bold;
}

.field {
	padding:5px 0px;
	margin:0px;
}

.field-validation {
	padding:0px 0px 10px 0px;
	margin:0px;
	color:#C00;
}

.field input {
	background:#EBEBEB;
	color:#333;
	border:#666 1px solid;
}

.field input:focus {
	background:#FDDFC1;
	color:#333;
	border:#666 1px solid;
}

.field textarea {
	background:#EBEBEB;
	color:#333;
	border:#666 1px solid;
}

.field textarea:focus {
	background:#FDDFC1;
	color:#333;
	border:#666 1px solid;
}

.field input.submit {
	background:#EBEBEB;
	color:#000;
	border:#000 1px solid;
}

.field input.submit:focus {
	background:#FDDFC1;
	color:#000;
	border:#000 1px solid;
}

#left-column #map {
	width:455px;
	height:300px;
	
	padding:0px;
	margin:0px;
	
	float:left;
	
	border:#333 1px solid;
}

#results {
	padding:20px 0px 20px 20px;
	margin:0px;
}