@charset "utf-8";
/* 
	stylesheet.css
	
	Project: Cherrywood Homes
	
*/



/*------ global ------*/ 
* {margin:0; padding:0;}

body{width:100%;}

.full{width:100%; display:block;}
.fixed{width:1000px; display:block; margin:auto;}


.f_right{float:right; display:block;}
.f_left{float:left; display:block;}

.link{background:url(../images/nav.png) top left repeat-x;}

/*------ clearFix ------ */
.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearFix { display: inline-block; }
html[xmlns] .clearFix { display: block; }
* html .clearFix { height: 1%; }



/*------ main ------ */

#wrapper{
	width:100%;
	height:auto;
	background:url(../images/headerTop.png) top center repeat-x;
}

#headerTop{
	width:100%;
	padding-top:160px;
	height:140px;
	background-position:bottom center;
	background-repeat:no-repeat;
}


#nav{
	background:url(../images/main_nav.png) top center no-repeat;
	text-align:center;
	
}

#nav ul{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	height:68px;
}

#nav li{
	display:inline;
	padding:0 20px;
}

#nav a{
	text-decoration:none;
	color:#aaa;
	padding:7px 5px 5px;
	font-size:14px;
	line-height:52px;
}

#nav a:hover, #nav a.navSelected{
	background:#770d29;
	color:#eee;
}


#wrap2{
	width:100%;
	margin:auto;
	height:200px;
}

#subNavWrap{
	background:none;
	position:absolute;
	width:100%;
	z-index:1000;
	top:240px;
	left:0;
}

#subNav{
	background:none;
	margin:0;
	padding:0;
}

#subLeft span, #subRight span{
	display:block;
	width:16px;
	height:87px;
}

#subLeft span{
	background:url(../images/leftNav.png) center no-repeat;	
}
#subRight span{
	background:url(../images/rightNav.png) center no-repeat;	
}

#subNav ul{
	background:none;
	margin:0;
	padding:0;
	height:100px;
	display:block;
	float:left;
	background:url(../images/nav.png) top left repeat-x;
	list-style-type:none;
}

#subNav li{
	display:block;
	float:left;
	margin:15px 0 0;
	padding:0 1px 0 0;
	width:auto;
	background:url(../images/navSpacer.jpg) top right no-repeat;
	height:61px;
}

#subNav a{
	display:block;
	float:left;
	padding:10px 10px 0;
	margin:0;
	line-height:auto;
	height:51px;
	text-align:center;
	text-decoration:none;
}

#subNav a:hover, #subNav a.select{
	background:url(../images/hover.png) top center no-repeat;	
}

#subNav a span.title{
	color:#666;
	font-size:12px;
	font-weight:bold;
}

#subNav a span.subtitle{
	color:#aaa;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

#subNav a:hover span.title, #subNav a.select span.title{
	color:#20476b;	
}


#flash{
	display:block;
	height:412px;
	text-align:center;
}


#divider{
	background:url(../images/divider.png);
	width:1000px;
	height:40px;
}

#content{
	width:940px;
	height:auto;
	padding-bottom:25px;
	padding: 0px 30px 0px 30px;
}


#leftContent{
	width:570px;
	position:relative;
	float:left;
	padding-right:30px;
}


#rightContent{
	width:309px;
	position:relative;
	float:left;
	
	border-left: 1px solid #DDD;
	padding-left: 30px;
}


#rightContent span{
	font-size:10px;
}

#contentOne{
	width:150px;
	position:relative;
	float:left;
}

#contentTwo{
	width:150px;
	height:160px;
	position:relative;
	float:left;
}



#footer{
	position:relative;
	float:left;
	background:url(../images/footer_BGtile.jpg) top left repeat-x #111;
	width:100%;
}

#footerContent{
	background:url(../images/footer_IMG.jpg) 40px 0 no-repeat;
	padding:0 0 20px 30px;
	width:970px;
	margin: 0px auto;
}

#footer ul{
	list-style-type:none;
	margin-left:0px;
	padding-top:55px;
	padding-bottom:30px;
}

#footer ul li a{
	text-decoration:none;
	color:#eee;
}

#footer ul li a:hover{
	text-decoration:underline;
	color:#eee;
}

#footer a{
	color:#888;
	text-decoration:underline;
}

#footer a:hover{
	text-decoration:none;
	color:#eee;
}

#footer li{
	float:left;
	text-decoration:none;
	margin-right:10px;
	color:#eee;
}

#footer p{
	font-size: 10px;
	color:#888;
	line-height:15px;
}

#backToTop{
	background:url(../images/backToTop.png) top right no-repeat;
	width:92px;
	height:77px;
	margin-top:-20px;
}




/* -- Mailform on contact.php -- */

form#contactForm p {margin: 0px; padding: 0px; }
form#contactForm td { vertical-align:middle;padding-bottom: 3px; }

.input {
	border-color:#aaa #ddd #ddd #aaa;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	width:229px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	padding:4px;
}

.textarea {
	border-color:#aaa #ddd #ddd #aaa;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	width:229px;font-family:Helvetica, Arial, Verdana, sans-serif;
	padding:4px;
	height:100px;
	max-width:229px;
}

.submit{
	width:auto;
	padding: 5px 10px 5px 10px;
	border:1px solid #aaa;
	color:#4b4b4b;
	background:#ddd;
	font-size: 12px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	cursor:pointer;
}

.submit:hover{
	border-color:#aaa;
	color:#4b4b4b;
	background:#cfcfcf;
}





a.selected {
  background-color:#1F75CC;
  color:white;
  z-index:100;
}

.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 25px 25px 20px;
}

label {
  display: block;
  margin-bottom: 3px;
  padding-left: 15px;
  text-indent: -15px;
}

.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
}




.pdflistings { line-height: 14px; }
.pdflistings li { padding-bottom: 5px; }