body {
	color: #56534e;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	line-height: 15px;
	background-color: #677892;
	margin: 0; 
	padding: 0;
	text-align: center;
	min-width: 900px;  }
#wrapper {
	margin: 0 auto;
	width: 900px;
	text-align: left;		
	padding: 0; 
	background-color: #FFFFFF;  }


/* TOP SECTION  */
#header {
	width: 900px;
	height: 93px;
	padding: 0px; }
#header img {
	border: 0;
	height: 93px; }
#nav {
	width: 900px;
	height: 40px; }
#nav img {
	border: 0;
	width: 900px;
	height: 40px; }


	
/* START MAIN BODY  */
#body-wrapper {
	width: 900px;
	padding: 0; }
#body-left {
	width: 207px;
	vertical-align: top;
	background-color: #002d62; }
#body-main {
	width: 693px;
	vertical-align: top;	
	background-color: #d5d5ca;
	background: url('../media/bg-body.gif') repeat-y; }
p { padding: 0 35px 0 35px; }
div.margin {height: 15px; }

	
#top { 
	background: url('../media/bg-gold.gif') repeat-y; }	
#top p  {
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: bold;
	color: #002d62;	 }
#top div.bread {
	padding: 10px 0 0 35px;
	font-size: 13px;
	font-weight: bold;
	color: #c9b48e; }
#top div.bread span.sel {
	color: #FFFFFF; }
#sub-top {
	padding: 5px 0 0 35px;	}
#sub-top a {
	color: #a88850;
	font-weight: bold;
	text-decoration: none; }

h1 { 
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 35px;
	margin-top: 0;
	color: #001e41; }
h2 {
	font-size: 14px;
	color: #001e41;
	font-weight: bold; }
h2.trade {
	font-size: 14px;
	color: #001e41;
	font-weight: bold;
	padding-left: 35px;
	margin-bottom: 0; }
h2 a {
	font-size: 14px;
	color: #001e41;
	font-weight: bold;
	text-decoration: underline; }
h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0;
	color: #001e41; }


/* LEFT NAV  */
#left-nav {
	width: 207px;
	text-align: right;
	padding-top: 10px; }
#left-nav div {
	color: #FFFFFF;
	font-weight: bold;
	padding: 12px 28px 6px 0;
	border-bottom: 1px solid #a88850; }
#left-nav div.sub {
	padding: 3px 28px 1px 0;
	background-color: #6681a1;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px; }
#left-nav a {
	display: block;
	width: 100%;
	font-size: 13px;
	text-decoration: none;
	color: #a88850;
	font-weight: bold; }
#left-nav div.sub a {
	display: block;
	width: 100%; 
	color: #001e41; }  
#left-nav div.sub a.sel {
	color: #FFFFFF; 
	font-weight: normal; }
#left-nav div.sub a.selbold {
	color: #FFFFFF; }
#left-nav div.sub a.norm {
	font-weight: normal; }
span.norm {
	font-weight: normal;
	display: block; }
	
	
	
/* ROOF TILE, RESIDENTIAL PAGE PHOTO NAV  */	
#rooftile td, #residential td {
	color: #002d62;
	text-align: center;
	vertical-align: top; } 
#rooftile td.photo {
	width: 208px;
	background-color: #a88850; }
#residential td.photo {
	width: 154px;
	background-color: #a88850; }	
#rooftile td.space, #residential td.space  {
	width: 8px;  }
#rooftile td.first, #residential td.first {
	width: 35px; }
#rooftile td img {
	width: 208px;
	height: 218px; }
#residential td img {
	width: 154px;
	height: 218px; }
#rooftile td div, #residential td div {
	padding: 10px; }
#rooftile td a, #residential td a {
	color: #002d62;
	font-weight: bold;	
	text-decoration: none; }
#rooftile td span.title, #residential td span.title {
	font-weight: bold;
	color: #FFFFFF; }


	
	

	
/* DESC PAGES  */	
#desc {
	width: 693px; }
#desc td {
	vertical-align: top; }
td.desc-left a {
	color: #001e41;
	font-weight: bold; 
	text-decoration: none; }
td.desc-left ul {
	margin: 0 35px 0 35px !important;	margin: 0 35px 0 65px; }
td.desc-left a.subtitle {
	font-size: 14px;
	color: #001e41;
	font-weight: bold;
	text-decoration: underline; }	
#space-dot {
	width: 35px;
	background: url('../media/bg-desc.gif') repeat-y; }
td.desc-right {
	color: #001e41;
	padding-right: 35px;}
td.desc-right ul {
	margin-top: 0 ; }
td.desc-right a {
	color: #001e41;
	text-decoration: none; }
td.desc-right a.title {
	color: #a88850; }	
td.desc-right span.title {
	color: #a88850; }
td.desc-right p {
	padding: 0;
	margin: 0;
	margin-bottom: 0;
	color: #001e41;
	font-size: 9px; }
img.bord {
	border-color: #a88850; }
	
.divide {
	width: 166px;
	height: 7px;
	background: url('../media/bg-whtdot.gif') no-repeat; }
.whtdot {
	width: 282px;
	height: 21px;
	background: url('../media/bg-whtdot-21.gif') repeat-x; }
.whtdot-full {
	height: 21px;
	background: url('../media/bg-whtdot-21.gif') repeat-x; }

#thumbs td.left {
	vertical-align: top;
	padding: 0 22px 8px 0; }
#thumbs td.right {
	vertical-align: top;
	padding-bottom: 8px; }
#thumbs img {
	width: 130px; }
	
#rt-links {
	padding: 0 22px 8px 132px;
	text-align: center; }
#rt-links img {
	width: 150px;
	height: 150px; }
#rt-links a {
	color: #0000cc;
	text-decoration: underline;}
#rt-links a.pic {
	text-decoration: none; }
	
	
	
#specs td {
	vertical-align: top;
	padding: 3px 10px 0 0;
	border-bottom: 1px solid #56534e; }
#acc td {
	vertical-align: top;
	padding: 3px 5px 10px 0; }
#acc td img {
	width: 160px; }
#contact td {
	vertical-align: top;
	padding: 3px 5px 10px 0; }
#toc td {
	vertical-align: top;
	padding: 3px 0 0 0;
	border-bottom: 1px solid #56534e; }
#toc td.s1 { 
	padding-left: 20px;
	font-style: italic;}
#toc td.s2 {
	padding-left: 40px;
	font-style: italic;}
#toc td.rt {
	text-align: right;
	padding-left: 5px; }
#gallery {
	padding: 0 35px 0 35px; }
#gallery img {
	width: 200px;
	height: 133px;
	border: 2px solid #a88850; }

ul.indent {
	margin: 0 35px 0 35px !important;	margin: 0 35px 0 65px; }
p.q {
	font-weight: bold; }



/* FOOTER  */		
#footer  {
	width: 693px;
	padding-top: 20px; }
#footer  a {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9px;	
	color: #f2f2ef;
	text-decoration: none; }
#footer a:hover {
	text-decoration: underline; }
#footer p {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9px;
	line-height: 12px;
	color: #f2f2ef; }
#footer a.priv {
	color: #a88850;
	text-decoration: underline;	}
	
	
	
	
	
	
	
/* HOME ONLY */
#home-mid {
	background-color: #a88850;
	/* padding: 8px 5px 8px 242px; */
	padding: 8px 5px 8px 20px;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold; }
#home-mid a {
	color: #fdc162;
	text-decoration: none; }
#body-home td {
	background-color: #d5d5ca;
	padding-top: 10px;
	vertical-align: top; }
#home-left { 
	width: 207px; }
#home-main { 
	width: 693px; }
div.testim {
	width: 207px;
	color: #002d62;
	background: url('../media/bg-home-testim.gif') repeat-y; }
div.testim p {
	font-style: italic;
	font-weight: bold;
	line-height: 24px;
	padding: 0 15px 0 35px;  }
div.testim p.name {
	font-style: normal;
	line-height: 14px; }