@charset "utf-8";
/* CSS Document */

/*This is to create the center everywhere effect */
	* {
	margin:0;
	padding:0
}
/** {
	margin:0;
	padding:0;
}*/
/* mac hide \*/

/*html, body {
	height:100%;
	width:100%;
}*/
/* end hide */
body {
	text-align:center;
	min-height:470px;/* for good browsers*/
	min-width:996px;/* for good browsers*/
	font-size:12px;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
#outer {
 #position:relative;
	height:100%;
	width:100%;
	display:table;
	background-color: #333333;
	overflow:hidden;
}
#container {
 #position:absolute;
	text-align: center;
	vertical-align:middle;
	display:table-cell;
	height: 600px;
}
/*#mainWrapper {
	position:relative;
	width: 965px;
	height: 450px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
}
*/
#mainWrapper {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 996px;
	height: 470px;
	margin-top: -235px; /* half of the height */
	margin-left: -498px; /* half of the width */
	background-color:#FFFFFF;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*END center everywhere effect */
#header {
	width:100%;
	height:94px;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 1;
}
#logo {
	position:absolute;
	left:0px;
	bottom:4px;
	width:185px;
	height:68px;
}
#navWrapper {
	position:absolute;
	left:308px;
	top:73px;
	width:688px;
	height:24px;
	background-color:transparent;
	z-index: 1;
}
#navContent {
	width:100%;
	z-index: 999;
	font-size:14px;
	font-weight:bold;
}
.content {
	position:absolute;
	top:101px;
	width:329px;
	height:329px;
	z-index: 1;
}
#contentLeft {
	left:0px;
	background-color:#808184;
}
#page_showroom #contentLeft {
	background-color:#a7be78;
}
#page_interior_design #contentLeft {
	background-color:#FF9933;
}
#page_our_designers #contentLeft {
	background-color:#7dac60;
}
#page_showroom .text {
	position:absolute;
	top:20px;
	left:43px;
	width:245px;
	height:309px;
	overflow:hidden;
	color: #FFFFFF;
	text-align:center;
	font-size:16px;
}
#page_interior_design .text {
	text-align:center;
}
#page_showroom .text p {
	line-height: 20px;
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;
}
#page_showroom .text h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;
}
.text #current {
	color: #808184;
}
.text {
	position:absolute;
	top:20px;
	left:20px;
	width:289px;
	height:289px;
	overflow:hidden;
	color: #FFFFFF;
	text-align: left;
}
.text p {
	line-height: 16px;
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;
}
.text h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;
}
.text a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.text a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.text a:hover {
	color: #808184;
	text-decoration: none;
}
.text a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#contentMiddle {
	left:334px;
	background-color:#FFFFFF;
}
#contentRight {
	left:668px;
	background-color: #FFFFFF;
}
#location {
	position:absolute;
	width:281px;
	height:21px;
	bottom:13px;
	left:21px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	overflow: visible;
}
#location a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#location a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#location a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#location a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer {
	position:absolute;
	width:446px;
	height:34px;
	right:-1px;
	bottom:-2px;
}
#instructions {
	font-size: 12px;
}
#page_showroom #contentRight img {
/*	position:absolute;
	bottom:0px;
	left:0px;
*/}
#page_showroom #contentMiddle {
	padding:0px;
	margin:0px;
}
.caption {
	font-style:italic;
	color:#887;
}
.gallery_peaks {
	width:200px;
	bottom: 0px;
	left:6px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:absolute;
}
.gallery_peaks li {
	width:76px;
	height:76px;
	border:1px solid #a7be78;
	margin: 0px;
	background-color:#FFFFFF;
	padding: 0px;
}
.gallery_peaks li div {
	left:240px
}
.gallery_peaks li div .caption {
	font:italic 0.7em/1.4 georgia, serif;
}
.next_previous {
	padding-top:15px;
	clear:both;
	text-transform:uppercase;
	font-size:10px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
}
.next_previous a:link {
	color: #8B857A;
	text-decoration: none;
}
.next_previous a:visited {
	color: #8B857A;
	text-decoration: none;
}
.next_previous a:hover {
	color: #a7be78;
	text-decoration: none;
}
.next_previous a:active {
	color: #8B857A;
	text-decoration: none;
}
#thumbnails {
	position: absolute;
	height: 160px;
	left: 0px;
	bottom: 17px;
	text-align: left;
	overflow: visible;
}
.lee #thumbnails {
	position: absolute;
	height: 154px;
	width: 1410px;
	left: 0px;
	bottom: 20px;
	text-align: left;
	overflow: visible;
}
.pine #thumbnails {
	position: absolute;
	height: 154px;
	width: 1000px;
	left: 0px;
	bottom: 20px;
	text-align: left;
	overflow: visible;
}
.radford_house #thumbnails {
	position: absolute;
	height: 154px;
	width: 1000px;
	left: 0px;
	bottom: 20px;
	text-align: left;
	overflow: visible;
}
.fatboy #thumbnails {
	position: absolute;
	height: 154px;
	width: 500px;
	left: 0px;
	bottom: 20px;
	text-align: left;
	overflow: visible;
}
.old_hickory #thumbnails {
	position: absolute;
	height: 154px;
	width: 500px;
	left: 0px;
	bottom: 20px;
	text-align: left;
	overflow: visible;
}

.mountain #thumbnails {
	position: absolute;
	height: 154px;
	width: 2118px;
	left: 0px;
	bottom: 20px;
	text-align: left;
	overflow: visible;
}
.ski_chalet #thumbnails {
	width: 652px;
}
.rustic_ski_chalet #thumbnails {
	width: 817px;
}
.lake_joseph #thumbnails {
	width: 1304px;
}
.lake_muskoka #thumbnails {
	width: 1668px;
}
.lake_muskoka_hideaway #thumbnails {
	width: 653px;
}
.king_stables #thumbnails {
	width: 1796px;
}
.muskoka_cottage #thumbnails {
	width: 1629px;
}
.old_hickory #thumbnails{
	width: 819px;
}
#holder {
	position:absolute;
	left:334px;
	top:101px;
	padding:0px;
	width:644px;
	height:184px;
}
#contentDouble {
	position:absolute;
	left:334px;
	top:101px;
	width:652px;
	height:329px;
	overflow-x: auto;
	overflow-y:hidden;
	text-align:left;
}
#contentDouble{
	SCROLLBAR-FACE-COLOR: #8B857A;
	SCROLLBAR-HIGHLIGHT-COLOR: #8B857A;
	SCROLLBAR-SHADOW-COLOR: #8B857A;
	SCROLLBAR-3DLIGHT-COLOR: #8B857A;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #A0A0A0;
	}
#thumbnails img {
	margin-right: 4px;
	margin-bottom:4px;
	border: 1px solid #A7BE78;
}
#instructions {
	margin-top: 10px;
}
#instructions ul {
	list-style-image: none;
	list-style-type: none;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#instructions li {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#manufactureres {
	width: 425px;
	height: 120px;
	float: left;
	position: absolute;
	left: 339px;
	top: 106px;
	text-align: left;
	z-index:100;
}
#manufactureres h1 {
	font-size: 16px;
	color: #8B857A;
}
#manufactureres p {
	padding-bottom: 6px;
}
#page_our_designers #contentDouble {
	width: 657px;
	height: 325px;
	float: left;
	position: absolute;
	left: 339px;
	top: 106px;
	text-align: left;
	z-index:100;
}
#page_our_designers #contentDouble h1 {
	font-size: 16px;
	color: #8B857A;
}
#page_our_designers #contentDouble p {
	padding-bottom: 10px;
}
#manufactureres a {
	color: #8B857A;
}
#description {
	width: 486px;
	height: 131px;
	float: left;
	position: absolute;
	left: 339px;
	top: 106px;
	text-align: left;
	z-index:100;
}
#description h1 {
	font-size: 16px;
	color: #8B857A;
}
#description p {
	padding-bottom: 6px;
}
#description a {
	color: #8B857A;
}
#page_media  #thumbnails {
	width: 1270px;
	height: 222px;
}
#page_art_gallery #thumbnails {
	height: 223px;
	width: 4135px;
}
#page_art_gallery #instructions h2 {
	font-size: 14px;
}
#contact #contentMiddle p {
	padding-bottom: 6px;
	font-size: 14px;
	color: #8B857A;
	padding-top: 3px;
}
#contact #contentMiddle {
	text-align: left;
	padding-left: 20px;
	width: 308px;
}
#contact #contentMiddle a {
	color: #8B857A;
}
#contact #contentMiddle img {
	padding-top: 10px;
	padding-bottom: 4px;
}
#signup{
	position:absolute;
	width:331px;
	height:21px;
	bottom:1px;
	left:3px;
	background-color:#FFFFFF;
	font-size: 12px;
	color: #8B857A;
	text-align: left;
	font-weight: normal;
}
#contentRight #focalText {
	position: absolute;
	bottom: 13px;
	left:0px;
	width: 329px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
#contentRight #focalText a:link{
	color:#FFFFFF;
	}
#contentRight #focalText a:visited{
	color:#FFFFFF;
	}
#contentRight #focalText a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
#contentRight #focalText a:active{
	color:#FFFFFF;
	}