/* -----------------------------------------------------
	Wood-ni Stylesheet
	Updated: Fri 21.03.07
	CSS Author: Paul McMaster
 ----------------------------------------------------*/



/* -----------------------------------------------------
	Universial Elements
 ----------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}


a:link{
	text-decoration:none;
	color:#a39a46;
	}
a:visited{
	text-decoration:none;
	color:#a39a46;
}	
a:hover, a:active{
	text-decoration:none;
	color:#a39a46;
}
img{
	border:0;
}	
ul{
	list-style:none;
}
body{
	color:#bfb434;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif
}
#top{
	width:100%;
	float:left;
	height:345px;
	background-image:url(../images/topback.jpg);
	background-repeat:repeat-x;
}
#middle{
	width:100%;
	float:left;
	height:900px;
	background-color:#314d3a;
	background-image:url(../images/middlebg.png);
	background-repeat:repeat-x;
	background-position:top left;
}
#bottom{
	width:100%;
	float:left;
	height:600px;
	background-repeat:repeat-x;
	background-color:#a5a56d;
}
.container{
	margin-left:auto;
	margin-right:auto;
	width:830px;
}
#feature{
	width:350px;
	height:59px;
	overflow:hidden;
	float:left;
	margin:15px 0 0 0;
}
#navigation{
	width:430px;
	float:right;
	padding:30px 0 0 0;
}
#navigation ul{
	float:right;
}
#navigation ul li{
	display: inline;
	float: left;
	padding:0 0 0 21px; 
}
#navigation ul li a{
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
}
#navigation ul li a:hover{
	color:#bfb434;
}
#header{
	width:830px;
	float:left;
	padding:27px 0 0 0;
}
#logo{
	width:155px;
	float:left;
	padding:0 0 0 30px;
}
#development{
	width:560px;
	float:left;
	padding:51px 0 0 10px;
}
#development h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:normal;
	line-height:1;
}
#development h2{
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	padding:3px 0 0 0;
}
#showcase{
	margin:-145px 0 0 0;
	width:830px;
	height:290px;
	float:left;
	padding:40px 0 0 0;
	overflow:hidden;
	z-index:100;
	position:relative;
}

#showcase-pricing{
	position:absolute;
	top:60px;
	right:20px;
	text-transform:uppercase;
	z-index:200;
	background-color:#314d3a;
	padding:10px;
	font-size:15px;
	font-weight:bold;
    -moz-border-radius:10px; 
  	-webkit-border-radius:10px; 
    border-radius:10px; 
}
#showcase-pricing .white{
	height:auto;
	cursor:pointer;
}
#showcase-pricing .gold{
	height:auto;
	cursor:pointer;
}
#showcase-pricing:hover{
	background-color:#283a2e;
}

#banner{
	float:left;
	width:830px;
	height:290px;
	}
	
#banner img{
	border:1px solid #9b8098;
}

#banner p{
	margin:0;
	padding:0;
	}
	
#strap{
	width:830px;
	float:left;
	padding:40px 0 0 0;
}
#strap h2{
	font-size:24px;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif
}
#downloadablearea{
	width:830px;
	float:left;
	padding:42px 0 0 0;
}
.download{
	width:270px;
	float:left;
	height:100px;
}
.download img{
	float:left;
	padding:0 10px 0 0;
}
.download h3 a{
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:0.9;
	float:left;
}
#save{
	width:830px;
	float:left;
	padding:50px 0 0 0;
	color:#FFFFFF;
	font-size:19px;
}
#save p{
	padding:0 0 5px 0;
}
#wjlaw{
	width:830px;
	float:left;
	padding:40px 0 0 0;
	color:#908f76;
	font-size:12px;
}
#wjlaw a{
	color:#908f76;
	text-decoration:underline;
}#adobe{
	width:830px;
	float:left;
	padding:20px 0 0 0;
	color:#908f76;
	font-size:9px;
}
#adobe a{
	color:#908f76;
	text-decoration:underline;
}
.terms{
	padding:5px 0 0 0;
	float:left;
}
.terms p{
	color:#fafdd3;
	font-size:10px;
}
#contact{
	width:830px;
	float:left;
	padding:45px 0 0 0;
	font-size:14px;
	color:#333333;
}
#contact h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	color:#314d3a;
	padding:0 0 15px 0;
}
#agents{
	width:830px;
	float:left;
	padding:40px 0 0 0;
}
.estateagents{
	width:400px;
	float:left;
	padding:0 0 0 10px;
}
.estateagents img{
	border:1px solid #abaa97;
	margin:0 17px 0 0;
	float:left;
}
.text{
	width:175px;
	float:left;
}
.text h4 a{
	color:#FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 0 0 0;
}
.text h4 a{
	text-decoration:none;
}
.text h2 a{
	text-decoration:none;
}
.text h3 a{
	text-decoration:none;
}
.text h2 a{
	color:#bfb434;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	padding:2px 0 0 0;
}
.text h3 a{
	color:#bfb434;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	padding:3px 0 0 0;
}
.estateagents h3{
	color:#3a2d20;
	font-size:18px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.3;
}
.estateagents p{
	color:#3e3832;
	font-size:12px;
	padding:10px 0 0 0;
}
.estateagents a{
	color:#3e3832;
	font-size:12px;
	text-decoration:none;
}


#social-media-icons{
	float:left;
	width:130px;
	position:relative;
	height:24px;
	margin-top: 45px;
}

#flickr1 a{
	text-indent:-99999px;
	float:left;
	width:24px;
	height:24px;
	background:url(../images/flickricon.jpg);
	background-repeat:no-repeat;
	padding-right: 8px;
	
	}

#twitter a{
	text-indent:-99999px;
	float:left;
	width:24px;
	height:24px;
	background:url(../images/twitter.png);
	background-repeat:no-repeat;
	padding-right: 8px;
	
}
#facebook a{
	text-indent:-99999px;
	float:left;
	width:24px;
	height:24px;
	background:url(../images/facebook.png);
	background-repeat:no-repeat;
	padding-right: 8px;
	
}
#rss a{
	text-indent:-99999px;
	float:left;
	width:24px;
	height:24px;
	background:url(../images/rss.png);
	background-repeat:no-repeat;
	padding-right: 8px;
}

.up{
	float:right;
	font-size:14px;
	padding:18px 0 0 0;
}
.up a:link{
	text-decoration:none;
	color:#908f76;
}
.up a:hover{
	text-decoration:none;
	color:#908f76;
}
.up a:visited{
	text-decoration:none;
	color:#908f76;
}
.up1{
	float:right;
	font-size:14px;
	padding:48px 0 0 0;
}
.up1 a:link{
	text-decoration:none;
	color:#5a5240;
}
.up1 a:hover{
	text-decoration:none;
	color:#5a5240;
}
.up1 a:visited{
	text-decoration:none;
	color:#5a5240;
}
.white{
	color:#FFFFFF;
}
.white1{
	color:#FFFFFF;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
}
.gold1{
	font-size:18px;
}
.grey{
	color:#908f76;
}
.bold{
	font-weight:bold;
}
save a{
	color:#bfb434;
	text-decoration:none;
}
.com {
	float:left;
	font-size:11px;
	padding: 30px 0 0 0;
	color:#5a5240;
}
.com a:link{
	text-decoration:underline;
	color:#5a5240;
}
.com a:hover{
	text-decoration:none;
	color:#bfb434;
}
.com a:visited{
	text-decoration:underline;
	color:#5a5240;
}

/* Feedback Tab */
a#feedback_tab {
    position: absolute;
    right: 0;
    top:240px;
    display: block;
	background-image:url(../images/mailinglist.png);
	background-repeat:no-repeat;
    text-indent: -9999px;
    width:35px;
    height:142px;
    }
    
a#feedback_tab:hover {
    cursor: pointer;
	background-position:-35px 0;
    }

/* Feedback Tab End */

/* Live Pricing Tab */
a#live_pricing {
    position: absolute;
    right: 0;
    top:389px;
    display: block;
	background-image:url(../images/livepricing.png);
	background-repeat:no-repeat;
    text-indent: -9999px;
    width:35px;
    height:142px;
    }
    
a#live_pricing:hover {
    cursor: pointer;
	background-position:-35px 0;
    }

/* Live Pricing Tab End */

.modal_download{
	width:270px;
	float:left;
	padding:20px 0 20px 105px;
}

.download{
	width:270px;
	float:left;
}


.download img, .modal_download img {
	float:left;
	padding:0 10px 0 0;
}
.download h3{
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:0.9;
	float:left;
}


.modal_text h4 {
	color:#33052c;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 0 0 0;
}

.modal_text h4 a {
	color:#33052c;
	text-decoration:none;
}

.modal_text h2 a  {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#a5a56d;
	text-decoration:none;
	font-weight:normal;
	font-size:24px;
}

.modal_text h3 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#b2b276;
	text-decoration:none;
	font-weight:normal;
	font-size:18px;
}


#fairytale-cottage{
	width:830px;
	float:left;
	background:url(../images/front-elevation.jpg) right bottom no-repeat;
	padding:0 0 50px 0;
	margin:0 0 150px 0;
}
.fairytale-title{
	width:830px;
	float:left;
	padding:0 0 50px 0;
}
.fairytale-title h1{
	width:725px;
	float:left;
	font-size:86px;
	font-family:Trajan Pro, Georgia, "Times New Roman", Times, serif;
	color:#cbbf43;
	line-height:86px;
	text-transform:uppercase;
	font-weight:normal;
}
.fairytale-description{
	width:830px;
	float:left;
	padding:0 0 50px 0;
}
.fairytale-description h2{
	width:454px;
	float:left;
	font-size:36px;
	font-family:Trajan Pro, Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:46px;
	text-transform:uppercase;
	font-weight:normal;
}
.fairytale-price{
	width:830px;
	float:left;
	padding:0 0 50px 0;
}
.fairytale-price h3{
	width:400px;
	float:left;
	font-size:24px;
	font-family:Trajan Pro, Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:35px;
	text-transform:uppercase;
	font-weight:normal;
}



/* new changes */


#infoarea{
	width:830px;
	float:left;
	padding:15px 0 0 0;
}

#leftarea_buttons{
	width: 550px;
	height: 60px;
	float:left;
		
}

.housebuttonlink {
	background-color: #1f3729;
	float: left;
	margin: 60px 15px 20px 0px;
	padding: 10px 10px 10px 10px;
	width: 140px;
	text-align:center;
	
}

#leftarea_buttons a{
	color:#FFF;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

#leftarea_buttons a:hover{
	background-color:#43614c;
	
}

#otherdevelopments{
	width: 550px;
	height: 280px;
	float:left;
	margin-top: 50px;
}

#otherdevelopments h3{
	font-size:22px;
	padding-top: 30px;
	font-weight:normal;
	margin:0 0 30px 0;
}

.development_link_left {
	width:250px;
	margin:0 0 20px 0;
	float: left;
	
}

.development_link_right {
	width:250px;
	margin:0 50px 20px 0;
	float: right;
	
}
.development_link_left a, .development_link_right a{
	float:left;
	width:210px;
	padding:0 0 0 40px;
	color:#FFF;
	background:transparent url(../images/developmentlink.png) no-repeat 0 -29px;
	text-transform:uppercase;
}
.development_link_left a:hover, .development_link_right a:hover{
	background-position:0 0;
}

.wjlawlink{
	padding: 120px 0 0 0;
	font-size:16px;
}

.wjlawlink a{
	text-decoration:underline;
}




#pdfarea{
	height: 300px;
	width: 280px;
	float:right;
	
}