body {
padding: 0;
margin: 0 auto;
text-align: center;
background: #555 url(img/bg.jpg) top center repeat-x;
font-family: Arial, Verdana, sans-serif;
font-size: small;
color: #333;
}

.displayNone {
	display: none;
}

.hidden {
	visibility: hidden;
	display: none;
}

a:link {
	color: #276047; 
	text-decoration: underline;
	}

a:visited {
	color: #276047; 
	text-decoration: underline;
	}
a:hover {
	color: #2d8b62;  
	text-decoration: underline;
	}
	
img {
border:0;
}

.clear { clear: both; }

#wrap {
width:800px;
height:100%;
margin:0 auto;
background: #f5f5f5 url(img/wrap_bg.gif) 100% center repeat-y;
}

#header {
position: relative;
width: 800px;
height: 106px;
margin: 20px auto 0 auto;
background: #fff url(img/header_bg.jpg) top center repeat-x;
text-align:left;
}

#header h1 {
width: 187px; height: 106px; margin: 0 0 0 28px; padding:0; text-indent: -10000px; font-size: 9px;
background: transparent url(img/logo.jpg) top center no-repeat;
}

#header h1 a {
width: 187px; height: 106px; margin: 0 0 0 28px; padding: 0; display: block; text-decoration: none;
}

#slogan {
position:absolute;
top:24px;
right:0;
width:453px;
height:44px;
background: transparent url(img/slogan.gif) top center no-repeat;
}

#navigation {
width: 800px;
height: 28px;
margin:0 auto;
background: #ccc url(img/nav_bg.gif) top center repeat-x;
border-bottom: 7px #000 solid;
}

h1 {
font: 24px Georgia, serif;
margin: 0;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #623272;
}

h1.title{
font: 26px Georgia, serif;
margin: 16px 0 12px 20px;
padding:0;
}

h2 {
font-family: Verdana, Arial, sans-serif;
margin: 10px 0 10px 0;
color: #bd8a55;
font-size: 16px;
}

h3 {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #623272;
margin:0;
padding:0;
}

h3 a:link, h3 a:visited {
  text-decoration: underline;
  color: #623272;
}

h4 {
  font: 15px Georgia, serif;
  font-weight: bold;
  color: #215a41;
  margin: 5px 0 0 20px;
  padding:0;  
}

h4.category {
  font: 12px Arial, Verdana, sans-serif;
  font-weight: bold;
  color:#fff;
  background-color: #215a41;
  margin: 10px;
  padding:3px;
}

h5 {
  font-size: 13px;
  margin: 3px;
  font-weight: bold;
}

#front_photo {
width: 800px;
height: 314px;
margin:0 auto;
border-bottom: 7px #000 solid;
background-color:#000;
}

#products_list {
width:800px;
height:32px;
background: #333 url(img/products_list.gif) top center no-repeat;
}

#breadcrumbs {
width:800px;
height:32px;
background: #2e694f url(img/breadcrumbs_bg.gif) top center repeat-x;
color:#eee;
}

#breadcrumbs a {
color:#fff;
}

#breadcrumbs p {
float:left;
margin:7px 0 0 19px;
padding:0;
}

#contentwrap {
background: transparent url(img/content_bg.gif) bottom center no-repeat;
margin: 0 auto;
width: 800px;
height:100%;
}

#maincontent {
float: left;
width: 486px;
height: auto;
text-align:left;
}

#maincontent p {
margin:0;
padding: 3px 15px 3px 20px;
line-height:1.3em;
}

#rightcolumn {
float: right;
width: 314px;
height:100%;
text-align: left;
color: #333;
background-color:#ddd;
margin: 0 0 35px 0;
}

#rightcolumn p {
font-size:11px;
padding: 2px 15px 2px 15px;
}

#rightcolumn h3 {
font: 16px Georgia, serif;
font-weight: bold;
color: #215a41;
margin: 2px 15px 0 15px;
padding:0;
}

#rightcolumn h3.top {
font: 18px Georgia, serif;
font-weight: bold;
margin: 15px 15px 0 15px;
padding:0;
}

.testimonial {
font-style:italic;
}

.customer {
float:right;
clear:right;
font-weight:bold;
}

.customer-locale {
float:right;
clear:right;
font-weight:normal;
}

.testimonial h4 {
font: 16px Georgia, serif;
font-weight: bold;
font-style:normal;
margin: 15px 15px 0 15px;
padding:0;
}

#rightcolumn h5 {
  font-size: 13px;
  margin: 3px;
  font-weight: bold;
  color: #215a41;
}

.rightcolphoto {
margin: 10px auto 10px auto;
border: 3px #276047 solid;
}

.sidemenu { float: left; clear: both; width: 314px; margin: 0 0 8px 0; padding: 0; background: #fff; list-style: none; }
.sidemenu li { margin: 0 0 2px 0; padding: 0; background: #fff; }
.sidemenu li a { display: block; width: 300px; padding: 3px 0 3px 10px; margin: 0; background: #c4c4c4 url("/images/background_menu.jpg") 0 0 repeat-x; border-left: 4px solid #245d44; text-decoration:none; }
.sidemenu li a:hover { color: #fff; border-left: 4px solid #373737; text-decoration: none; background: #777 url("/images/background_menu_active.jpg") 0 0 repeat-x; }
.sidemenu li a.active { color: #fff; border-left: 4px solid #373737; text-decoration: none; background: #444 url("/images/background_menu_active.jpg") 0 0 repeat-x; }
.sidemenu li ul { margin: 2px 0 2px 0; padding: 0; background: #fff url("/images/background_sub_fade.jpg") 0 0 repeat-x; }
.sidemenu li ul li { margin: 0; padding: 1px 0 1px 0; background: transparent url("/images/bullet.jpg") 12px 12px no-repeat; }
.sidemenu li ul li a { background: none; border: 0; width: 176px; padding: 7px 10px 7px 10px; margin: 0; }
.sidemenu li ul li a:hover { border: 0; background: transparent; color: #245F97; }
.sidemenu li ul li a.active { border: 0; background: transparent; color: #666; }

.sidemenu li li ul { margin: 0; padding: 0; background: transparent; width: 200px; }
.sidemenu li li ul li { width: auto; }
.sidemenu li li ul li a { width: auto; }

/* NEWS HEADLINES LIST */
ul.news {
	background-color:transparent;
	margin:-12px 15px 0 18px;
	padding:0;
	list-style-type: none;
}

ul.news li { font-size: 11px;
	background-image: url('img/li_greendot.gif');
	background-position: 0px 5px; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 13px;
	line-height: 14px;
	margin:0 0 5px 0;
	}
	
ul.news li a {
	color:#333;
	}
	
ul.news li a:hover {
	color:#276047;
	}
	
/* FAQ LIST */	
ul.faq {
	background-color:transparent;
	margin:5px 15px 15px 18px;
	padding:0;
	list-style-type: none;
}

ul.faq li { font-size: 11px;
	background-image: url('img/li_greendot.gif');
	background-position: 0px 5px; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 13px;
	line-height: 14px;
	margin:0 0 5px 0;
	}
	
ul.faq li a {
	color:#333;
	}
	
ul.faq li a:hover {
	color:#276047;
	}
	
/* NORMAL/RESOURCES LIST */
ul.normallist {
	background-color:transparent;
	margin:0 15px 0 22px;
	padding:0;
	list-style-type: none;
}

ul.normallist li { font-size: 11px;
	background-image: url('img/li_greendot.gif');
	background-position: 0px 5px; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 13px;
	line-height: 14px;
	margin:0 0 5px 0;
	}
	
ul.normallist li a {
	color:#333;
	}
	
ul.normallist li a:hover {
	color:#276047;
	}	

#subheader h1{
padding: 0px;
margin:0;
height:100px;
width:800px;
/* Default image. More defined below */
background-image: url("");
background-position: 0 0;
background-repeat: no-repeat;
border-bottom: 7px #000 solid;
}

html>body #subheader h1{
width:800px;
height: 100px;
background-color:#ccc;
}

/* specify new images for different pages Look for different ids on body tag */
#aboutpage #subheader h1{ margin: 0; background-image: url("img/subheader_photo1.jpg"); }
#productspage #subheader h1{ margin: 0; background-image: url("img/subheader_photo1.jpg"); }
#gallerypage #subheader h1{ margin: 0; background-image: url("img/subheader_photo9.jpg"); }
#marblegranitepage #subheader h1{ margin: 0; background-image: url("img/subheader_photo4.jpg"); }
#bathspaspage #subheader h1{ margin: 0; background-image: url("img/subheader_photo5.jpg"); }
#livingareaspage #subheader h1{ margin: 0; background-image: url("img/subheader_photo6.jpg"); }
#kitchenspage #subheader h1{ margin: 0; background-image: url("img/subheader_photo8.jpg"); }
#resourcespage #subheader h1{ margin: 0; background-image: url("img/subheader_photo7.jpg"); }
#faqpage #subheader h1{ margin: 0; background-image: url("img/subheader_photo2.jpg"); }
#newspage #subheader h1{ margin: 0; background-image: url("img/subheader_photo2.jpg"); }
#contactpage #subheader h1{ margin: 0; background-image: url("img/subheader_photo3.jpg"); }

#welcome {
clear: both;
width: 787px;
height: 71px;
background: transparent url(img/welcome.gif) top center no-repeat;
border-top: 5px #4d4444 solid;
}

#bottom_photo {
clear: both;
width: 787px;
height: 105px;
background-color: #c8c286;
border-top: 5px #4d4444 solid;
border-bottom: 5px #4d4444 solid;
}

.bottom_photo {
float: left;
border-right: 5px #4d4444 solid;
}

.separator {
	margin: 10px 0 10px 0;
	padding: 5px 0px 5px 0px;
	border-bottom: 2px #4d4444 solid;
	width: 95%;
}

.singleRule {
	border-bottom: 2px #ccc dotted;
	height: 2px;
	margin: 5px 10px 5px 10px;
}

.singleRule2 {
	border-bottom: 2px #777 dotted;
	height: 2px;
	margin: 5px 10px 10px 10px;
}

.callout {
	margin: 6px 0 3px 20px;
	padding: 0px 0px 6px 0px;
	float:left;
	width:430px;
	border-bottom:1px #ccc solid;
	}
	
.callout p {
	margin:2px;
	padding: 0px;
	font-size:11px;
	}	

.callout img {
	width: 150px;
	float:left;
	margin-right: 10px;
	border: 3px #4d4444 solid;
	}
	
.callout a {
	width: auto;
	padding: 0;
	}	

.callout h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;
color: #bd8a55;
margin: 0px;
	}

.callout h2 a {
text-decoration: underline;
}	

	
.button_left {
float: left;
margin: 2px 5px 0 0;
}	
	
form {
margin: 0;
padding:0;
}

.formstyle {
margin: 0 0 0 15px;
padding:0;
}

.newstable {
margin: 0 0 0 15px;
padding:0;
}
	
.thumbnail {
float: left;
border: 2px #333 solid;
margin: 3px 6px 3px 0px;
}

#bottombar {
clear:both;
height:68px;
width:800px;
margin:0 auto;
background: #f5f5f5 url(img/logo_sm.gif) top right no-repeat;
}

#bottombar h4 {
float:right;width: 124px; height: 68px; margin: 0; padding:0; text-indent: -10000px; font-size: 9px;
}

#bottombar h4 a {
float:right;width: 124px; height: 68px; margin: 0; padding: 0; display: block; text-decoration: none;
}

#footer {
	width: 800px;
	height: 65px;
	margin: 0 auto;
	clear: both;
	padding: 0px;
	font-size: 11px;
	line-height: 13px;
	color: #8c8c8c;
	background-color:#555;
}

#footer p.address {
	float: left;
	text-align: left;
	color: #ccc;
	margin: 10px 0 0 14px;
}

#footer p.copyright {
	float: right;
	text-align: right;
	margin: 10px 14px 0 0;
}

#footer a:link, #footer a:visited { 
	color: #9c9c9c;
	text-decoration: none;
}

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	text-align: center;
}

.photo-right {
float: right;
margin: 0px 0px 15px 20px;
border: 5px #4d4444 solid;
}