@charset "utf-8";

/*
 * Default formatting
 */


html, body {
    width: 100%;
    margin: 0px 0px;
}

body
{
    font: 12px  Arial, Helvetica, sans-serif;
    color: #666666;
}

html { background: url(/asset/images/1px_hoz.png) repeat-y bottom #C2E066 ; }
body {
    background-color: #C2E066;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-repeat: repeat-x;
    background: url(/asset/images/1pix.png) repeat-x top ;
}

h1, h2, h3, h4, h5, h6, h7, p
{
    margin: 0px;
    padding: 5px 0px;
}

h1 
{
    color: #496200;
    font-size: 16px;
    font-weight: normal;
    border-bottom: #D1D8BF 1px solid;
    font-weight: bold;
    text-transform: uppercase;
}

h1.noborder { border:none; }
     h1 a { color: #496200; display: block; text-decoration: none; border-bottom: #D1D8BF 1px solid; }
     h1 a:hover { color: #B3D940; text-decoration: none; border-bottom: #B3D940 1px solid; }
     h1 a span { color:#B3D940; }
      

h2
{
    font-size: 16px;
    color: #496200;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom:1px solid #C4CCAD;
    padding-bottom:1px;
    margin-bottom:6px;
}

h4 { color:#A4B07F; font-weight: normal; font-size: 14px; }

    h2 a {
        color: #999;
    }
    
    h2 a:hover {
        color: #666;
    }

a
{
    color: #85B000;
    text-decoration: underline;
}

a:hover
{
    color: #444;
    text-decoration: underline;
}

img
{
    border: 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.frame
{
    border: 2px solid #999;
    margin: 5px 10px;
}

.icon {
    background-color: #999;
}

.shade { background:#EDEFE7; padding:0px 12px; }

.nomargin { margin: 0; }
.hidden { display: none; }
ul.noBullet {
    margin: 0;
    padding: 0;
    list-style: none;	
}

/*
 * Styling and page layout
 */

#wrapper {
	position: relative;
    width: 960px;
    margin: 0px auto; 
    background: url(/asset/images/1px_hoz.png) repeat-y bottom left #C2E066 ;
}
#container{
   
    margin: 0px 15px;
    min-height: 550px;
    padding: 10px 24px;
    height: auto !important;
    height: 550px;
    padding-bottom:60px; 
}
#header {
    background: url(/asset/images/header_bg.png) repeat-x top;
    height: 145px;
    padding:0 15px;
    position: relative;
}
#btmLeft {
    position: absolute;
    bottom:0px;
    left:0px;	
    width: 15px;
    height: 11px;
    background: url(/asset/images/header_btmleft.png) bottom left no-repeat;
}
#btmRight {
    position: absolute;
    bottom:0px;
    right:0px;   
    width: 15px;
    height: 11px;
    background: url(/asset/images/header_btmright.png) bottom right no-repeat;
}
    #logo {
        position: absolute;
        left: 50px;
        top: 25px;
        font-size: 3.0em;
        color: #fff;
    }
    
    #slogan {
        position: absolute;
        left: 150px;
        top: 60px;
        font-size: 1.8em;
        color: #f0f0f0;
    }
    
    #navigation {
        font-size: 1.2em;
        color: #fff;
        padding-top:3px;
        padding-left: 20px;
    }
    
        #navigation ul, #navigation ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        #navigation ul li {
            display: block;
            float: left;
            line-height: 25px;
            height: 25px;
            margin: 0px 2px;
        }
        
        #navigation ul li a {
            display: block;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px;
            color: #FFF;
            text-decoration: none;
            font-size: 15px;
            font-weight: bold;
            text-transform: uppercase;
            float: left;
        }
        
        #navigation ul li span { padding:0 15px; display: block; float: left; color: #778940 }
        
        #navigation ul li.hover, #navigation ul li:hover {
           
        }
        
        #navigation ul li.hover a, #navigation ul li:hover a {
            color: #CADD90;
        }
        
        #navigation ul li.active {
        }
        
        #navigation ul li.active a {
            color: #B3D940;
        }

    
    /*
     * Left-hand column
     */
     
    #leftCol  {
        width: 560px;
        float: left;
    }

    #main-left .content {
        padding: 5px 10px;
        font-size: 1.2em;
    }
    
    /*
     * Right-hand column
     */
    
    #rightCol {
        width: 300px;
        float: right;
    }
    
    #main-right .heading {
        background: transparent url('../images/black/sidebar_bg.png') no-repeat left top;
        height: 27px;
        line-height: 27px;
        padding-left: 10px;
    }
    
        #main-right .heading h2 {
            color: #fff;
            font-size: 1.4em;
            font-weight: normal;
            padding: 0px;
            margin: 0px;
        }
    
    #main-right .content {
        background: #eee url('../images/black/sidebar_bg_bottom.png') no-repeat left bottom;
        padding: 5px 10px 15px;
        font-size: 1.1em;
        margin-bottom: 10px;
    }

#footer {
    position: absolute;
    bottom: 5px;
    left: 40px;
    width: 870px;
    height: 35px;
    margin: 0px auto;
    border-top:1px solid #D1D8BF;
    color:#A4B07F;
    font-size: 11px;
    padding-top: 5px;
}

#interspeed { float: right; width:200px; text-align: right; }

    #footer .content {
        text-align: center;
        font-size: 1.1em;
        color: #fff;
        line-height: 35px;
    }
    
        #footer a {
            color: #A4B07F;
            text-decoration: none;
        }
        
        #footer .content a:hover {
            color: #f0f0f0;
            text-decoration: underline;
        }


/* Blocks, widgets */

#featured div.houseBlock div.content {
    height: 100px;
}
#contactTable{
    padding-bottom: 40px;	
    padding-top:10px;   
	
}
#contactMap {
	   width: 430px;
	   height: 200px;
	   float: right;
	   margin-top: 10px;
}
div.houseBlocks div.houseBlock { width: 280px; float: left; margin-right: 20px; margin-bottom: 15px; position: relative; }
div.houseBlock  a { text-decoration: none; }
div.houseBlocks div.houseBlock h2 {
    border-top:1px solid white;
    border-bottom:none; 
    color: white;
    
    height:30px;
    line-height: 30px;
    background: #85B000;
    padding:0 10px;
    margin-bottom: 0;
}
div.houseBlocks div.houseBlock div.content {
	background: #9DC033;
    color: #fff;
    font-size:12px;
    line-height: 140%;
    padding: 5px 10px;
}
	div.houseBlocks div.houseBlock div.content a {
	    color: white;	
	}

div.houseBlocks div.houseBlock div.options {
	background:#C2E066;
    border-top:1px solid white;
    padding:10px 0;
}
	div.houseBlocks div.houseBlock div.options a {
	    padding-left:26px;
	    background: top left no-repeat;
	    height: 20px;
	    line-height: 20px;
	    display: block;
	    width: auto;
	    margin-left: 5px;
	    color: #759B00;
	}
	div.houseBlocks div.houseBlock div.options a:hover { text-decoration: none; }
		div.houseBlocks div.houseBlock div.options a.viewplans {
			background-image: url(../images/icons/mag_green.gif);
			float: left;
		}
		div.houseBlocks div.houseBlock div.options a.viewlistings {
		    background-image: url(../images/icons/mag_green.gif);
		    float: right;
		    margin-right: 5px;
		}
		
div.houseBlocks div.darkgreen h2 {
    background: #496200;
}
    div.houseBlocks div.darkgreen div.content  {
        background: #6D8133;    
    }
    div.houseBlocks div.darkgreen div.options {
        background: #C8D0B2;
    }
    div.houseBlocks div.darkgreen div.options a {
        color: #6D8133;
    }    
    div.houseBlocks div.darkgreen div.options a.viewplans {
        background-image: url(../images/icons/mag_darkgreen.gif);
    }
    div.houseBlocks div.darkgreen div.options a.viewlistings {
        background-image: url(../images/icons/mag_darkgreen.gif);
    }
    
    
div.houseBlocks div.darkblue h2 {
	background: #001D59;
}
	div.houseBlocks div.darkblue div.content  {
	    background: #334A7A;	
	}
	
    div.houseBlocks div.darkblue div.options {
        background: #B2BBCD;
    }
    div.houseBlocks div.darkblue div.options a {
        color: #334A7A;
    }    
    div.houseBlocks div.darkblue div.options a.viewplans {
        background-image: url(../images/icons/mag_darkblue.gif);
    }
    div.houseBlocks div.darkblue div.options a.viewlistings {
        background-image: url(../images/icons/mag_darkblue.gif);
    }	

div.sold { 
    position: absolute;
 
    right:0;
    width:100%;
    height:20px;
  /*  background: url(../images/sold.jpg) no-repeat;
   */
    z-index:100;
    text-align: center;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    font-size:17px;
    line-height:20px;
    background: red;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    
}
#galleryContainer div.sold { 
    top:10px;  
    height: 30px;
    line-height: 30px;
    font-size: 20px;
}
#featured div.sold { 
    top:120px;	
}
.listing div.sold {

    bottom:40px;
}
div.houseBlocks div.homeBlock { width: 270px; }
div.homeBlocks div.darkblue { margin: 0; }
div.houseBlocks div.darkgreen { margin: 0; }
#blocks ul {
    list-style:none;
    width: 100%;
    margin: 0;
    padding:0;	
    padding-top:8px;
}
#blocks ul  li { text-align: center; padding-bottom:8px; }

#pastProjects { padding-bottom: 8px; padding-top: 0px; }
#pastProjects img { float:left; padding-right: 5px; }
#pastProjects li { clear: left; margin-bottom:8px; }
#pastProjects li a { color: white; text-decoration: none; }
#pastProjects li a:hover { text-decoration: underline; }
#pastProjects li a.textLink { padding-top:5px; display: block; }
	.greenish {
	    background: #98a284;
	}
	.lightblue { 
	    background: #97a6ac;
	}
	.brown {
	    background: #b9a073;
	}
	
#pastProjectListings { margin-top:10px; }

#pastProjectListings  .listing {  border: 1px solid #D1D8BF; } 

#pastProjectListings  .listing a.imgLink {
    float: left;	
    margin-bottom: 10px;
}

#pastProjectListings  .listing div.imgList {
	margin-top: 10px;
	clear: both;	
}
#pastProjectListings  .listing div.imgList a {
    margin-right: 5px;
}
#pastProjectListings  .listing div.listingContent {
    float: left;
    margin-left: 1px;
    width: 619px;
    background: #C8D0B2;
    height: 70px;
    padding: 10px;
    color: #425221;
}


.clearBoth { clear: both; }
#homePageGallery { height:220px; width:560px; overflow: hidden; position: relative; }
#homePageGallery div#imgNav { position: absolute; bottom:0; right: 0; margin-right:6px; z-index:101; }
#homePageGallery div#caption { 
	z-index:100;
	position: absolute; 
	bottom:0; 
	left: 0; 
	height: 20px;
    width:100%;
    line-height: 20px;
	background: url('../images/caption_bg.png');

}
#homePageGallery div#caption h3 { 
	margin:0 0 0 10px;
    color:white;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
}

#imgNav a { 
	   background: #FFF; 
	   text-decoration: none; 
	   display: block; 
	   height:7px; 
       width: 7px;
	   margin: 0 3px; 
	   overflow: hidden;
	   text-indent: 2000px;
	   float: left;
	   margin-bottom: 6px;
}
#imgNav a.activeSlide { background: #99CC00 }
#imgNav a:focus { outline: none; }



#feedback {
    margin-left: 15px;	
    color: #6D8133;
    padding-bottom: 15px;
}

#feedback li {
    border-bottom:1px solid #C3CCAC;
     font-style: italic; 
     padding-bottom: 10px;
}
#feedback li span {display: block;text-align: right; color: #496200; margin-right: 8px; }

/* Lot Page */
#galleryContainer { width:560px; text-align: center; background: #EDEFE7; position: relative; }
#galleryNav {
	position:relative;
    background: #D1D8BF;
    text-align: center;
    color: #496200;
    height: 30px;
    line-height: 32px;
}
#galleryNav a { margin-top:7px;  }
#galleryNav #galprev { float:left; margin-left:220px; }
#galleryNav #galnext { float:right; margin-right:220px; }
#galleryNav span {  }

#gallery { height:300px; }

#features, #actions {
    width: 270px;	
    float: right;
    clear: right;
}

#features h2 { margin: 0; }

#features ul {
    list-style: none;
    padding: 0; 
}

#features ul li {
    color: #666666;
    background: url(../images/line.gif) no-repeat left 10px;
    padding-left:13px;
    line-height: 180%;
}

#actions { 
    background: #D1D8BF;	
    padding: 5px 0px;
    width: 294px;
    margin: 0;
}

#actions a { 
	display: block; 
	color: #496200;
	margin-bottom: 3px;
	margin-left: 10px;
	background: left bottom no-repeat;
	padding-left:25px;
	height: 20px;
	line-height: 20px;
}
#actions a:hover { text-decoration: none; } 
#actions a#printBtn { background-image:url(../images/icons/print_btn.gif); }
#actions a#emailBtn { background-image:url(../images/icons/email_btn.gif); }
#actions a#enquiryBtn { background-image:url(../images/icons/enquiry_btn.gif); }
#actions a.documentBtn { background-image:url(../images/icons/document_btn.gif); text-transform: lowercase; }

#lotListings { padding-top:15px; }
.listing { clear: both; margin-bottom: 15px; background: #EDEFE7; padding: 10px; position: relative; }
.listing .attributes { position:absolute; top: 10px; right: 10px; font-weight: bold; font-size: 14px; }
.listing .attributes span { margin-right:10px; color: #425221; }
.listing .icon_bed {  background:url("../images/icons/icon_bed.gif") no-repeat right top; padding-right: 25px; }
.listing .icon_couch {  background:url("../images/icons/icon_couch.gif") no-repeat right top; padding-right: 25px; }
.listing .icon_bath {  background:url("../images/icons/icon_bath.gif") no-repeat right top; padding-right: 25px; }
.listing .icon_garage {  background:url("../images/icons/icon_garage.gif") no-repeat right top; padding-right: 25px; }
.listing .icon_land{  background:url("../images/icons/icon_land.gif") no-repeat right top; padding-right: 28px; padding-top:4px; margin-right: 7px;  }
.listing .listingImg  {  float: right; position: relative; }
.listing a.imgLink {  line-height: 0;}
.listing a.imgLink:hover { }  
	
.listing h2 a { color: #496200; display: block; text-decoration: none; font-size: 15px; border-color: #C4CCAD; }
.listing h2 a:hover { color: #B3D940; }
.listing h2 a span { color:#B3D940; }
.listing .featureList { margin:0; list-style: none; padding-left: 8px; }
.listing .featureList li { padding: 2px 0 2px  8px; background: url('/asset/images/line.gif') no-repeat left 9px; }
.listing h3 { font-size:12px; text-transform: uppercase; font-weight: normal; color: #496200; }
.listing .listingLink { position:relative; }
.listing .listingLink a { 
	height:30px; 
	border-top:1px solid white; 
	text-align:right; 
	display: block; 
	background:url("../images/icons/mag_darkgreen.gif") #C8D0B2 no-repeat 215px 5px;
	padding-right: 5px;
	line-height: 30px;
	color: #6B8030;
}

.listingLink .price { position: absolute; left:5px; top:8px; font-size: 13px; font-weight: bold; color: #425221; width:auto; }

#lotListings div.listingImg  { width: 315px; }
#lotListings div.listingImg a.packageLink {
    width: 315px;	
}
#locationMap { width: 294px; height: 215px; clear:both; margin-left:6px; }
#mapLink {  width: 294px; margin-left:6px; background: #EDEFE7; }
#mapLink a { display: block; padding:3px; color: #496200; text-align: center; text-decoration: none; }
#mapLink a:hover { color:#FFF; background: #496200; }

.details { font-weight: bold; font-size: 14px; padding:5px 0; border-bottom: 1px solid #D1D8BF; margin-bottom: 10px;  }
.details span { margin-right:10px; color: #425221;height:30px; }
.details .icon_bed {  background:url("../images/icons/icon_bed_white.gif") no-repeat right top; padding-right: 25px; }
.details .icon_couch {  background:url("../images/icons/icon_couch_white.gif") no-repeat right top; padding-right: 25px; }
.details .icon_bath {  background:url("../images/icons/icon_bath_white.gif") no-repeat right top; padding-right: 25px; }
.details .icon_garage {  background:url("../images/icons/icon_garage_white.gif") no-repeat right top; padding-right: 25px; margin-right:3px;  }
.details .icon_land {  background:url("../images/icons/icon_land_white.gif") no-repeat right top; padding-right: 28px; margin-right:3px; padding-top:4px;  }
#allPackagesLink{
	 clear:both;
	margin-bottom: 15px;
}
#allPackagesLink a {
    font-size: 15px;
    display: block;
    height:30px;
    line-height:30px;
    color: #3B6100;
    text-transform: uppercase;
    padding-right: 20px;
    background: url(/asset/images/arrow.jpg) right top no-repeat;
    width: 172px;
    text-decoration: none;
    text-align: left;
}
#allPackagesLink a:hover {
	color: #496200;
	text-decoration: underline;
}

/*
 * Hax (don't look here)
 */
 
.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%;
}