.header,.content, div.googleMapContent{width:880px; margin:0 auto; background-color:#233e35; padding:0px 20px; clear:both}

.header{ height:75px; background:#233e35 url(../img/head2.jpg) no-repeat center top; position:relative;}
.header .logo{ display:block; width:150px; height:70px;}
.headnav{ margin-top:32px;  margin-right:35px;}
.headnav ul{}
.headnav li{ float:left; }
.headnav li a:link,
.headnav li a:visited
{
	display: block;
	height: 40px;
	background-repeat: no-repeat;
}
.headnav li a:hover
{
	background-position: 0 50%;
}
.headnav li a.selected
{
	background-position: 0 100%;
}
.nav-home
{
	width:  63px;
	background-image: url(../img/nav/home.gif);
	background-position: 0 0;
}
.nav-location
{
	width:  77px;
	background-image: url(../img/nav/location.gif);
	background-position: 0 0;
}
.nav-community
{
	width: 92px;
	background-image: url(../img/nav/community.gif);
	background-position: 0 0;
}
.nav-displayvillage
{
 width:  110px; 

	background-image: url(../img/nav/homeland.gif);
	background-position: 0 0;
}
.nav-siteplan
{
	width:  75px;
	background-image: url(../img/nav/siteplan.gif);
	background-position: 0 0;
}
.nav-news
{
	width:  55px;
	background-image: url(../img/nav/news.gif);
	background-position: 0 0;
}
.nav-aboutdevine
{
	width:  102px;
	background-image: url(../img/nav/aboutdevine.gif);
	background-position: 0 0;
}
.nav-contactus
{
	width:  97px;
	background-image: url(../img/nav/contactus.gif);
	background-position: 0 0;
}


.popupnav{ top:60px; left:255px; position:absolute}
.popupnav ul{ width:148px; border:#FFFFFF 1px solid; border-top:none; background:#f2fafb url(../img/popnav-bg.gif) repeat-x bottom; padding:10px 0px}
.popupnav ul li{ float:none; height: 18px;}
.popupnav ul li a{ background:url(../img/arrow.gif) no-repeat 6px 5px; color:#506c60; display:block;padding-left:20px; font-size:10px; height:18px; line-height:18px; text-decoration: none;}
.popupnav ul li a:hover{padding-left:20px; color:#fff; background-color:#506c60; background-position: 6px 5px;  height: 18px;}

.bodytitle{ width:880px; margin:0 auto;clear:both; height:0px; position:relative}
.bodytitle .title{ position:absolute; top:195px; left:210px; z-index:5}
.bodytitle .title h5{ position:relative; top:-12px; }

.content .left{ width:173px;}
.content .rightpart{ width:670px; background:url(../img/contentbg.gif) repeat-x 0px -180px;}
.content .center{  width:399px; padding:0px 30px 20px 35px}
.centerbottom{ margin:2px; background-color:#2f4a40; height:5px;}
.content .right{width:180px; padding-left:24px; background:#203b32 url(../img/right-bg.gif) no-repeat top left; min-height:500px;_height:500px}
.content .homeright{width:180px; padding-left:24px; background:#203b32 url(../img/homeright-bg.gif) no-repeat top left; min-height:215px;_height:215px;}

.bodycontent p{ margin-bottom:10px; line-height:130%}
.bodycontent h3,.bodycontent h4{ margin:15px 0px}
.bodycontent ul { margin:20px 0px}
.bodycontent ul li{ background:url(../img/li-img.gif) no-repeat; padding-left:20px; margin-left:10px; margin-bottom:5px; color:#8c9d87}

#leftColumn {
	float: left;
	padding-right: 20px;
	width: 400px;
}

#rightColumn {
	float: left;
	width: 160px;
}

#clear {
	clear: both;
}
	
.imgbox{ width:364px; margin:15px 0px; font-size:11px;}
.imgbox img{ border:#3b574b 2px solid}
.imgbox .text{ background:url(../img/imgboxshadow.gif) repeat-x top; padding:5px 0px;font-weight:bold}
.imgbox .text .l a{ color:#adbca8; text-decoration:none}
.imgbox .text .r a{ color:#bda67c; background:url(../img/photo.gif) no-repeat 0px 2px; padding-left:15px;text-decoration:none}
.imgbox .text .r a:hover{background:url(../img/photohover.gif) no-repeat 0px 2px;}

.imgbox2{ width:154px; margin-bottom:10px}
.imgbox2 img{ border:#3b574b 2px solid}
.imgbox2 .text{ background:#2a413a url(../img/imgbox2-bg.gif) repeat-x top;border:#3b574b 2px solid; border-top:none; }
.imgbox2 .textactive{ background:#917e5a url(../img/imgbox2-bg-hover.gif) repeat-x ; padding:5px 10px;border:#3b574b 2px solid; border-top:none; padding-right:0px}
.imgbox2 .shadow{ background:url(../img/imgboxshadow.gif) repeat-x top; height:10px}
.imgbox2 .flash{ height:120px; width:150px;border:#3b574b 2px solid}

.imgbox2 .map{background:url(../img/icon/map.gif) no-repeat; width:150px; height:25px; display:block}
.imgbox2 .googlemap{background:url(../img/icon/googlemap.gif) no-repeat; width:150px; height:37px; display:block}
.imgbox2 .findus{background:url(../img/icon/findus.gif) no-repeat; width:150px; height:25px; display:block}
.imgbox2 .photogallery{background:url(../img/icon/photogallery.gif) no-repeat; width:150px; height:25px; display:block}
.imgbox2 .search{background:url(../img/icon/search.gif) no-repeat; width:150px; height:36px; display:block}
.imgbox2 .guide{background:url(../img/icon/guide.gif) no-repeat; width:150px; height:36px; display:block}
.imgbox2 .village{background:url(../img/icon/village.gif) no-repeat; width:150px; height:25px; display:block}
.imgbox2 .riverplan{background:url(../img/icon/riverplan.gif) no-repeat; width:150px; height:25px; display:block}
.imgbox2 .aerial{background:url(../img/icon/aerial.gif) no-repeat; width:150px; height:25px; display:block}
.imgbox2 .siteplan{background:url(../img/icon/siteplan.gif) no-repeat; width:150px; height:37px; display:block}
.imgbox2 .newsletter{background:url(../img/icon/investment.gif) no-repeat; width:150px; height:37px; display:block}
.imgbox2 .devinecom{background:url(../img/icon/visitdevine.gif) no-repeat; width:150px; height:25px; display:block}

.imgbox2 .tvad-neighbourhood{background:url(../img/icon/ad-neighbourhood.gif) no-repeat; width:150px; height:25px; display:block}
.imgbox2 .tvad-infrastructure{background:url(../img/icon/ad-infrastructure.gif) no-repeat; width:150px; height:25px; display:block}
.imgbox2 .tvad-homesandland{background:url(../img/icon/ad-homeandland.gif) no-repeat; width:150px; height:25px; display:block}
.imgbox2 a:hover{ background-position:bottom}

.imgbox3{width:600px; margin-bottom:20px;}
.imgbox3 .show{border:#3b574b 2px solid;}
.imgbox3 .text{ background:url(../img/imgbox3-bg.gif) repeat-x top; height:80px; border-left:#3b574b 2px solid; border-right:#3b574b 2px solid; }
.imgbox3 ul{ margin:0px; margin-left:20px; }
.imgbox3 ul li{ float:left; padding:0px;  height:40px; margin:0px}

.homelist{ border-bottom:#2f4b42 1px solid; padding-bottom:10px; margin-bottom:5px}
.homelist .imgbox{ width:244px; font-size:11px; margin:0px}
.homelist .imgbox .text { padding:5px 0px;}
.homelist .imgbox .text .l a{ font-size:11px; font-weight:100}
.homelist .data{ width:140px;}


.shadowbtm{ background:url(../img/shadowbtm.gif) repeat-x; height:12px; margin-top:15px; clear:both}

.form-t{}
.form-s{}
.check{ margin:0px 5px}

.linkbtn1{ display:block; background: url(../img/icon/linkbtn1.gif) no-repeat; padding-left:20px; color:#bda67c; font-weight:bold; text-decoration:none}

.footer{ margin-left:205px; padding:10px;color:#5d7269; font-size:11px;}
.footer a{color:#5d7269; text-decoration:none}
.footer img{ margin-left:120px; vertical-align:middle}


.siteplan{ background:url(../img/siteplan-sml.gif) no-repeat; width:406px; height:420px}
.siteplan #placement{ width:406px; height:420px; position: relative;}
.siteplan a { display:block; float:left; }
.siteplan a.stage01{ background:url(../img/icon/stage1.gif); width:131px; height:57px; position:absolute; top:297px; left:18px;}
.siteplan a.stage02{ background:transparent url(../img/icon/stage2.gif) repeat scroll 0 0; height:57px; width:131px; position:absolute; top:237px; left:11px;}
.siteplan a.stage07{ background:transparent url(../img/icon/stage7.gif) repeat scroll 0 0; height:57px; width:131px; position:absolute; top:334px; left:262px;}
.siteplan a.stage2b{ background:transparent url(../img/icon/stage2b.gif) repeat scroll 0 0; height:57px; width:131px; position:absolute; top:261px; left:311px;}
.siteplan a:hover{ background-position:bottom}


.promo-30000{ width:149px; height:70px; margin-top: 30px; display:block; background:url(../img/promo-30000.gif) no-repeat; position: absolute; z-index: 1000;}
.promo-30000:hover{ background-position:bottom}

.promo-359{ width:149px; height:97px; margin-top: 30px; display:block; background:url(../img/promo-359.gif) no-repeat; position: absolute;}

.home-tvc{ width:202px; height:35px; margin-top: 20px; display:block; background:url(img/icon/home-tvc.gif) no-repeat}
.home-tvc:hover{ background-position:bottom}

.disclaimer
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #5d7269;
}

.news-headline
{
	text-decoration: none;
	font-size: 16px;
	color: #bda67c;
}

.news-release
{
	font-size: 9px;
	color: #d6ded3;
	text-transform: uppercase;
}
.news-update
{
	font-size: 9px;
	color: #f6c254;
	text-transform: uppercase;
}

.news-div
{
	border-top: 2px solid #3b574b;
	margin: 20px 0 20px 0;
}


.tableform{ width:100%;}
.tableform td{ padding:5px; font-size:11px ; text-align:left; vertical-align:top}

.tableform2{ width:100%;}
.tableform2 .sub td{ font-weight:bold}
.tableform2 .line td{ border-bottom: #2f4b42 solid 1px}
.tableform2 td{ padding:3px; font-size:11px ; text-align:left; vertical-align:middle}
.tableform2 td h3{ margin:0px}

fieldset
{
	border: none;
	background:url(../img/shadowbtm.gif) repeat-x; background-position: bottom; clear:both;
	padding-bottom: 30px;
}

fieldset legend
{
	display: none;
}

fieldset div
{
	clear: both;
	padding: 0 0 5px;
}

fieldset div.full
{
	float: left;
	width: 60%;
	padding-left: 40%;
}
	fieldset div.full input.txt,
	fieldset div.full textarea.txt
	{
		width: 90%;
		margin-bottom: 2px;
	}
	fieldset div.full ul
	{
		clear: left;
	}
	fieldset div.full label
	{
		width: 100%;
	}

label
{
	position: relative;
	display: block;
	float: left;
	width: 40%;
	padding-top: 3px;
	
	cursor: pointer;
	font-size: 90%;
}
fieldset ul label
{
	font-weight: normal;
}

input, 
select, 
textarea 
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 90%;
}
fieldset input.txt,
fieldset textarea.txt
{
	width: 45%;
}

fieldset div.buttons
{
	padding-left: 40%;
	margin-top: 30px;
}

input.text,select
{ 
background:url(../img/textbg.gif) repeat-x; 
border:#adbca8 solid 1px; 
font-family:Arial, Helvetica, sans-serif; 
margin:3px 0;
float:left;
}
textarea{border:#adbca8 solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.optional {float: left; font-size: 90%; color: #72806d; margin-left:10px; padding-top:3px;}
input.button
{
	margin-top:10px;
	background:url(../img/icon/submit.gif) no-repeat scroll 0 0;
	height:36px;
	width:88px;
	cursor:pointer;
}
input.button:hover
{
	background-position:0 -36px;
}
div.full label input 
{
	display:inline;
	margin:0 0 0 -16px;
}
div.full
{
	margin: 8px 0 0 16px;
}

.error
{
	margin-left:10px;
	font-size:90%;	
	float:left;		
	clear:none;
	color:#e6b14f;
}

/*******************GOOGLEMAP********************/
.popup
{
	margin: 0px auto;
	height: 550px;
	
	padding: 20px 15px;

}
.googleMapContent
{	

	
}
        .popup .left
		{
            width: 230px;			
			float:left;
        }
        .popup .right
		{
			margin-right: 15px;
            border: solid 2px #213a31;   
			float:right;	
			
        }
        .popup .list li
        {
            background: url(../img/li-img.gif) no-repeat right center;
            height: 24px;
            line-height: 24px;
            padding-left: 10px;
            margin-right: 15px;
            margin-left: 10px;
            border-bottom: #2f4b42 solid 1px;
        }
        .popup .title p
        {
            background: url(../img/googleulli.gif) no-repeat;
            width: 210px;
            padding-left: 20px;
            height: 25px;
            line-height: 25px;
            margin-bottom: 1px;
            color: #bda67c;
        }
        .popup .title ul .popup .title .active
        {
            background-position: bottom;
        }
        h4
        {
            font-weight: bold;
            margin: 20px 0px;
        }
		.popup ul a
		{
			color:#8C9D87;
			text-decoration:none;			
		}
		.popup ul a:hover
		{
			color:#BDA67C;
		}
    
    /* Display Homes */
    ul#display-homes, #display-homes li{
      float: left;
      list-style: none;
      }
      
      
      #display-homes li{
      width: 190px;
      background: #f1f5f8 url(../homes/bg_btm.jpg) bottom center no-repeat;
      padding: 0;
      margin: 0 9px 9px 0;
      height: 620px;
    }
    
    .rooms{
      background: url(../homes/bg_icons.jpg) no-repeat;
      width: 100%;
      float: left;
      height: 35px;
      position: relative;
      color: #fff;
      font-weight: bold;
    }
    
    .rooms div{
      float: left;
      top: 10px;
      position: absolute;
    }
    
    .rooms .car{
      left: 35px;
    }
    
    .rooms .bed{
      left: 75px;
    }
    
    .rooms .bath{
      left: 115px;
    }
    
    
    
    img.full{
      display: block;
    }
    
    .home-detail{
      padding: 19px;
    }
    
    #display-homes h4{
      margin: 0;
            margin-bottom: 1em;
    }
    
    .home-more{
      float: right;
    }
    
    .price{
      font-weight: bold;
      color: #123B2B;
      float: left;
      width: 100%;
      padding: 8px 0;
    }
    
    .home-detail h2{
      padding-bottom: 0;
    }
    
    .home-detail h4{
      padding: 0;
      font-weight: normal;
      font-size: 12px;

    }
    
    .pdflink{
      width: 100%;
      text-align: center;
      display: block;
    }