/*
-----------------------------------------------
Woodcrest Homes Screen Styles
Author: Nick Hall
Version: Sept 11 2007
----------------------------------------------- */


/*
-----------------------------------------------
Color Library

Dark Blue			-	#003366
Royal Blue			-	#006699
Green				-	#339900
Login Dark Blue		-	#01538E
Pale Blue			-	#D5E6F3
----------------------------------------------- */


/* Common=General
----------------------------------------------- */
body{
	margin:10px 0 0 0;
	padding:0;
	background:#CCC url(../images/common/bg.gif);
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
#page{
	width:780px;
	padding:0;
	margin:0 auto;
	position:relative;
}
#wrapper{
	padding:0 2px 2px 2px;
	background:#FFF;
	overflow:auto;
}
#clear{
	display:none;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}


/* =Branding
----------------------------------------------- */
#branding{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 1px 0;
	padding:0;
	border-bottom:1px solid #339900;
	float:left;
	width:100%;
}
#logo{
	margin-left:12px;
}
.language{
	float:right;
	margin:6px 8px 0 0;
	font-size:10px;
	/* Temporarily Hide  */
	display:none!important;
}
.language a,
.language a:link{
	color:#003366;
	text-decoration:none;
}
.language a:hover{
	color:#003366;
	text-decoration:underline;
}
form#login{
	margin:0;
	padding:0;
	position:absolute;
	/* Positioning for IE is declared in ie.css and ie6.css */
	left:534px;
	top:30px;
	border:0;
	background-color:transparent;
}
form#login input{
	width:87px;
	height:14px;
	background:#D5E6F3;
	border:0;
	font-size:10px;
}
form#login label{
	font-size:9px;
	color:#333;
	font-weight:normal;
	margin:0;
	/* Margin for IE is declared in ie.css and ie6.css */
	padding:0;
	display:block;
}
form#login div{
	float:left;
	margin:0 0 0 9px;
}
form#login a,
form#login a:link{
	font-size:12px;
	color:#01538E;
	font-weight:bold;
	text-decoration:none;
}
form#login a:hover{
	font-size:12px;
	color:#01538E;
	font-weight:bold;
	text-decoration:underline;
}
#loginBtn{
	padding:12px 0 0 0;
}
form#login a#member,
form#login a#member:link{
	font-size:9px;
	padding:2px 0 0 9px;
	font-weight:normal;
	float:left;
	clear:both;
}


/* =Navigation
----------------------------------------------- */
#navigation{
	margin:0;
	padding:0;
	list-style:none;
	background:#003366;
	float:left;
	width:100%;
	border-bottom:1px solid #FFF;
}
#navigation li{
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	line-height:27px;
	vertical-align:middle;
	margin:0;
	padding:0;
	float:left; 
	background-image:none;
}
#navigation a,
#navigation a:link,
#navigation a:hover{
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:0 15px;
	height:27px;
	float:left; 
}
#navigation a:hover{
	background:#339900;
}
#navigation li.active{
	background:#005A9C;
}
#navigation li.active a:hover{
	background:#0073CE;
}


/* Common =Sub Navigation
----------------------------------------------- */
#subNav{
	margin:15px 0 50px 0;
	padding:5px 0 11px 0;
	list-style:none;
	list-style-image:none;
	width:185px;
	background:#CCEFA6;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#subNav li{
	margin:0;
	padding:0 1px;
	display:block;
	font-size:11px;
	list-style:none!important;
	list-style-image:none!important;
	background-image:none;
}
#subNav a,
#subNav a:link{
	margin:0;
	padding:4px 4px 4px 10px;
	display:block;
	color:#00538E;
	font-weight:normal;
	text-decoration:none;
}
#subNav a:hover{
	color:#5F9BF1;
}
#subNav a.active,
#subNav a.active:link,
#subNav a.active:hover{
	background:#FFF url(../images/common/subnav_arrow.gif) no-repeat right 50%;
	color:#8F000C;
	border:1px solid #CCC;
}
#subNav ul{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}
#subNav ul li{
	margin:0;
	padding:0;
}
#subNav li ul#terNav a,
#subNav li ul#terNav a:link{
	padding:4px 4px 4px 20px;
}
#subNav li ul#quatNav a,
#subNav li ul#quatNav a:link{
	padding:4px 4px 4px 30px;
}


/* Common =Breadcrumb
----------------------------------------------- */
#breadcrumb{
	margin:0 0 23px 0;
	padding:0 0 4px 0;
	list-style:none;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	clear:both;
}
#breadcrumb li{
	margin:0 4px 0 0;
	/*  Margin for IE defined in ie.css and ie6.css  */
	padding:0;
	display:inline;
	line-height:16px;
	background-image:none;
}
#breadcrumb a,
#breadcrumb a:link{
	text-decoration:none;
	color:#003366;
	background:transparent url(../images/common/breadcrumb.gif) no-repeat right 50%;
	padding:0 11px 0 0;
	/*  Padding for IE defined in ie.css and ie6.css  */
}
#breadcrumb a:hover{
	text-decoration:underline;
	color:#006699;
}
#breadcrumb li.active a,
#breadcrumb li.active a:link{
	background-image:none;
}
#breadcrumb .active a,
#breadcrumb .active a:link{
	text-decoration:none;
	color:#006699;
}
#breadcrumb .active a:hover{
	text-decoration:underline;
	color:#006699;
}


/* Common =Utility Navigation
----------------------------------------------- */
#utnav{
	height:26px;
	background:#006699;
	margin:1px 0 0 0;
	clear:both;
	text-align:center;
}
#utnav p{
	margin:0;
	padding-top:6px;
	font-weight:bold;
	font-size:10px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#utnav a,
#utnav a:link{
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 8px;
	padding-right:9px;
	background:transparent url(../images/common/divider.gif) no-repeat right;
}
#utnav #rateLinkDisabled{
	color:#CCC;
	text-decoration:none;
}
#utnav span.disable{
	margin:0 0 0 8px;
	padding-right:9px;
	background:transparent url(../images/common/divider.gif) no-repeat right;
}
#utnav a:hover{
	color:#FFF;
	text-decoration:underline;
}
#utnav a.last,
#utnav a.last:link{
	background-image:none;
}


/* =Footer
----------------------------------------------- */
#footer{
	clear:both;
	text-align:center;
	color:#666;
	font-size:9px;
	margin:12px 0 16px 0;
}
#footer a,
#footer a:link{
	color:#666;
	text-decoration:none;
}
#footer a:hover{
	color:#666;
	text-decoration:underline;
}
span.house{
	padding:4px 0 0 23px;
	background:transparent url(../images/common/foot_house.gif) no-repeat 0 0;
}


/* =Survey
----------------------------------------------- */
#survey{
	display:none;
	width:255px;
	position:absolute;
	bottom:60px;
	z-index:10;
	border:1px solid #999;
	padding:0 0 10px 0;
	background:#FFF;
	margin-left:-89px;
}
#survey p{
	margin-bottom:4px;
}
#surveyForm{
	display:block;
	margin:0 10px;
	border:0;
	background-color:transparent;
}
#surveyForm textarea#comments{
	width:235px;
	height:70px;
	margin:2px 0 10px 0;
	border:1px solid #999;
}
img#rateLogo{
	margin:15px 3px 0 3px;
	padding:0 45px 15px 45px;
	display:block;
	border-bottom:1px solid #006699;
}
#surveyForm .submitBtn{
	width:120px;
}
a.close,
a.close:link{
	position:absolute;
	top:3px;
	right:5px;
	color:#999;
	text-decoration:none;
	font-size:9px;
}
a.close:hover{
	color:#333;
}


/* Home=Content
----------------------------------------------- */
#flashContent{
	margin:0;
	padding:0;
	clear:both;
}
.home #leftCol{
	float:left;
	width:375px;
	padding-bottom:24px;	
}
.home #content h1{
	font-size:16px;
	color:#006699;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
}
.home #rightCol{
	float:right;
	width:380px;
	padding:10px 0 24px 20px;
}
.home #content{
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	margin-top:1px;
	border-top:1px solid #339900;
	clear:both;
	float:left;
	width:776px;
}
.home #leftCol ol{
	margin:0 0 0 18px;
	/*  Margin for IE is declared in ie.css and ie6.css  */
	padding:0;
	color:#339900;
	font-weight:bold;
}
.home #leftCol ol span{
	color:#000033;
	font-weight:normal;
	font-size:10px;
}
.home #leftCol ol li{
	margin:0;
	padding:4px;
}
.home #leftCol a,
.home #leftCol a:link{
	font-weight:bold;
	text-decoration:none;
	color:#000033;
	font-size:11px;
}
.home #leftCol a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#000033;
}
.home #leftCol #startContainer{
	float:right;
	margin:0;
	display:inline;
	width:248px;
	padding-top:10px;
}
#leftCol #map{
	float:left;
	margin:19px 0 0 16px;
}
.home #rightCol p{
	margin:6px 0 0 2px;
	width:164px;
	float:left;
	padding:0 0 8px 10px;
	background:transparent url(../images/home/specials_bg.gif) no-repeat 0 0;
}
.home #rightCol p.left{
	margin-right:20px;
	width:165px;
}
.home #rightCol p.right{
	margin-right:10px;
	width:140px;
}
.home #rightCol div{
	clear:left;
}
.home #rightCol a,
.home #rightCol a:link{
	color:#000033;
	text-decoration:none;
	font-weight:bold;
}
.home #rightCol a:hover{
	color:#000033;
	text-decoration:underline;
}
a#viewAll,
a#viewAll:link{
	display:block;
	clear:both;
	padding-top:4px;
	font-weight:bold;
}
#feature{
	clear:both;
	width:776px;
	margin:0 0 0 0;
	background:#EBEBEB;
	border-top:1px solid #CCC;
	border-bottom:1px solid #339900;
	position:relative;
}
#feature p{
	margin:0;
	padding:0;
	color:#000033;
	font-size:20px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	left:310px;
	top:35%;
	letter-spacing:.25px;
	word-spacing:.05px;
}
img.homePromo{
	margin:40px 0 20px 111px;
}


/* Interior=Content
----------------------------------------------- */
.interior #content{
	float:right;
	width:555px;
	margin:15px 10px 15px 0;
}
.interior #twocolumn{
	float:left;
	padding:0px 0px 30px 0;
	margin:5px 20px 0 30px;
	line-height:16px;
	width:716px;
}
.interior #onecolumn{
	float:left;
	padding:0px 0px 30px 0;
	margin:5px 20px 0 30px;
	line-height:16px;
	width:716px;
	display:inline;
}
.interior #leftCol{
	float:left;
	width:185px;
	padding:0 0 0 12px;
	margin:0;
	display:inline;
}
div.imgRight{
	float:right;
	margin:0 0 20px 24px;
	background:transparent url(../images/common/tagline.gif) no-repeat top right;
	padding:29px 0 0 0;
	display:inline;
}
.interior #rightCol{
	float:right;
	width:542px;
	margin:0 12px 0 0;
	padding:11px 0 50px 0;
	display:inline;
}
.interior #copy{
	min-height:300px;
}


/* =User Styles
----------------------------------------------- */
a,
a:link{
	color:#006599;
}
a:hover{
	color:#003466;
}
h1,
h2,
h3,
h4{
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1{
	font-size:16px;
	color:#003366;
}
h2{
	font-size:13px;
	color:#006699;
}
h3{
	font-size:12px;
	color:#01538E;
}
h4{
	font-size:11px;
	color:#006699;
}
ul{
	margin-left:0;
	padding-left:0;
}
ul li{
	list-style-image:none;
	list-style:none;
	background:url(../images/common/bullet.gif) no-repeat 0 2px;
	/*  Background position for IE defined in ie.css and ie6.css  */
	padding-left:13px;
	margin-left:0;
}
.ltblue{
	color:#006699;
}
.dkblue{
	color:#003366;
}
.green{
	color:#003366;
}
.ltbluebold{
	color:#006699;
	font-weight:bold;
}
.dkbluebold{
	color:#003366;
	font-weight:bold;
}
.greenbold{
	color:#003366;
	font-weight:bold;
}
.bold{
	font-weight:bold;
}

#columnWrapper{
	background:#FFFFFF url(../images/common/twoCol_bg.gif) repeat-y 0 0;
	float:left;
	border-bottom:2px solid #FFF;
	width:100%;
	min-height:400px;
}
/*#columnWrapper #leftCol{
	padding-left:6px;
}*/
