/*===== ATTRIBUTE ORDER
background: url(images/bg_grid.gif) #FFFFFF no-repeat;  (repeat-x = horizontal; repeat-y = vertical)
border: solid 1px red;	(none; solid; ridge; groove; outset; inset; double; dashed; dotted)

COLOURS:
#FFFFFF; white
#999999; gray
#000000; black
#9A9DD0; light lavender
#8A8FCF; lavender 
#7D6633; gold text
#CC0033; red link
#993333; deep red title & subtitle

=====*/

body 	{
	margin: 0px; /* bumps website up to top-margin; except opera (margin top = 8px by default) */
	padding: 0px; /* compensates for 8px top margin in opera (does not affect other browsers) */ 
	background: url(images/0main_bg_page.jpg) center top; /* page background */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Georgia, "Times New Roman", Times, Garamond, serif; */
	font-size: 11px;
	line-height: 16px; /* adjusts leading */
	color: #7D6633; /* gold title; aqua; black; blue; fuchsia; gray; green; lime; maroon; navy; olive; purple; red; silver; teal; white; yellow; */
	}
br 	{
	line-height: 11px; /* adjusts leading */
	}
a:link, a:active, a:visited {
	color: #7D7DB4; /* lavender */
	font-weight: bold;
	text-decoration: none; /* none, underline */
	}
a:hover {
	color: #CC0033; /* red link */
	font-weight: bold;
	text-decoration: underline; /* none, underline */
	}
ul 	{
	margin-left: -20px;
	}
li 	{
	padding-bottom: 5px;
	}			
img.floatleft {
	margin: 0px 20px 10px 0px;
	float: left;
	} 	

/* ==================================== PAGECENTER */
#margintop { 
 	width: 760px;
 	margin: auto;
	height: 21px;
    	}		
#pagecenter { 
 	width: 760px;
	margin: auto;
	border: 4px #8A8FCF solid;
	background: url(images/0main_bg_pagecenter.jpg) repeat-y;
    	}
	
/* ==================================== SIDEBAR MAIN */
#sidebar { 
 	width: 160px; 
 	height: auto;
 	background: url(images/0main_bg_sidebar.jpg) no-repeat;
	float: left;
    	}
#sidebar-topspacer {
	width: 160px; 
 	height: 110px;
	}
#tab a {
	width: 144px; /* 160 - 16 */
	height: 20px; /* 23 - 3 */
	padding: 3px 0px 0px 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none; /* none, underline */
	display: block;
	}
#tab a:link, #tab a:visited, #tab a:active {
	}
#tab a:hover {
	background: url(images/0main_bg_tab.jpg) no-repeat;
	}
#tab-on {
	width: 144px; /* 160 - 16 */
	height: 20px; /* 23 - 3 */
	padding: 3px 0px 0px 16px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(images/0main_bg_tab.jpg) no-repeat;
	}
#tab-spacer {
	width: 160px;
	height: 40px;
	}
#tab-spacer2 {
	width: 160px;
	height: 23px;
	}
#tab2 a {
	width: 144px; /* 160 - 16 */
	height: 20px; /* 23 - 3 */
	padding: 3px 0px 0px 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none; /* none, underline */
	display: block;
	}
#tab2 a:link, #tab2 a:visited, #tab2 a:active {
	background: #8A8FCF;  /* lavender */
	}
#tab2 a:hover {
	background: url(images/0main_bg_tab.jpg) no-repeat;
	}
	
#tab-HRTC {
	width: 144px; /* 160 - 16 */
	height: 60px; /* 23 - 3 */
	padding: 3px 0px 0px 16px;
	font-size: 10px;
	line-height: 14px; /* adjusts leading */
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none; /* none, underline */
	background: #EBECF7;
	}

/* ==================================== CONTENT */
#content { 
	width: 600px;
	background: url(images/0main_content_bg.jpg) no-repeat;
	float: left;
    	}
#content-text { 
	width: 315px;
	margin: 135px 0px 40px 50px;
	float: left;
    	}    	       	    	   		
span.title { 
	width: 300px;
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-size: 18px;
	line-height: 22px; /* adjusts leading */
	color: #993333; /* deep red */
    	}
span.subtitle {
	font-size: 12px;
	font-weight: bold; 
	color: #993333; /* deep red */
    	}
#content-imageframe { 
	width: 200px;
	margin: 60px 0px 20px 0px;
	text-align: center;
	float: right;
    	}        	   

/* ==================================== CONTENT INDEX */
#content-index { 
	width: 600px;
	background: url(images/1index_content_bg.jpg) no-repeat;
	float: left;
    	}
#content-index-text { 
	width: 275px;
	margin: 135px 0px 30px 50px;
	float: left;
    	}
#content-index-slideshow { 
	width: 240px;
	height: 300px;
	margin: 60px 0px 0px 0px;	
	background: url(images/1index_slide_00.jpg);
	float: right;
    	} 
#content-index-boxes { 
	width: 550px;
	margin: 0px 0px 20px 50px;
	clear: both;
    	}   

/* ==================================== CONTENT 2 ESTIMATE */
span.requiredfield { 
	font-size: 10px;
	font-weight: bold;
	color: #CC0033; /* red link */
    	}
    	
/* ==================================== CONTENT 3 COLOURS PATTERNS */
.colpatternframe { 
	margin: 20px 0px 10px 0px;
	width: 315px;
	clear: both;
    	}
.colpattern1 { 
	width: 150px;
	height: 120px;
	float: left;
    	}
.colpattern2 { 
	width: 150px;
	height: 120px;
	float: right;
    	}

/* ==================================== CONTENT 4 GALLERY */
#gallery-imageframe { 
	width: 280px;
	margin: 45px 10px 20px 0px;
	float: right;
    	}
#gallery-title { 
	width: 280px;
	height: 50px;
    	}        	   
#dynloadarea { 
	width: 280px;
	height: 400px;
	background: url(images/4gal_00.jpg) no-repeat;
    	}
#gallery-text { 
	width: 230px;
	margin: 135px 0px 40px 50px;
	float: left;
    	}        	   

/* ==================================== ESTIMATE */
.dealertitle { 
	width: 315px;
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px; /* adjusts leading */
	color: #FFFFFF; /* white */
	text-indent: 10px; /* indents first line */
	background: #8A8FCF; /* lavender */
    	}
.dealer { 
	width: 315px;
	padding: 10px 0px 20px 0px;
	border-bottom: 1px solid #8A8FCF; /* lavender */
    	}

/* ==================================== FOOTER */ 
#footer { 
 	width: 550px; /* 760 - 210 */
 	padding: 5px 0px 5px 210px;
	font-size: 10px;
	color: #666666; /* gray */
	line-height: 13px; /* adjusts leading */
 	clear: both;
      	}
      	

/* ==================================== END */