/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           Mar-28th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #f2e9d8 url(/images/bg.jpg) repeat-x /* Main DIV Background Img */
} 

img {
border: 0px;
}
/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: 10pt 'century gothic', Sans-Serif;
color: #442301;
}
 
input, textarea {
width: 18em;
border: 1px solid #dab16e;
font: 10pt 10pt 'century gothic', Sans-Serif;
color: #442301;
padding: 2px;
margin-bottom: 15px;
}
 
.button {
width: 159px;
border: 0px;
cursor: auto;
margin-bottom: 15px;
}

/* --------------HEADER------------- */

#header {
height: 193px;
background-image: url('/images/headerpic.jpg');

}


/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swaplogo {
height: 193px;
width: 341px;
}

.logolink {
background-image: url('/images/logo.jpg');
background-repeat: no-repeat;
}
 
.logolink a { float: left;  }
 
#swaplogo {
background-image: url(/images/logo.jpg);  
}
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------TOPNAV------------- */

#topnav {
height: 60px;
}

#topnav .navimages {
}

#topnav .navimages a { float: left; }

#swap01 {background-image: url(/images/home2.jpg);  width: 98px;  height: 60px; }
#swap02 { background-image: url(/images/sitemap2.jpg); width: 114px;  height: 60px; }
#swap03 { background-image: url(/images/areamap2.jpg); width: 116px;  height: 60px; }
#swap04 { background-image: url(/images/ammenities2.jpg); width: 115px;  height: 60px; }
#swap05 { background-image: url(/images/photos2.jpg); width: 85px;  height: 60px; }
#swap06 { background-image: url(/images/builders2.jpg); width: 97px;  height: 60px; }
#swap07 { background-image: url(/images/covenants2.jpg); width: 114px;  height: 60px; }
#swap08 { background-image: url(/images/about2.jpg); width: 89px;  height: 60px; }
#swap09 { background-image: url(/images/contactus2.jpg); width: 132px;  height: 60px; }



.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img { height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: #f2e9d8 url(/images/contentbg.jpg) top center no-repeat; /* Main DIV Background Img */
}

#main .content {
padding: 70px 55px 40px 55px;
margin-bottom: 40px;
min-height: 462px; /* Height of Background Img */
height: auto;
color: #442301;
font: 10pt 'century gothic', Sans-Serif;
}

.center{
text-align: center;
}

.text{
color: #442301;
font: 10pt 'century gothic', Sans-Serif;
text-align: justify;
margin: 0px 15px 20px 15px;
}

.text a{
color: #891305;
font: 10pt 'century gothic', Sans-Serif;
text-decoration: underline;
}


#main p {
color: #643301;
font: 10pt 'century gothic', Sans-Serif;
line-height: 18px;
}

.text{
text-align: justify;
margin: 0px 15px 20px 15px;
}


#main .left{
float: left;
width: 400px;
padding: 15px 15px 0px 15px;
}

#main .right{
float: right;
width: 400px;
padding: 15px 15px 0px 0px;
}

#main H1 {
color: #930c00;
font: 20pt 'Times New Roman', Serif;
letter-spacing: 1px;
margin-bottom: 10px;
}

#main H2 {
color: #a36200;
font: 16pt 'Times New Roman', Serif;
letter-spacing: 1px;
margin: 0px 0px 0px 15px;
}


.redheader {
color: #891305;
font: 12pt 'Times New Roman', Serif;
letter-spacing: 1px;
}

.goldheader {
color: #a36200;
font: 12pt 'Times New Roman', Serif;
letter-spacing: 1px;
}

.note {
color: #891305;
font: 8pt 'century gothic', Sans-Serif;
font-style: italic;
}


.errormessage {
color: #da0700;
font: bold 10pt 'century gothic', Sans-Serif;
}


.divider {
height: 38px;
background: #f2e9d8 url(/images/divider.gif) no-repeat; /* Main DIV Background Img */
margin: 15px 0px 15px 0px;
}

#main ul.bullet{
padding: 0px 15px 15px 15px;
margin-left: 40px;
}

#main .bullet li{
background: url(/images/bullet.png) no-repeat;
padding-left: 25px;
list-style-type: none;
display: block;
padding-bottom: 12px;
padding-top: 0px;
color: #935900;
font: 10pt 'century gothic', Sans-Serif;
}

#main .bullet li a{
color: #935900;
text-decoration: underline;
font: 10pt 'century gothic', Sans-Serif;
padding-top: 7px;
padding-bottom: 7px;
}

#main .bullet li a:hover{ /*hover state CSS*/
color: #935900;
}

#main ul.bulletleft{
padding: 0px 15px 15px 15px;
}

#main .bulletleft li{
background: url(/images/bullet.png) no-repeat;
padding-left: 25px;
list-style-type: none;
display: block;
padding-bottom: 12px;
padding-top: 0px;
color: #935900;
font: 10pt 'century gothic', Sans-Serif;
}

#main .bulletleft li a{
color: #935900;
text-decoration: underline;
font: 10pt 'century gothic', Sans-Serif;
padding-top: 7px;
padding-bottom: 7px;
}

#main .bulletleft li a:hover{ /*hover state CSS*/
color: #935900;
}



#main ul.subbullet{
padding: 15px;
}

#main .subbullet li{
background: url(/images/redbullet.png) no-repeat;
padding-left: 20px;
list-style-type: none;
display: block;
padding-bottom: 12px;
padding-top: 0px;
color: #643301;
font: 10pt 'century gothic', Sans-Serif;
}

#main .subbullet li a{
color: #643301;
text-decoration: underline;
font: 10pt 'century gothic', Sans-Serif;
padding-top: 7px;
padding-bottom: 7px;
}

#main .subbullet li a:hover{ /*hover state CSS*/
color: #643301;
}

#main ul.decobullet{
padding: 15px;
}

#main .decobullet li{
background: url(/images/decobullet.png) no-repeat;
padding-left: 35px;
list-style-type: none;
display: block;
padding-bottom: 12px;
padding-top: 5px;
color: #6d0900;
font: bold 12pt 'Times New Roman', Serif;
}

#main .decobullet li a{
color: #6d0900;
text-decoration: none;
font: bold 12pt 'Times New Roman', Serif;
padding-top: 7px;
padding-bottom: 20px;
}

#main .decobullet li a:hover{ /*hover state CSS*/
color: #6d0900;
text-decoration: underline;

}

#main .borderimg{
text-align: center;
}

#main .borderimg img{
border: 1px solid #d0a058;
}




/* --------------MAIN THREE BLOCKS----------------*/

#threeblocks {
height: 306px;
clear: both;
}
 
#lifestyle {
float: left;
width: 273px;
height: 306px;
margin-right: 15px;
padding: 0px;
background: url(/images/lifestyle.jpg) no-repeat; 
}

#lifestyle a{
float: left;
width: 273px;
height: 306px;
}

#lifestyle p{
float: left;
width: 273px;
height: 306px;
}

#community {
float: left;
width: 273px;
height: 306px;
margin-right: 15px;
padding: 0px;
background: url(/images/community.jpg) no-repeat; 
}

#community a{
float: left;
width: 273px;
height: 306px;
}

#community p{
float: left;
width: 273px;
height: 306px;
}


#living {
float: left;
width: 273px;
height: 306px;
padding: 0px;
clear:right;
background: url(/images/living.jpg) no-repeat; 
}

#living a{
float: left;
width: 273px;
height: 306px;
}

#living p{
float: left;
width: 273px;
height: 306px;
}





/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: #651402 url(/images/footerbg.jpg) repeat-x;
height: auto;
padding-top: 15px;
text-align: center;

}

#footer .content { 
margin: 0 auto; 
position: relative; 
color: #bd7810;
font: 10pt 'century gothic', Sans-Serif;

}

/* --------------FOOTER LINKS------------- */

#footer ul {
padding: 10px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #bd7810;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt 'century gothic', Sans-Serif;
}

#footer .links li a:hover {
text-decoration: underline;
}

#footer .asc ul {
margin: 0px;
padding: 0px;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #8f5906;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 9pt 'century gothic', Sans-Serif;
}

#footer .links li a:hover {
text-decoration: underline;
}

/* --------------BUILDERS------------- */

#builders {
padding: 10px 30px 0px 20px;
} 

#builders .links { 
float: left;
width: 240px;
margin-right: 20px;
height: 150px;

} 

#builders .logo{ 
width: 240px;
height: 150px;
float: right;
clear: right;
text-align: center;
} 

#builders .logo img{ 
border: 1px solid #935900;
} 

#builders .contactinfo { 
float: left;
width: 275px;
font: 10pt 'Century Gothic', arial, Sans-serif;
line-height: 20px;
color: #442301;
margin-right: 20px;
height: 150px;
} 

#builders .name { 
color: #a36200;
font: bold 14pt 'Century Gothic', arial, Sans-Serif;
letter-spacing: 1px;
margin-bottom: 15px;
background: url(/images/line.gif) repeat-x;
height: 28px;
width: 800px;
clear: both;
} 

#builders ul{
}

#builders li{
background: url(/images/redarrow.gif) no-repeat;
padding-left: 10px;
list-style-type: none;
display: block;
padding-bottom: 10px;
padding-top: 0px;
color: #930c00;
font: 10pt 'century gothic', Sans-Serif;
}

#builders li a{
color: #930c00;
text-decoration: underline;
font: bold 11pt 'century gothic', Sans-Serif;
padding-bottom: 10px;
padding-top: 0px;
margin-right: 10px;
}

#builders li a:hover{ /*hover state CSS*/
color: #421507;
}

#builders a{
color: #891305;
font: 10pt 'century gothic', Sans-Serif;
text-decoration: underline;
}



/* --------------FLOOR PLANS & MODELS------------- */
.datatable{
width: 825px;
border: 1px solid #e3cc9d;
margin-left: 15px;
}

.datacell{
padding: 5px;
border: 1px solid #e3cc9d;
}

.datacell a{
color: #891305;
font: 10pt 'Century Gothic', arial, Sans-Serif;
text-decoration: underline;
}

.datacell a:hover{
color: #730e03;
}

.datacell a:visited{
color: #891305;
}

.tabletitle{
background: url('/images/tabletitlebg.jpg') repeat-x;
height: 32px;
width: 825px;
margin-left: 15px;
color: #ead3aa;
font: bold 12pt 'Century Gothic', arial, Sans-Serif;
padding: 5px;
}

.columnheader{
background-color: #7b4715;
color: #ead3aa;
font: bold 10pt 'Century Gothic', arial, Sans-Serif;
padding: 5px;
border: 1px solid #7b4715;

}

.floorplanlink{
color: #ead3aa;
font: bold 10pt 'Century Gothic', arial, Sans-Serif;
}

.floorplanlink a{
color: #891305;
font: bold 10pt 'Century Gothic', arial, Sans-Serif;
text-decoration: underline;
}

.floorplanlink a:hover{
color: #730e03;
}

.floorplanlink a:visited{
color: #891305;
}




/* --------------PHOTO GALLERY------------- */

#photogallery{
color: #a36200;
font: 10pt 'Century Gothic', arial, Sans-Serif;
text-align: center;
margin: 0 auto;
}

#photogallery .holder {
width: 170px;
text-align: center;
margin: 15px 15px 15px 20px;
float: left;
text-align: center;
}

#photogallery .photo {
width: 152px;
padding: 5px;
background: url('/images/photobg.jpg') repeat;
text-align: center;
margin: 0px 0px 6px 0px;
float: left;
}

#photogallery .photo img{
border: 1px solid #d0a058;
}

#photogallery .photolg {
width: 506px;
padding: 10px;
background: url('/images/photobglg.jpg') repeat;
text-align: center;
margin: 6px 0px 6px 0px;
}

#photogallery .photolg img{
border: 2px solid #d0a058;
}

/* --------------LISTING DETAILS------------- */
#listingdetails{
line-height: 25px;
}

#listingdetails .label{
font: bold 10pt 'Century Gothic', arial, Sans-Serif;
margin-right: 5px;
}

#listingdetails .topinfo{
font: bold 12pt 'Century Gothic', arial, Sans-Serif;
color: #a36200;
line-height: 25px;
}

#listingdetails a{
color: #891305;
font: 10pt 'century gothic', Sans-Serif;
text-decoration: underline;
line-height: 25px;
}




/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }