﻿/*--------------------

  Master Page Styles
  
--------------------*/

#fullcontainer {
                width:950px;
                margin:0 auto;
}

.headerlogoimg {
                display: block;
                margin: 0 auto;
                width: 138px;
}

.headerlogoimg img 
{
    width: 138px;
}

/* Header styles */
#headeroutercontainer {
                width:100%;
                overflow:hidden;
}
#header {
                background-color:#a7a57a;
                padding:0;
}
#header p, #header h1, #header h2 {
                margin: 0 0 10px 0;
}
#header img {
                float:none;
                text-align:center;
                margin:0 auto;
}
#headerlogocontainer {
                background:transparent url('images/bg_header.gif') repeat-x scroll left top;
                border-bottom:1px solid #595845;
                padding:15px;
}

#villageglobalnavoutercontainer {
                padding:0 0 0 0;
                margin:0 -15px;
                background-color:#d4d4aa;
}
#villageglobalnav {
                margin:0 auto;
                padding:5px 0;
                border-top:1px #ffffff solid;
                border-bottom:1px #70716c solid;
                background:transparent url('images/bg_globalnav.gif') repeat-x scroll left top;
}
.menuheadingcontainer {
                display:none;
}
#villageglobalnav ul {
                text-align:center;
                margin:0 auto;
                padding:1px 0 0px 0;
}
#villageglobalnav li {
                display:inline;
                padding:0;
                margin: 0 -2px;
                font-family:"Adobe Garamond Pro", "Adobe Garamond", "Garamond", "Times New Roman", Times, serif;
                font-size:16px;
                font-size:16px;
                color:#6b3f1d;
}
#villageglobalnav li a {
    color:#454a40;
                padding:5px 10px 4px 10px;
}
#villageglobalnav li a:hover {
                color:#6b3f1d;
                text-decoration:none;
                background-color:#d4d4aa;
}


/*--------------------

 Village Layout Styles
  
--------------------*/

.colmask {
                position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */;
                clear: both;
                width: 950px /* width of whole page */;
                margin:0 auto;
                overflow: hidden;            /* This chops off any overhanging divs */
                background-color:#FFFFFF;
}
/* 2 column right menu settings */
.rightmenu {
                background:#f0f0f0 url('images/bg_rightcolumn.gif') repeat-y scroll 673px top;
}
.rightmenu .colleft {
                float: left;
                width: 200%;
                margin-left: -277px;
                position: relative;
                right: 100%;
                background: #f0f0f0;
}
.rightmenu .col1wrap {
                float: left;
                width: 50%;
                position: relative;
                left: 50%;
                padding-bottom: 0px;
}
.rightmenu .col1 {
                margin: 0 15px 0 292px;
}
.rightmenu .col2 {
                float: right;
                width: 245px;
                position: relative;
                left: 260px;
                padding-top:15px;
}
/* Footer styles */
#footer {
                clear: both;
                width:950px;
                margin:0 auto 0 auto;
                background-color:#FFFFFF;
                border-top: 1px solid #000;
}
#footer p {
                padding: 10px;
                margin: 0;
}


/*--------------------

 Global Village Styles
  
--------------------*/


body {
                margin: 0;
                padding: 0;
                border: 0;
/* This removes the border around the viewport in old versions of IE */                width: 100%;
                background: #999999;
                min-width: 600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */;
                font-size: 11px;
                line-height:18px;
                background:url('images/bg.gif') #1e1915 repeat-y fixed center top;
                font-family:Verdana, Arial, Helvetica, sans-serif;
}
a {
                color: #6f6f10;
                text-decoration: none;
}
a:hover {
                text-decoration: underline;
}
ul {
                margin:-10px 0 0 30px;
}
li {
                
}

hr {
                border:0;
                height:2px;
                display:block;
                border-top:1px solid #C1C1C1;
                border-bottom:1px solid #FFFFFF;
                margin:15px 0;
                padding:0px 0 0 0;
                color:#C1C1C1;
}


h1, h2, h3 {
                margin: 16px 0 4px 0;
                padding: 0;
                color:#6b3f1d;
                font-family:"Adobe Garamond Pro", "Adobe Garamond", "Garamond", "Times New Roman", Times, serif;
}

.col1 h1 {
                text-align:center;
                font-size:30px;
                margin-top:19px;
                margin-bottom:12px;
                font-weight:normal;
                padding-bottom:12px;
                background:transparent url('images/bg_contentH1.gif') repeat-x scroll left bottom;
}

.col2 h1 {
                font-size:16px;
                line-height:18px;
                margin-bottom:16px;
}

h2 {
                font-size:18px;
}

h3 {
                font-size:16px;
}

p {
                margin: 8px 0 16px 0;
                padding: 0;
}
a img {
                border:0;
}
.contentimagefull {
    margin:0 -2px 8px -2px;
    border:0;
    clear:both;
}

.contentimageright {
    margin:0 0 10px 15px;
    border:0;
    float:right;
    clear:right;
}

.contentimageleft {
    margin:0 15px 10px 0;
    border:0;
    float:left;
    clear:left;
}

.contentimagefullshadow {
    margin:-2px -2px 6px -2px;
    border:0;
    clear:both;
}

.contentimagerightshadow {
    margin:-2px -2px 8px 13px;
    border:0;
    float:right;
    clear:right;
}

.contentimageleftshadow {
    margin:-2px 13px 8px -2px;
    border:0;
    float:left;
    clear:left;
}

.pagetitle {
                text-align:center;
                font-size:30px;
                margin-top:19px;
                margin-bottom:12px;
                font-weight:normal;
                padding-bottom:0 !important;
                background:none !important;
}

.clearboth {
    clear: both;
}

.clearbothwrap {
    clear:both;
    width: 100%;
    overflow: hidden;
}

/*----------------
News Highlights
----------------*/

table.contactformtable {
                width: 100%;
}

table.contactformtable td {
                padding:0 10px 10px 0;
                vertical-align:top;
                text-align:right;
}

table.contactformtable td h3:first-child {
                margin-top:0;
                margin-bottom:0px;
}

.contacttableheadingtd,
.contactinputtd,
.surveytableheadingtd {
                text-align:left !important;
}

.surveytableheadingtd {
                padding:0 0 0 10px !important;
                border-left:1px solid #CCCCCC;
}

.contactlabeltd {
}

.surveytd {
                vertical-align:top;
                border-left:1px solid #CCCCCC;
                padding:0 0 0 10px !important;
                text-align:left !important;
}

.contactinputtd h3:first-child {
                margin-top:0;
                margin-bottom:0px;
}

.contactinputtd {
                padding-right:10px !important;
}

.surveyinputtd h3:first-child {
                margin-top:0;
                margin-bottom:0px;
}

.surveytd p:first-child {
                margin-top:0;
}

.submitbuttontd {
                text-align:center !important;
                padding:10px 0 0 0 !important;
}

/*----------------

Highlight Control Styles

----------------*/

/*----------------
News Highlights
----------------*/

.highlightcontainer-vertical-village {
    padding:0;
    margin:0;
    cursor:pointer;
}

.highlightcontainer-vertical-village .highlightRowContainer {

}

.highlightcontainer-vertical-village .highlight {
    margin: 0 0 15px 0;
    padding:0 0 17px 0;
    width:100%;
    background:transparent url('images/bg_rightcol_doubleborder.gif') repeat-x scroll left bottom;
}

.highlightcontainer-vertical-village .highlightphoto {
    display:block;
    width: 100px;
    height: 100px;
    padding: 4px;
    margin: -2px -2px 3px 8px;
    background-repeat: no-repeat;
                background:url('images/bg_rightcol_highlight2.png') transparent no-repeat scroll left top;
                float:right;
}

.highlightcontainer-vertical-village .highlightphoto img {
    width: 100px;
    height: 100px;
    margin:0;
    padding:0;
}

.highlightcontainer-vertical-village .highlighttext {
    margin: 0;
    padding:0;
}

.highlightcontainer-vertical-village .highlighttext h1 {
    font-size:16px;
    letter-spacing:normal;
    margin:0 0 0 0;
    padding:0;
    line-height:18px;
                font-family:"Adobe Garamond Pro", "Adobe Garamond", "Garamond", "Times New Roman", Times, serif;
    width:131px;
}

.highlightcontainer-vertical-village .highlighttext h1 a {
                text-decoration:none;
    color:#48512b;
    display:block;
    padding:0 0 3px 0;
}

.highlightcontainer-vertical-village .highlighttext p {
    margin:5px 0 0 0;
    padding:0;
    font-size:10px;
    line-height:16px;
    color:#6a7065;
}

/*----------------
downloads highlights
----------------*/

.highlightcontainer-vertical-villagedownloads {
    padding:0;
    margin:0;
    cursor:pointer;
}

.highlightcontainer-vertical-villagedownloads .highlightRowContainer {

}

.highlightcontainer-vertical-villagedownloads .highlight {
    margin: 0 0 9px 0;
    padding:0 0 0px 0;
    background:none;
clear:both;
float:left;
}

.highlightcontainer-vertical-villagedownloads .highlightphoto {
    display:block;
    width: 54px;
    height: 68px;
    padding: 0 0 2px 0;
    margin: -1px -2px -2px -2px;
    background-repeat: no-repeat;
                background:none;
                float:left;
}

.highlightcontainer-vertical-villagedownloads .highlightphoto img {
    width: 54px;
    /*height: 100px;*/
    margin:0;
    padding:0;
}

.highlightcontainer-vertical-villagedownloads .highlighttext {
    margin: 0;
    padding:16px 0 0 60px;
}

.highlightcontainer-vertical-villagedownloads .highlighttext h1 {
    font-size:15px;
    letter-spacing:normal;
    margin:0 0 0 0;
    padding:0;
    line-height:17px;
                font-family:"Adobe Garamond Pro", "Adobe Garamond", "Garamond", "Times New Roman", Times, serif;
    width:131px;
}

.highlightcontainer-vertical-villagedownloads .highlighttext h1 a {
                text-decoration:none;
    color:#48512b;
    display:block;
    padding:0 0 0px 0;
}

.highlightcontainer-vertical-villagedownloads .highlighttext p {
    margin:0px 0 0 0;
    padding:0;
    font-size:10px;
    line-height:16px;
    color:#6a7065;
}

/*----------------
house plan highlights
----------------*/

.highlightcontainer-horizontal-villagehouses {
    padding:0;
    margin:0 -15px 15px 0;
    cursor:pointer;
}

.highlightcontainer-horizontal-villagehouses .highlightRowContainer {


width:100%;
overflow:hidden;
margin:-2px;
padding:2px;
}

.highlightcontainer-horizontal-villagehouses .highlight {
                width:204px;
                float:left;
    margin: 0 15px 15px 0;
    padding:0 0 7px 0;
                background:transparent url('images/bg_contentH1.gif') repeat-x scroll left bottom;
}

.highlightcontainer-horizontal-villagehouses .highlight:hover {
                background-color:#dbe3cc;
}

.highlightcontainer-horizontal-villagehouses .highlightphoto {
    display:block;
    width: 208px;
    height: 208px;
    padding: 4px;
    margin: -2px -2px 3px -2px;
    background-repeat: no-repeat;
                background:url('images/bg_houseplanhighlight.png') transparent no-repeat scroll left top;

}

.highlightcontainer-horizontal-villagehouses .highlightphoto img {
    width: 200px;
    height: 200px;
    margin:0;
    padding:0;
}

.highlightcontainer-horizontal-villagehouses .highlighttext {
    margin: 0;
    padding:0 0 3px 0;
}

.highlightcontainer-horizontal-villagehouses .highlighttext h1,
.highlightcontainer-horizontal-villagehouses .highlighttext p {
    font-size:16px;
    letter-spacing:normal;
    margin:0 0 0 0;
    padding:0;
    line-height:18px;
                font-family:"Adobe Garamond Pro", "Adobe Garamond", "Garamond", "Times New Roman", Times, serif;
                text-align:center;
                background:transparent none;
    color:#48512b;
}

.highlightcontainer-horizontal-villagehouses .highlighttext h1 a {
                text-decoration:none;
    color:#48512b;
    display:block;
    padding:0 0 0 0;
}


/*----------------
House Details Link Box
----------------*/

div.housedetailslinkdiv {
                float:right;
                margin:16px 0 5px 10px;
                width:130px;
}

div.housedetailslinkdiv img {
                float:left;
                margin:0 8px 0 0;
                height:42px;
}

div.housedetailslinkdiv p {
                float:left;
                text-align:left;
                margin:5px 0 0 0;
                padding:0;
                font-size:10px;
                line-height:16px;
                color:#6a7065;
}

div.housedetailslinkdiv p strong {
                color:#48512b;
                font-weight:bold;
                font-family:"Adobe Garamond Pro", "Adobe Garamond", "Garamond", "Times New Roman", Times, serif;
                font-size:15px;
                line-height:17px;
}


