/* Marlow Treetops CSS */

@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('fonts/CartoGothicStd-Book.eot');
	src: local('fonts/CartoGothic Std Book'), local('fonts/CartoGothicStd-Book'), url('fonts/CartoGothicStd-Book.woff') format('woff'), url('fonts/CartoGothicStd-Book.otf') format('opentype'), url('fonts/CartoGothicStd-Book.svg#CartoGothicStd-Book') format('svg');
}


@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('fonts/CartoGothicStd-Bold.eot');
	src: local('fonts/CartoGothic Std Bold'), local('fonts/CartoGothicStd-Bold'), url('fonts/CartoGothicStd-Bold.woff') format('woff'), url('fonts/CartoGothicStd-Bold.otf') format('opentype'), url('fonts/CartoGothicStd-Bold.svg#CartoGothicStd-Bold') format('svg');
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


body {
	font-size: 62.5%;
	font-style: normal;
	text-align: center;
	background-color: white;
}


#content { 
   position: absolute;
   left: 50%;
   width: 950px;
   margin-left: -475px; /*half the width of the div*/
   margin-top: 60px;
}

div.logo {
	position: absolute;
	left: 20px;
	top: -55px;
	z-index: 2;
}


#navigation {
	position: relative;
	margin-right: 0;
	height: 62px;
	margin-bottom: 5px;
	}

ul.nav {
	width: 430px;
	position:absolute;
	right:0;
	background: rgb(243,245,242);
}

ul.nav li {
	float: left;
}

ul.nav li a {
	float: left;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	padding: 24px 10px;
	background: rgb(243,245,242);
	display: inline;
}


ul.nav li a {
	font-family: 'CartoGothicStdBook',Arial,Helvetica;
	font-size: 14px;
	color: rgb(66,77,61);
	text-decoration: none;
}

ul.nav li a:hover {
	color: rgb(66,77,61);
	background: rgb(200,200,200);
}

#home li.nav-home a, #qa li.nav-qa a, #walkthrough li.nav-walkthrough a, #interiors li.nav-interiors a, #floorplans li.nav-floorplans a, #contact li.nav-contact a  {
	color: white;
	background: rgb(175,23,0);
}



h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 2.4em;
	color: #AF1700;
	line-height: 1.2em;
	margin-bottom: 1em;
}

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #9f4882;
	line-height: 120%;
	margin-top: .6em;
}

h3 {
	font-size: 140%;
	font-weight: bold;
	color: #9f4882;
	line-height: 1.8em;
}

h4 {
	font-size: 165%;
	color: #c43859;
	line-height: 2em;
}

h6 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 125%;
	color: #AF1700;
	line-height: 160%;
	margin-bottom: .5;
}


p, li, h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
}

p {
	font-size: 125%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	line-height: 160%;
	margin-bottom: .5em;
	color: #666;
}






#main, #interiors #main {
	width: 950px;
	height: 490px;
	background: rgb(231,231,231);
	overflow: hidden;
}


#qa #main {
	background: rgb(211,216,208);
	overflow-y: scroll;
/* 	overflow: auto; */
}

#walkthrough #main {
	background: url(images/walkthrough_bg.jpg);
	overflow: auto;
}

#contact #main {
	background: url(images/home_bg.jpg);
	overflow: hidden;
}

#walkthrough .video {
	position: absolute;
	width: 400px;
	height: 300px;
	left: 195px;
	top: 170px;
	background: rgba(123,123,123,0.5);
	background: rgb(123,123,123);
	}

/*
.questions {
	width: 350px;
	margin-left: 52px;
	top: 150px;
}
*/

.questions {
/* position: relative; */
	width: 350px;
/* 	margin-left: 52px; */
/* 	top: 150px; */
	z-index: -10;
}

.qa {
	width: 580px;
	margin-left: 325px;
	margin-top: 80px;
}
.qa h2 {
	font-family: 'CartoGothicStdBook', Georgia, Times, serif;
	line-height: 145%;
	color: rgb(66,77,61);
	font-size: 1.8em;
	margin-top: 1em;
	margin-bottom: .25em;
}
.questions h2 {
	font-family: Georgia, Times, serif;
	line-height: 145%;
	color: rgb(66,77,61);
	font-size: 1.25em;
	margin-bottom: .25em;
}

.qa p {
	font-family: Georgia, Times, serif;
	font-size: 1.4em;
	
}

#intro, #intro2 {
	position: relative;
	width: 390px;
	left: 520px;
	top: -225px;
	padding: 20px;
	z-index: 3;
	background: url("images/green_bg.png");
	background: rgba(53,61,48,0.8);
}

#intro2 {
	position: absolute;
	width: 390px;
	left: 520px;
	top: 280px;
}


#intro2 p {
	color: white;
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
/* 	margin-bottom: .5em; */
	margin-right: 20px;
}
#intro2 p em {
	font-style: normal;
	font-weight: bold;
}
#intro2 p.hide {
	width: 40px;
	text-align: center;
	color: #333;
	font-family: 'CartoGothicStdBook', Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding:4px;
	background: rgb(175,23,0);
	background: rgba(175,23,0,0.6);
}
#intro2  p.hide a:link, #intro2 p.hide a:visited {
	color: white;
	text-decoration: none;
}
#intro2 p.hide a:hover {
	color: #999;
	text-decoration: none;
}

.pdfs ul {
	width: 414px;
	padding: 8px;
/* 	height: 20px; */
	position:absolute;
	right:0;
	background: rgba(243,245,242,0.5);
}

ul.pdfs2 {
	float: left;
	width: 414px;
	padding: 8px;
/* 	height: 20px; */
/* 	position:absolute; */
/* 	right:0; */
	background: rgba(243,245,242,0.5);
}

ul.pdfs2 li {
	float: left;
/* 	display: block; */
	width: 170px;
	font-family: 'CartoGothicStdBook', Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	padding-left: 2.2em;
/* 	margin-left: 2em; */
	line-height: 20px;
	background: url("../images/download.gif") 0 0 no-repeat;
/* 	outline: 1px solid red; */
}

#contact_form {
	position: relative;
	width: 390px;
	height: 100%;
	left: 520px;
	padding: 20px;
	z-index: 3;
	background: url("images/green_bg.png");
	background: rgba(53,61,48,0.8);
	text-align: left;
	margin-top: 100px;
	font-family: 'CartoGothicStdBook', Helvetica, Arial, Verdana, sans-serif;
	color: white;
}
label.error {
	display: block;
	color: yellow;
	font-size: 11px;
}

#contact_form p {
	color: white;
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	margin-bottom: .5em;
	margin-right: 20px;
}

#contact_form td a:link, #contact_form td a:visited {
	color: white;
	text-decoration: none;
}

#contact_form td a:hover {
	color: white;
	text-decoration: underline;
}

#contact_form td.inputs {
	width: 200px;
	font-size: 1.4em;
	height: 2em;
	vertical-align: top;
}


#contact_form td.label {
	width: 120px;
	font-size: 1.4em;
	height: 1.8em;
	vertical-align: baseline;
/* 	padding-top: 4px; */
}

#contact_form fieldset {
	margin-top: 2em;
}
#contact_form textarea {
	width: 280px;
	height: 160px;
}

div#privacy {
	display: none;
	position: absolute;
	width: 380px;
	margin-left: 52px;
	padding:10px 20px 10px 20px;
	top: 168px;
	background: rgb(53,61,48);
	background: rgba(53,61,48,0.8);
}

#privacy p {
	color: white;
	font-family: Georgia, Times, serif;
	font-size: 1.2em;
	margin-bottom: .5em;
	margin-right: 20px;
}

#privacy h2 {
	font-family: 'CartoGothicStdBook', Georgia, Times, serif;
	line-height: 145%;
	color: white;
	font-size: 1.8em;
/* 	margin-top: 1em; */
	margin-bottom: .25em;
}
#privacy p.hide {
	width: 40px;
	text-align: center;
	color: #333;
	font-family: 'CartoGothicStdBook', Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding:4px;
	background: rgb(175,23,0);
	background: rgba(175,23,0,0.6);
}
#privacy p.hide a:link, #privacy p.hide a:visited {
	color: white;
	text-decoration: none;
}
#privacy p.hide a:hover {
	color: #999;
	text-decoration: none;
}
.credit {
	position: absolute;
	top: 520px;
	padding-left: 20px;
}

.credit p {
	font-size: 1em;
	text-align: left;
	color: white;
}

#thumb-area {
	float: left;
	width: 512px;
	height: 67px;
	margin-top: 6px;
}

#tagline {
	float: left;
	width: 430px;
	height: 43px;
	margin-top: 6px;
	margin-left: 8px;
	background-color: rgb(243,245,242);

}

#tagline p {
	font-family: Georgia, Times, serif;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .25em;
	margin-left:18px;
margin-top:14px;
}

#tagline h6 {
font-family:Georgia,Times,serif;
font-size:1em;
letter-spacing:0.05em;
margin-left:18px;
text-align:left;
text-transform:uppercase;

}

#logos {
	float: right;
	width: 430px;
	height: 67px;
	margin-top: 16px;
	margin-left: 8px;
}

#logos img {
	float:left;
	margin-left: 2em;
}

#logos p {
	font-size: 1em;
	color: #666;
	margin-top: 1em;
	text-align: right;
}



p.privacy {
	float:left;
	display: block;
	text-align: right;
	font-size: 10px;
	margin-top: .75em;
	margin-left: 1.2em;
}


#contact_form br, #subscribe_form br {
   clear: both;
}


#contactform textarea {
/* float: left; */
	width: 260px;
	height: 160px;
}
#contactform input, #contactform textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #666;
	float: left;
	width: 220px;
	height: 16px;
	border: none;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	padding: 4px 0 0 4px;
}

#contactform #submit {
	clear: left;
	width: 42px;
	height: 24px;
	background: url(/images/uploads/site/submit.png) no-repeat;
	border: none;
}





.column *{ padding: 5px; }
#wrapper { margin: 0px 50px; outline: 1px sold red; }
.wide, .thin { clear:both; }