/*------- GLOBAL  ----------*/

body {
background: #3F6282;
}

* {
margin: 0; 
padding: 0;
font-size: 11px;
font-family: verdana, arial;
color:#5C5A55;
}

#container {
width: 850px;
margin: 0 auto;
}

ul{
margin:0px 0px 0px 20px;
line-height:12px;
list-style-type: none;
}

li{
background: url(../../images/bg_li.gif) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
}

#ctl00_MainAreaContent_ListDisplay1 ul{
margin:0px 0px 0px 20px;
line-height:12px;
list-style-type: none;
}

#ctl00_MainAreaContent_ListDisplay1 li{
background: url(../../images/bg_li.gif) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
}


/*------- HEADER  ----------*/
#phone {
height: 55px;
background: url(../../images/bg-logoglow.gif);
background-position: top center;
background-repeat: no-repeat;
}

#phone img {margin: 40px 0 0 736px;}


#nav img { float: left;}

#nav div img {
margin: 0 50px 0 0;
}

#nav div .logoSpace {margin-right: 200px;}
#nav div .last {margin-right: 0px;}

#nav div {
width: 832px; 
float: left;
background: url(../../images/bg-nav.gif);
}

#logo{
position: absolute;
top: 0px;
left: 50%;
margin-left: -89px;
}


/*------- HOMEPAGE FEATURE AREA  ----------*/
#featurePhoto{
height: 227px;
width: 100%;
background-repeat: no-repeat;
background: url(../../images/p-home-feature.jpg);
}

#featurePhoto a{
margin: 202px 0 0 476px;
float: left;
}

.featureGradient{
background: url(../../images/bg-gradient-content-top.gif);
background-repeat: repeat-x;
height: 16px;
}




/*------- HOME CONTENT ----------*/

#content{
float: left;
width: 100%;
background: #fff url(../../images/bg-gradient-content-bottom.gif) repeat-x bottom left;
padding: 0 0 20px 0;
margin: 0;
}

#content .col1, #content .col2{ margin-top: 10px; float: left;}
#content .col1 {width: 500px;}
#content .col2 {width: 350px;}

#content .text{
margin: 0 20px;
}

#content  .text .welcome p{
font-size: 13px;
line-height: 17px;
padding-right: 15px;
}

.home p .welcome {font-size: 13px; line-height: 17px;}

#content .col1 .text a{
display: block;
color: #8F7315;
font-size: 12px;
font-weight: bold;
margin: 5px 0 0 0;
}

#content .text a:hover{color: #0E2465;}
#content .title {margin: 0 0 8px 0; border-bottom: 3px double #CEC8C4;}
#content .welcome .title{margin-bottom: 15px;}
#content .welcome p{font-size: 13px;}





/*------- HOMEPAGE CALLOUTS ----------*/

.featuredHomes{
width: 323px; 
height: 204px;
background: url(../../images/p-feature-dreamhome.jpg);
}

.featuredHomes a{position: relative; top: 177px; left: 10px;}

.familyFun{
width: 323px;
height: 152px;
float: left;
margin: 15px 0 0 0;
background: url(../../images/p-feature-funfamily.jpg);
}

.familyFun a img {display: block; float: left; }
.familyFun p {color: #fff; line-height: 19px; font-size: 11px; margin: 60px 0 0 12px; height: 70px; }

.col1 .textCallouts{
float: left;
margin: 28px 0 0 0;
}

.col1 .textCallouts .co1, .col1 .textCallouts .co2{
float: left;
}

#content .textCallouts .co1 p, #content .textCallouts .co2 p{
font-weight: bold;
color: #8A8581;
font-size: 10px;
padding-right: 10px;
line-height: 13px;
}

#content .col1 .textCallouts a{font-size: 10px;}

.col1 .textCallouts .co1{width: 260px;}
.col1 .textCallouts .co2{width: 163px; }






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

#footer{line-height: 22px;text-align: center; padding: 20px 0 ;}

#footer, #footer a{
color: #86CCFF;
font-size: 10px;
}

#footer a{margin: 0 9px;}

#footer span{
color: #A7A7A8;
display: block;
}

#footer span a{
color: #A7A7A8;
margin: 0;}

#footer a:hover{color: #fff;}

.floatL {float: left;}





/*------- sub content  ----------*/
.col2container {

width:800px;
margin:0px 0px 20px 0px;
}

.colleft {
width:390px;

}
.colright {
float:right;
width:390px;
}


.subContent{
margin: 12px 22px; 
}

.subNav{
background: url(../../images/bg-sn-gradient.gif) repeat-x top left;
height: 29px;
margin: 0 0 15px 0;
color:#8F7315;
}

.subNav a {
padding: 8px 10px 0 10px;
font-weight: bold;
float: left;
color:#8F7315;
}

.subNav a:hover, {color: #8F7315;}

.subNav .active{
background: #C8DBF2;
margin: 0;
padding: 8px 10px 8px 10px;
border-right: 2px solid #fff;
color:#0E2465;
text-decoration:none;
}

.subSubNav{
background: #C8DBF2;
margin: 2px 0 15px 0;
height: 18px;
float: left;
clear: both;
padding: 5px;
width: 796px;
color:#8F7315;
}

.subSubNav a{
padding: 5px;
font-weight: bold;
float: none;
color: #1B64B2;
}

.subcallout {

float:right;
margin:0px 0px 0px 10px;

}

.subcallout a {
border:0;
}


/*------- neighborhood tables  ----------*/

td, th{
vertical-align: top; 
text-align: left;
}

.neighborhood {
border: 1px solid #CEC8C4;
background: #fff;
margin: 0 0 15px 0;
width: 100%;
}

.neighborhood th{
background: #D1E5FC;
padding: 6px;
border: 1px solid #9DC5EF;
color: #0E2465;
font-size: 19px;
font-weight: normal;
}

.neighborhood .text{
background: #F9F2DF;
border: 1px solid #DFD9C8;
padding: 12px;
}

.neighborhood .text p{
color: #4C4A44;
font-size: 11px; 
line-height: 14px;
margin: 0 0 15px 0;
}

.neighborhood .text h1{
color: #0D4B8D; 
border-bottom:1px solid #DFD9C8;
margin: 3px 0 8px 0;
font-size: 12px;
}

.neighborhood .text a{
color: #4C4A44;
font-size: 11px;
display: block;
margin: 0 0 4px 0;
font-weight: bold;
}

.neighborhood .text a:hover{color: #000;}

.neighborhood .buttons img{
margin: 0 2px 0 0;
}

.photoSelector{
background: #F28948;
padding: 2px 0 2px 5px;
}

.photoSelector a{
margin: 0px 6px;
background: #D0611C;
padding: 2px 8px;
border: 2px solid #A54911;
color: #FFBA90;
text-decoration: none;
position: relative;
top: -6px;
}

.photoSelector .active{
color: #fff;
border-color: #fff;
}

.photoSelector .camera{
margin: 4px 5px 0 0;
}

.houseDetails th{
background: none;
border: none;
font-size: 11px;
font-weight: bold;
line-height: 14px;
padding: 0;
}

.houseDetails td, .houseDetails th, .neighborhood li{
color: #4C4A44;
}

.houseDetails{
margin: 0 0 20px 0;
}

.neighborhood .column{
width: 315px;
float: left;
padding-right: 60px;
}

.neighborhood ul{
margin: 0 0 20px 25px;
}

.neighborhood li{margin-bottom: 3px;}

.clearFloat{
clear: both;
}

/* FORMS */
.label 
{
	font-weight:bold;
	text-align:right;
}

.pageMessage 
{
	color:red;
	font-weight:bold;
}

.required 
{
	color:red;
}