/* CSS for Granite for Less */

* {

	margin: 0;

	padding: 0;

}

body {

	text-align: center;

  font: 62.5% Trebuchet MS, Arial, sans-serif;

	background: url('/images/bg-body.gif') center repeat-y;

}



a, a:link { color: #035c42; text-decoration: underline; }

a:hover { text-decoration: none; }



h1 {

	margin: 0 0 10px 0;

	padding: 0;

	color: #035c42;

	font-size: 1.8em;

	font-weight: normal;

	line-height: normal;

}

h2 {

	margin: 0 0 10px 0;

	padding: 0;

	color: #1f1a17;

	font-size: 1.4em;

	line-height: normal;

}

h3 {

	margin: 0 0 10px 0;

	padding: 0;

	color: #500f06;

	font-size: 1.2em;

	line-height: normal;

}



table { border-collapse: collapse; } /* Removes all padding and spacing from table cells */

input, select { padding: 2px; }

ul, ol { margin: 10px 0 10px 35px; line-height: normal; }

li { margin: 0 0 15px 0; }

p { margin: 0 0 15px 0; padding: 0; }



blockquote {

	font-style: italic;

	line-height: normal;

	padding: 10px 10px 0 10px;

	margin: 20px 0 5px 0;

	border: 1px solid #CCCCCC;

	background-color: #EEEEEE;

}

blockquote .t-r { font-weight: bold; font-style: normal; }



.l { float: left; }

.r { float: right; }

.clear { clear: both; }

.clear-l { clear: left; }

.clear-r { clear: right; }



.b { font-weight: bold; }

.u { text-decoration: underline; }

.i { font-style: italic; }

.small { font-size: .79em; }

.large { font-size: 1.2em; }

.t-c { text-align: center; }

.t-r { text-align: right; }

.t-l { text-align: left; }

.lh-0 { line-height: normal; }



img { border: 0; }

img.l { margin: 0 10px 0 0; }

img.r { margin: 0 0 0 10px; }



.green { color: #035c42; }

.tan { color: #c9c092; }

.brown { color: #1f1a17; }

.red { color: #500f06; }

.gray, .grey { color: #666666; }



.email_confirm, /* Directions on how to use this are in the formail */

.hide,

.hideme { display: none; }



#wrap {

	width: 942px;

	margin: 0 auto;

	text-align: center;

}

#shadow-padding { padding: 0 11px 0 11px; }



#header {

	height: 134px;

	text-align: left;

	color: #FFFFFF;

	background: url('/images/bg-header.jpg') top left repeat-x #5e927f;

}

#header .r {

	margin: 17px 23px 0 0;

	font-size: 1.8em;

	font-weight: normal;

	text-align: right;

  line-height: 1.6em;

}

#header .r a { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #9dbfb4; }

#header .r a:hover { border-bottom: 0; }



#logo { 

	position: absolute;

	margin: 13px 0 0 10px;

	z-index: 500;

}



#nav {

	position: absolute;

	z-index: 999;

	font-size: 1.5em;

	margin: 113px 0 0 204px;

	font-family: Arial, Helvetica, sans-serif;

}

#nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

}



#nav li { /* all list items */

	float: left;

	margin: 0;

	padding: 0;

	width: auto; /* width needed or else Opera goes nuts */

}

#nav a {

	display: block;

	margin: 0;

	padding: 0 10px 4px 10px;

	width: auto;

	color: #FFFFFF;

	text-decoration: none;

}

#nav a:hover { color: #81aa9b; }



#nav li.last, #nav li.last a { padding-right: 0; margin-right: 0; }



#nav li ul { /* second-level lists */

	position: absolute;

	background: #063326;

	width: 150px;

	left: -999em;

	z-index: 999;

}

#nav li ul li { 

	margin: 0;

	padding: 0;

	width: 150px;

}

#nav li ul li a {

	margin: 0;

	padding: 4px 10px 4px 10px;

}

#nav li ul li a:hover { color: #063326; background-color: #6a9e8d; }



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { /* lists nested under hovered list items */

	left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

}



#body {

	clear: both;

	text-align: left;

	color: #221917;

	border: 10px solid #FFFFFF; 

}



#home-top {

	float: left;

	width: 330px;

}



#specials h2

{

	margin: 0;

	padding: 0px 0 5px 0; 

	color: #035c42; 

	text-transform: uppercase; 

	font-size: 1.8em; 

	font-weight: normal;

}

#color-comparison h2,

#testimonials h2 {

	margin: 0;

	padding: 0px 0 5px 0; 

	color: #FFFFFF; 

	text-transform: uppercase; 

	font-size: 1.8em; 

	font-weight: normal;

}



#specials .padding,

#color-comparison .padding { padding: 5px; }

#testimonials .padding { padding: 10px; }

#specials {

	float: left;

	width: 100%;

	padding-bottom: 5px;
	
	margin-bottom: 10px;

	border: 1px solid #c9c092;

	background-color: #e4dfc8; 

}

	#specials #cabinets,

	#specials #granite {

		float: left;

		display: block;

		width: 150px;

		height: 73px;

		border: 3px solid #7EA798;

	}
	
	#specials #counters,

	 {

		float: left;

		display: block;

		width: 150px;

		height: 73px;

		border: 3px solid #FFFFFF;

	}

	#specials #counters { background: url('/images/left-counters.jpg') top left no-repeat; margin-right: 5px; }

	#specials #cabinets { background: url('/images/left-cabinets.jpg') top left no-repeat; }

	#specials #granite { background: url('/images/left-granite.jpg') top left no-repeat; margin-right: 5px; }

	

	#specials #counters:hover,

	{ border-color: #1f1a17; }

	#specials #cabinets:hover,

	#specials #granite:hover { border-color: #035c42; }

	

	#specials #counters a,

	#specials #cabinets a,

	#specials #granite a { 

		display: block; 

		height: 73px;

		color: #FFFFFF; 

		font-size: 1.4em;

		text-decoration: none;

	}

	#specials #counters a span,

	#specials #cabinets a span,

	#specials #granite a span {

		display: block;  

		padding: 3px 0 3px 5px;

		background: url('/images/black-90.png') top left; 

	}

	#specials #counters a:hover span,

	#specials #cabinets a:hover span,

	#specials #granite a:hover span { background: none; background-color: #1f1a17; }



#color-comparison { 

	clear: both; 

	height: 183px;

	background-color: #c9c092; 

}

#color-comparison img.l { 

	float: left; 

	margin: 0; 

	border: 3px solid #FFFFFF; 

} 



#color-comparison .text {

	float: left;

	width: 120px;

}

#color-comparison a.view { 

	display: block;

	height: 22px;

	margin: 5px 0 5px 0;

	padding: 5px 0 0 10px;

	color: #FFFFFF;

	font-size: 1.2em;

	text-decoration: none;

	background: url('/images/rounded-block.gif') top right no-repeat;

}

#color-comparison a:hover { color: #7ea798; }

#color-comparison .text p { 

	margin: 0;

	padding: 0 0 0 10px;

	line-height: 1.3em; 

}



#testimonials {

	float: left;

	width: 100%;

	border-bottom: 10px solid #FFFFFF;

	background-color: #c9c092; 

}

#testimonials p { padding: 5px 0 0 0; margin: 0; }

#testimonials hr { border: 0; border-bottom: 1px solid #FFFFFF; padding: 10px 0 0 0; margin: 0 0 5px 0; }



#flash { 

  margin-left: 10px;

  float: left; 

  width: 559px;

  height: 310px;

  overflow: hidden;

}

#slideshow { }

#captions {

  width: 539px;

  margin: 245px 0 0 0;

  padding: 10px;

  text-align: left;

  position: absolute;

  z-index: 10;

	background: url('/images/black-90.png') top left;

  color: #FFFFFF;

  font-size: 1.8em;

  /*

  font-weight: bold;

  font-family: Georgia, Times, serif;

  */

  text-shadow: 1px 1px #000000;

}



#home-bottom { clear: both; }



#home-request-estimate { 

	float: left;

	margin: -37px 0 0 0;

}

#request-estimate {   }

	#request-estimate-top { 

		width: 206px;

		height: 6px;

    overflow: hidden;

    position: relative;

    z-index: 50;

		background: url('/images/bg-green-top.png') bottom left no-repeat;

	}

	#request-estimate-body {

		width: 206px;

		text-align: center;

		background: url('/images/bg-green-body.gif') bottom left no-repeat;

	}

  #interior-left #request-estimate-body { background-image: url('/images/bg-green-body-alt.gif'); }

  

	#request-estimate-body h2 { 

		text-align: left; 

		color: #FFFFFF;

		font-weight: normal;

		font-size: 1.6em;

		margin: 0;

		padding: 0 0 10px 10px;

	}

	#request-estimate-body form input { 

		border: 0; 

		width: 165px;

		font-size: 1em;

		border: 2px solid #FFFFFF;

		margin: 0 0 20px 0; 

	}

	#request-estimate-body form input.submit { border: 0; width: 169px; height: 27px; }





#home-bottom #bwm-copy { 

	float: left;

	width: 405px;

	font-size: 1.5em;

}

#home-bottom #bwm-copy .padding { 

	padding: 20px 20px 0 20px;

}



#home-bottom #locations {

	float: left;

	width: 288px;

}

	#locations h2 {

		margin: 0;

		padding: 10px 5px 10px 15px;

		font-size: 2.2em;

		font-weight: normal;

		color: #FFFFFF;

		background: url('/images/bg-gold.gif') bottom left repeat-x #c8bf91; 

	}

	#locations a { text-decoration: none; }

	#home-bottom #locations h2 a { 

		display: block;

		float: right;

		width: 100px;

		font-size: 10px;

		color: #FFFFFF;

		text-decoration: none;

	}

	#home-bottom #locations .padding {

		padding: 25px 0 0 15px;

		min-height: 145px;

		background: url('/images/bg-corner-gradient.gif') top left no-repeat; 

	}

	#home-bottom #locations .location {

		float: left;

		width: 130px;

		margin: 0 0 25px 0;

		font-size: 1.4em;

	}

	

#banner {

	width: 100%;

	height: 188px;

	background-position: top right;

	background-repeat: no-repeat;

}

.interior { background-image: url('/images/interior-banners/1.jpg'); }

.interior-1 { background-image: url('/images/interior-banners/1.jpg'); }

.interior-2 { background-image: url('/images/interior-banners/2.jpg'); }

.interior-3 { background-image: url('/images/interior-banners/3.jpg'); }

.interior-4 { background-image: url('/images/interior-banners/4.jpg'); }

.interior-5 { background-image: url('/images/interior-banners/5.jpg'); }

.interior-6 { background-image: url('/images/interior-banners/6.jpg'); }

.interior-7 { background-image: url('/images/interior-banners/7.jpg'); }



#interior-left {

	float: left;

	width: 206px;

	margin-top: -188px;

	background: url('/images/bg-left-corner-gradient.gif') bottom right no-repeat; 

}

#gallery-page #interior-left { margin-top: 0; }



#interior-left #locations {

	padding: 0;

}

#interior-left #locations h2 {

	/*color: #035c42;*/

  color: #FFFFFF;

	font-size: 1.7em;

	margin: 0 0 10px 0;

	text-transform: uppercase;

	font-weight: normal;

		background: url('/images/bg-gold-interior.gif') bottom left repeat-x #c8bf91; 

}

#interior-left #locations h2 a { display: none; }

#interior-left #locations .location { font-size: 1.4em; line-height: 1.2em; margin: 0 0 10px 25px; }

#interior-left #locations .location strong { font-size: 1.1em; line-height: 1.4em; }

#interior-left #locations .location strong.small{ font-size: .79em; line-height: 1.4em; }



#interior-content {

	float: left;

	width: 360px;

}

#gallery-content {

	float: left;

	width: 693px;

}

#interior-content #bwm-copy,

#gallery-content #bwm-copy {

	padding: 20px;

	color: #666666;

	line-height: 2em;

	font-size: 1.1em;

}



#interior-right {

	float: left;

	width: 333px;

	margin-top: 10px;

}

#interior-right #specials { padding-bottom: 8px; }

#interior-right #specials .padding { padding: 8px; }



#gallery { 

	color: #666666;

	font-size: 1.1em;

	padding: 0 10px 0 20px

}

#gallery .images { margin-left: 10px; }

#gallery a img { border: 2px solid #838280; margin: 13px; width: 39px; height: 39px; }

#gallery a:hover img { border: 2px solid #333333; }



#main-gallery { }

#main-gallery .main-gallery-image { float: left; width: 65px; height: 65px; }

#main-gallery a {

  display: block;

  width: 50px;

  height: 50px;

  overflow: hidden;

  text-align: center;

  border: 2px solid #838280; 

}

#main-gallery a img { }

#main-gallery a:hover { border: 2px solid #333333; }



#footer {

	clear: both;

	height: 36px;

	padding: 0 23px 0 23px;

	color: #FFFFFF;

	font-size: 1.2em;

	background-color: #063226;

}

#footer .r { padding-top: 10px; }



#footer-nav ul {

	margin: 0;

	padding: 10px 0 0 0;

	list-style-type: none;

}

#footer-nav ul li {

	float: left;

	margin: 0 6px 0 0;

	padding: 0 6px 0 0;

	border-right: 1px solid #FFFFFF;

}

#footer-nav ul li a {

	display: block;

	margin: 0; 

	padding: 0;

	color: #FFFFFF;

	text-decoration: none;

}

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

#footer-nav ul li.last { border: 0; margin: 0; padding: 0; }

#footer-nav ul li ul { display: none; }



#members-of {

	border-top: 5px solid #FFFFFF;

	border-bottom: 10px solid #FFFFFF;

  padding-left: 23px;

  font-size: 1.2em;

  text-align: left;

}

#members-of img { margin: 5px 15px 0 0; }



#copyright { 

	text-align: right;

	padding-right: 23px; 

	color: #8f8c8b;

	font-size: 1.2em;

	border-top: 5px solid #FFFFFF;

	border-bottom: 10px solid #FFFFFF;

}

#copyright a { color: #8f8c8b; text-decoration: none; }

#copyright a:hover { color: #4c8fcd; text-decoration: underline; }



#contact-form label {

	font-weight: bold;

	display: block;

}



#contact-form input,

#contact-form select,

#contact-form textarea {

	margin: 0 0 10px 0;

	font-size: 1.1em;

	color: #035c42;

	font-family: Arial, Helvetica, sans-serif;

	border: 1px solid #666666;

}

#contact-form input { width: 200px; }

#contact-form textarea { width: 315px; height: 75px; }



#contact-form input.submit {

	width: 100px; 

	height: 27px;

	border: 0;

	color: #FFFFFF;

	font-weight: bold;

	background: url('/images/button.gif') top left no-repeat;

}



.gallery-tile {

	float: left;

	display: inline;

	width: 205px;

	height: 145px;

	margin: 0;

	padding: 5px;

	text-align: left;

	line-height: normal;

}

.gallery-tile:hover { background: #EEEEEE; }

.gallery-tile img { margin: 0 0 4px 0; }

.gallery-tile a.information { }

.gallery-tile a.slab { }

.gallery-tile a img { border: 0; }

.gallery-tile h3 { margin: 0; padding: 0; }



#gallery-content h1 { text-transform: capitalize; }



#gallery-content dl { font-size: 1.1em; }

#gallery-content dd {

	clear: left;

	float: left; 

	width: 125px;

	font-weight: bold;

	color: #500f06;

}

#gallery-content dt { float: left; }



a.gallery-view-thumbnail { border: 8px solid #EEEEEE; }

a.gallery-view-thumbnail img { border: 1px solid #FFFFFF; }



#simple-gallery a.gallery-view-thumbnail img { border: 0; }

#simple-gallery .gallery-tile:hover { background: none; }



.special {

  float: left;

  display: inline;

  padding: 10px;

  margin: 0 15px 0 0;

  width: 170px;

  height: 230px;

  overflow: hidden;

  line-height: 1;

  border: 5px dashed #C9C092;

}

.special .title {

  font-size: 1.4em;

  font-weight: bold;

  color: #035c42;

  text-align: center;

  display: block;

  line-height: 1.2em; 

}

.special .includes { 

  font-size: 1.6em;

  line-height: 1;

  font-weight: bold; 

  text-align: center; 

  display: block;

  color: #C9C092;

  padding-top: 5px;

}

.special .plus { 

  font-size: 4em;

  line-height: 1;

  font-weight: bold; 

  text-align: center; 

  display: block;

  color: #C9C092;

}

 

.special ul {

  margin: 10px 0 10px 25px;

  padding: 0;

  line-height: 1;

}

.special li { 

  margin: 0;

  padding: 0 0 5px 0;

}  

.special .description { 

  font-weight: bold;

}

.special .description strong { font-size: 1.3em; }



.special .extra { 

  display: block;

  font-weight: bold;

  font-size: 1.2em;

  text-align: center; 

}



.fb { margin:20px 0 0 15px;}

/*#home-request-estimate h2 { margin:0 0 15px 17px; color:#fff; background:#035c42; display:block;}*/