/* ----------------------------

Name:     "Timberland Place" Screen Styles
Designer: Jon Hrach
URL:      www.timberlandplace.com
Date:     07-2007 v1.0

----------------------------------------------- */

/* Suggested order:

 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content 
 * display
 * list-style
 * position
 * float
 * clear
 *
 */
 
/* Global ------------------------------------ */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl {margin: 0; padding: 0; }
	
body { background:url(../images/bg.jpg) top #572005; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#333; font-size:12px; margin-top:20px;}

body#home {margin-top: 0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px}

p { margin-bottom:10px; line-height:14px;}

h1 {
	width:781px; height:145px; text-indent:-9999px;
}

h2 {
	margin-bottom:15px;
	color:#ca5319;
	font-size:18px;
	font-weight:bold;
}

h3 {margin-bottom:10px; color:#286e08; font-size:15px; }

hr {
	height:1px;
	line-height:1px;
	font-size:1px;
	color:#ccc;
	background:#ccc;
	border:0;
}


#frame {
		width:781px;
		background: #FFF url(../images/bodyBG.gif) repeat-y left;
		margin:0 auto;
		padding:0px;
		text-align:left;
		border: solid 9px #286e08;
		}

#left-col{
		width:167px;
		padding:0px;
		float:left;
		background:#f5f1db;
		text-align:center;
		min-height:400px;
}
	
#main-col {
		margin-left: 15px;
		margin-bottom: 25px;
		margin-right: 15px;
		margin-top: 20px;
		width:570px;
		float:left;
		background:#FFF;
		color:#331a0e;
		}
		
#main-col h3 {
		color: #e03d06;
		font-size: 16px;
		font-weight: normal;
}

#main-col h4 {
		color: #e03d06;
		font-size: 13px;
		margin-bottom: 3px;
		font-weight:normal;
}

#main-col h5 {
		color: #e03d06; 
		font-size: 14px;
		font-weight: normal;
}

#main-col p {
	line-height: 18px;
}

#main-col ul {
	list-style:inside square;
	margin-bottom:10px;
}

#main-col ol {
	margin-left:12px;
	margin-bottom:10px;
}

#main-col li {
	line-height:19px;
}

#main-col .right {
		float:right;
		width: 370px;
}

#main-col .left {
		float:left;
		width:175px;
}

#main-col .left img {
margin-bottom:15px;
}
	
#right-col {
		width:200px;
		padding-top:20px;
		border-left: dotted 1px #999;
		float:left;
		background:#ffffff;
		min-height:400px;
		}

a, a:visited {
color:#ca5319;
}

a:hover {
color:#666;
}

a img {
border:0;
}

.break {margin-bottom:15px; padding-bottom:25px; border-bottom: 1px solid #CCC; }

br.clear {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
	display:inline;
}

#right-col h3, #right-col p {padding-right:10px; padding-left:10px;}

/* Nav ------------------------------------ */

ul#nav {font-family:"Times New Roman", Times, serif; color:#572005; font-size:13px;}

ul#nav a.over {color:#286d08;}

ul#nav li {margin-bottom:11px; list-style:none;}

ul#nav li a, ul#nav li a:visited{color:#572005; text-decoration:none;}
 
ul#nav li a:hover{color:#355709;}

ul#nav li.navtop {margin-top:8px; padding-top:40px; background:url(../_images/nav_top.gif) no-repeat center 20px;}

ul#nav li.navbottom {margin-bottom:8px; padding-bottom:40px; background:url(../_images/nav_bottom.gif) no-repeat center 25px;}

/* SubNav ------------------------------------ */

#subnav {
background:#cc6600;
color: #ebb512;
height:45px;
}

#subnav a { 
	color:#f5f1db;
	text-decoration: none;
}

#subnav a:hover {
	color: #ebb512;
}

#subnav ul {
padding-top:15px;
list-style: none;
margin-left:167px;
}

#subnav ul li {
float:left;
display:inline;
width:130px;
}

/* Home ------------------------------------ */

#home h1 {
background: url(../_images/home_header2.jpg) no-repeat center;
}

#home #main-col {
width: 383px;
}

#home #main-col p {
line-height:17px;
}

#home a, a:visited {
color:#666;
}

#home a:hover {color:#ca5319;}

/* Lifestyle ------------------------------- */

#lifestyle h1 {
	background: url(../images/im_lifestyleHead.jpg) no-repeat center;
}

#lifestyle h2 {
	height:44px;
	background: url(../images/im_lifestyle.gif) no-repeat left;
	text-indent:-9999px;
}

/* Location ------------------------------- */

#location h1 {
	background: url(../images/im_locationHead.jpg) no-repeat center;
}

#location h2 {
	height:44px;
	background: url(../images/im_directions.gif) no-repeat left;
	text-indent:-9999px;
}

/* amenities ------------------------------- */

#amenities h1 {
	background: url(../images/im_amenitiesHead.jpg) no-repeat center;
}

#amenities h2 {
	height:44px;
	background: url(../images/im_amenities.gif) no-repeat left;
	text-indent:-9999px;
}

#amenities #main-col strong {
	color: #e03d06;
	font-size: 16px;
	font-weight:normal;
}

/* Floorplans ------------------------------- */

#floorplans h1 {
	background: url(../images/im_fpHeader.jpg) no-repeat center;
}

#floorplans h2 {
	height:44px;
	background: url(../images/im_floorplans.gif) no-repeat left;
	text-indent:-9999px;
}

#floorplans h2.sitemap {
	background: url(../images/im_sitemap.gif) no-repeat left;
}

#floorplans h3 strong {
color:#503518;
font-weight:normal;
}

#floorplans #subnav ul {
padding-top:8px;
width:450px;
}

#floorplans #subnav ul li {
width:140px;
}

#floorplans #main-col .right {
		width: 400px;
}

#floorplans #main-col .left {
		width:140px;
}

/* Photo Gallery ------------------------------- */
#photogallery h1 {
	background: url(../images/im_photoHead.jpg) no-repeat center;
}

#photogallery h2 {
	height:44px;
	background: url(../images/photogallery.gif) no-repeat left;
	text-indent:-9999px;
}

#photogallery #main-col img {
	margin-right:10px;
	margin-bottom:10px;
}

#photogallery #subnav ul {
padding-top:8px;
width:580px;
}

#photogallery #subnav ul li {
width:100px;
}

/* Tours ------------------------------- */
#tours h1 {
	background: url(../images/im_photoHead.jpg) no-repeat center;
}

#tours h2 {
	height:44px;
	background: url(../images/virtualtours.gif) no-repeat left;
	text-indent:-9999px;
}

#tours #subnav ul {
	padding-top:8px;
	width:250px;
}

#tours #subnav ul li {
	width:100px;
}

/* News & Events ------------------------------- */
#news h1 {
	background: url(../images/im_newsHead.jpg) no-repeat center;
}

#news h2 {
	height:44px;
	background: url(../images/im_news.gif) no-repeat left;
	text-indent:-9999px;
}

#news #main-col .right {
		width: 200px;
}

#news #main-col .left {
		width: 320px;
}

#news .images img {
	margin-right:10px;
	margin-bottom:10px;
}

/* Newsletter ------------------------------- */
#newsletter h1 {
	background: url(../images/im_whatsnewhead.jpg) no-repeat center;
}

/* Documents ------------------------------- */
#documents h1 {
	background: url(../images/im_newsHead.jpg) no-repeat center;
}

#documents h2 {
	height:44px;
	background: url(../images/helpfuldocs.gif) no-repeat left;
	text-indent:-9999px;
}

#documents h4 {
	margin-bottom: 12px;
}

#documents ul li {
	font-size:13px;
	margin-bottom:10px;
}

#documents #main-col .right {
		width: 320px;
}

#documents #main-col .left {
		width: 250px;
}

/* Pricing ------------------------------- */
#pricing h1 {
	background: url(../images/im_newsHead.jpg) no-repeat center;
}

#pricing h2 {
	height:44px;
	background: url(../images/pricing.gif) no-repeat left;
	text-indent:-9999px;
}

#pricing #main-col .right {
	width:200px;
}

#pricing #main-col .left {
	width:350px;
}

#pricingfeatures {
	background:url(../_images/pricing_features_2.jpg) no-repeat left top;
	padding:8px 0px;
	margin-top:20px;
}

#pricingfeatures ul {
	margin-top:8px;
}

#pricingfeatures ul li ul {
	margin-top:4px;
	margin-bottom:28px;
}

#pricingfeatures ul li {
	list-style:none;
	font-size:13px;
	color:#cc3300;
	font-weight:bold;
	margin-left:130px;
}

#pricingfeatures ul li ul li {
	font-size:12px;
	color:#333333;
	font-weight:normal;
	margin-left:0px;
}

#pricing .sub {
	background:#f5f1db;
	padding:8px 10px;
	padding-bottom:1px;
	margin:25px;
	margin-right:60px;
}

#pricing .sub h4 {
	font-size:13px;
	color:#cc3300;
	font-weight:bold;
	margin-bottom:6px;
}

/* Lenders ------------------------------- */
#lenders h1 {
	background: url(../images/im_newsHead.jpg) no-repeat center;
}

#lenders h2 {
	height:44px;
	background: url(../images/preferred.gif) no-repeat left;
	text-indent:-9999px;
}

#lenders #main-col .right {
	width:300px;
}

#lenders #main-col .left {
	width:180px;
}

/* Resource Web Sites ------------------------------- */
#resource h1 {
	background: url(../images/im_newsHead.jpg) no-repeat center;
}

#resource h2 {
	height:44px;
	background: url(../images/resources.gif) no-repeat left;
	text-indent:-9999px;
}

/* Contact ------------------------------- */
#contact #main-col {
width:450px;
}

#contact h1 {
	background: url(../images/im_contactHead.jpg) no-repeat center;
}

#contact h2 {
	height:44px;
	background: url(../images/im_contact.gif) no-repeat left;
	text-indent:-9999px;
}


.contactForm { color: #331a0e; font-size: 12px; line-height: 18px; }
.contactForm a:link { color: #fff; text-decoration: none; }
.contactForm a:active { color: #fff; text-decoration: none; }
.contactForm a:visited { color: #fff; text-decoration: none; }
.contactForm a:hover { color: #d9d7c1; text-decoration: none; }
.contactForm td { padding-bottom: 3px; }
.contactForm input { color: #331a0e; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; height: 16px; padding-top: 4px; padding-right: 3px; padding-left: 3px; border: solid 1px; }
.contactForm textarea { color: #331a0e; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 16px; padding: 5px 3px; border: solid 1px; }
.contactForm select { color: #331a0e; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; height: 16px; padding-right: 3px; padding-left: 3px; border: solid 1px; }
.submit { color: #fff; font-size: 12px; background-image: url(../images/im_submit.gif); background-repeat: no-repeat; background-position: right center; vertical-align: middle; padding-top: 2px; padding-right: 19px; }
.field1 { width: 150px; }
.field2 { width: 35px; }
.field3 { width: 50px; }
.field4 { width: 319px; }


div#call-out {width:377px; height:210px; background-color:#f5f1db;}

div#call-out img {float:left; margin:10px 20px 10px 10px;}

div#call-out h2 {margin:0 0 10px 0; padding-top: 20px; font-size:16px;}

div#call-out p {font-size:11px; padding-bottom:10px; line-height:16px;}

div#call-out p.button a, div#call-out p.button a:visited { color:#df9409; font-weight:bold; padding:5px; background-color:#FFF; border:1px solid #df9409; text-decoration:none;}

div#call-out p.button a:hover {background-color:#df9409; color:#FFF;}

img#russ {margin: 13px 0 13px 0;}

div#email {margin:0 auto; width:782px; height:40px; text-align:center;}

div#email h3 {
	margin:15px 0 0 10px;
	font-family:"Times New Roman", Times, serif;
	color: #f5f1db;
	font-size:11px;
	font-weight:normal;
	float:left;
}

div#email form {margin:10px 0 0 5px; float:left;}

div#footer {margin:0 auto; padding-top:10px; width:782px; height:40px; text-align:center;}

div#footer img {float:left;}

div#footer p{float:right; font-family:"Times New Roman", Times, serif; color: #f5f1db; font-size:13px;}