BODY { background-color: #E3E4D4; color: #333; }
BODY { text-align: center;} /* to accommodate IE centering */
BODY, P, OL, UL, TD {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

.leftspaced {float: left; margin-left: 2em;}


DIV {margin: 0px; padding: 0px; float: left;}

#main {
	float: none;
	margin: 0 auto;
	width: 900px; height: 580px;
	background-color: #FFFFFF;
	/*border: solid 1px gray;*/
}

#header{
	float: left;
	width: 900px; height: 40px;
	background-color: white;
	/*border: solid 1px red;*/
}
	#about_us {float: right; height: 33px; cursor: pointer;}
	#teak_care {float: right; height: 33px; cursor: pointer;}
	#contact_us {float: right; height: 33px; cursor: pointer;}


#nav_column{
	width: 200px; height: 400px;  /*15px of the width is the indicator triangle */
	/* background-color: blue; */
}
	.nav_cat {width: 200px; height: 90px; text-align: left; cursor: pointer;}
	.nav_cat_selected {width: 200px; height: 90px; text-align: left; background-color: #90985A; cursor: pointer;}
	.col_text {padding: 30px 0px 14px 20px; color: white; font-size: 18pt;}
	.nav_cat_select {width: 14px; height: 90px;  /*background: url('/images/muskoka_nav_selected.gif');*/}
	
#content_area{
	float: right;
	width: 700px; height: 450px;
	background-color: white;
	/*border: solid 1px green;*/
}
	#main_splash {width: 100%; height: 100%; background-image: url("/images/muskokateak-splash.jpg"); background-repeat: no-repeat;}
	#col_pointer_area {width: 14px; height: 450px; /*background-color: red;*/}
	.col_pointer {width: 14px; height: 90px;}
	#col_pointer_selected{ background: url('/images/col_pointer_selected.gif'); background-repeat: no-repeat; background-position: center; }

	.catalogue_image_spot{cursor: pointer; /*border: solid thin black;*/}
	.catalogue_image {clear:left;}
	.catalogue_image_footer {clear: left; text-align: center; width: 100%; height: 15px; font-size: 12px; font-weight: bold;/*border: solid thin blue;*/}
	#product_area {float: right; width: 684px; /*border: solid 1px green;*/}
	.product {background-repeat: no-repeat; background-position: center center;}
	.product_description{font-weight: bold;}
	.product_description_OLD{float: right; width: 150px; text-align: left; padding: 20px 0px;}

	#info_area {width: 100%; height: 100%; text-align: justify;}
    .info_col {width: 350px; color: black; background-color: #E2E5D4;}
	.info_cell_short {width:100%; height: 197px;}
	.info_cell_tall {width:100%; height: 253px; }
	#info_cell_quote {background-color: #90985A; }

	#teak_care_quote {padding: 45px 14px; color: white; font-size: 16pt; line-height: 20pt;}
	#teak_care_text1 {text-align: left; padding: 10px 10px; font-size: 10pt; line-height: 11pt; }
	#teak_care_text2 {text-align: left; padding: 10px 10px; font-size: 9pt; line-height: 10pt; }
	#teak_care_photo {background-image: url("/images/muskokateak-snowcovered.jpg"); background-repeat: no-repeat;}

	#about_us_photo {width: 350px; height: 213px; background-image: url("/images/muskokateak-about-us-photo.jpg"); background-repeat: no-repeat;}
	#about_us_text1_box {width: 350px; height: 213px; background-color: #E2E5D4; }
	#about_us_text1 {color: #90985A; text-align: left; padding: 16px 16px; font-size: 10pt; line-height: 13pt; font-weight: 600;}
	#about_us_text2_box {width: 700px; height: 237px; background-color: #90985A;}
	#about_us_text2 {color:  #E2E5D4; text-align: left; padding: 20px 20px; font-size: 10pt; line-height: 13pt; font-weight: 600;}

	#contact_us_text1_box {width: 350px; height: 225px; background-color: #90985A;}
	#contact_us_text1 {color: #FFFFFF; text-align: left; padding: 16px 12px; font-size: 10pt; line-height: 12pt;}
	#contact_us_photo1 {width: 350px; height: 225px; background-image: url("/images/muskokateak-contact-photo1.jpg"); background-repeat: no-repeat;}
	
	#contact_us_text2_box {width: 350px; height: 225px; background-color: #E2E5D4;}
	#contact_us_text2 {width: 220px; height: 200px; padding: 35px 5px 0px 20px; color: #000000; font-size: pt; text-align: left;}
	#contact_us_photo2 {width: 350px; height: 225px; background-image: url("/images/muskokateak-contact-photo2.jpg"); background-repeat: no-repeat;}
	#contact_us_brand {width: 80px; height: 103px; margin-top: 45px; background-image: url("/images/muskokateak-brand.gif"); background-repeat: no-repeat; background-position: center;}



#footer{
	clear: left;
	margin: 0px; padding: 0px;
	width: 900px; height: 90px;
	background-color: #ADB285;
	/*border: solid 1px orange;**/
}
	#logo_box{width: 200px; height: 90px; background-color: #90985A; cursor: pointer;}
	#logo {padding-left: 65px;}
	#footer_header {font-size: 18pt; color: white; margin: 34px 0px 0px 34px;}
	.nav_footer {width: 140px; height: 90px; margin: 0px; padding: 0px; cursor: pointer;}
	.nav_footer_text{width: 100%; margin: 0 auto; padding-top: 34px; padding-bottom: 10px; color: white; font-size: 14pt;}
	#nav_footer_selected {background-color: #90985A;}
	#nav_footer1 {background-color: #ADB385;}
	#nav_footer2 {background-color: #B4BB91;}
	#nav_footer3 {background-color: #BDC19E;}
	#nav_footer4 {background-color: #C6CAA9;}
	#nav_footer5 {background-color: #CDD1B6;}
	
#copyright_footer {width: 100%; clear: left; text-align: center; font-size: 10pt; padding-top: 6px;}
#copyright {}
#credits {width: 100%; text-align: center; float: left; font-size: 7pt; font-style: italic; color: #BBBBBB;}

a.minimal { color:  #BBBBBB; text-decoration: none;}
a.minimal:visited { color:  #BBBBBB; }
a.minimal:hover { color:  #BBBBBB; text-decorartion: underline;}
a.mailto {color: black; font-size: 0.9em;}