html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

sup{top: -4px;position:relative;font-size:11px;}
sub{top: 4px;position:relative;font-size:11px;}

body {
background: url(/images/woodBg.jpg);
font-family: Georgia, serif;
font-size: 62.5%;
color: #58585a;
text-align: center;
}

strong { font-weight: bold; }

a{
color: #58585a;
font-style: italic;
}
a:hover{
color: #3c342c;
text-decoration: none;
}

#header{
height: 527px;
background: url(/images/homeHeaderBg.jpg) repeat-x;
}
#inner #header{
height: 377px;
}
#inner #header.community{
height: 482px !important;
}

#utilityHeader{
position: relative;
width: 980px;
margin: 0 auto;
text-align: left;
padding-top: 2px;
}
#utilityHeader #where, #utilityHeader #request, #utilityHeader #chat, #utilityHeader #newsletter{
display: block;
height: 18px;
float: left;
margin: 0 6px 0 11px;
text-indent: -999em;
}
#utilityHeader #where{
width: 156px;
background: url(/images/utilNav.png) no-repeat;
}
#utilityHeader #where:hover{
background-position: 0 -18px;
}
#utilityHeader #request{
width: 118px;
background: url(/images/utilNav.png) no-repeat -170px 0;
}
#utilityHeader #request:hover{
background-position: -170px -18px;
}
#utilityHeader #chat{
width: 61px;
background: url(/images/utilNav.png) no-repeat -300px 0;
}
#utilityHeader #chat:hover{
background-position: -300px -18px;
}
#utilityHeader #newsletter{
width: 72px;
background: url(/images/utilNav.png) no-repeat -625px 0;
}
#utilityHeader #newsletter:hover{
background-position: -625px -18px;
}
#utilityHeader form{
float: right;
}
#searchForm label{
display: block;
width: 39px;
height: 18px;
text-indent: -999em;
float:left;
cursor: pointer;
background: url(/images/utilNav.png) no-repeat -370px 0;
}
#searchForm #searchTerm{
float:left;
border: 0px;
width: 141px;
height: 17px;
margin-left: 10px;
color: #58585a;
padding: 3px 3px 0 3px;
background: url(/images/utilNav.png) no-repeat -420px 1px;
}
#searchForm #go{
float:left;
width: 43px;
height: 18px;
text-indent: -999em;
margin-left: 8px;
cursor: pointer;
background: url(/images/utilNav.png) no-repeat -575px 0;
}
#searchForm #go:hover{
background-position: -575px -18px;
}
#advancedSearchContain{
position: absolute;
top:25px;
left: 690px;
z-index: 2;
}
#searchtoggle{
position: relative;
left: 153px;
cursor:pointer;
display: block;
width: 148px;
height: 19px;
text-indent: -999em;
background: url(/images/advancedTab.png) no-repeat 0 0;
}
#searchtoggle.active{
background-position: 0 -19px;
}
#advancedSearch{
background: #705e50;
width: 276px;
height: 100px;
display: none;
padding: 13px 0 0 24px;
}
#advancedSearch .searchRow{
clear:both;
}
#advancedSearch label{
float:left;
}
#advancedSearch #communityLable{
width: 58px;
margin: 7px 10px 0 0;
background: url(/images/labels.png) no-repeat 0px 0px;
}
#advancedSearch #planLable{
width: 58px;
margin: 7px 10px 0 0;
background: url(/images/labels.png) no-repeat -61px 0px;
}
#advancedSearch #availabilityLabel{
width: 58px;
margin: 7px 10px 0 0;
background: url(/images/labels.png) no-repeat -125px 0px;
}
#advancedSearch input{
float:left;
border: 0px;
width: 141px;
height: 17px;
color: #58585a;
padding: 3px 3px 0 3px;
margin: 4px 0;
background: url(/images/utilNav.png) no-repeat -420px 1px;
}
#headerWrap{
width: 980px;
margin: 0px auto;
clear: both;
text-align: left;
}
#header h1 a{
display: block;
float: left;
width: 154px;
height: 62px;
margin: 27px 0 0 0;
text-indent: -999em;
background: url(/images/logoPhone.png) no-repeat 0 0;
}
#header h2{
float: right;
width: 324px;
height: 33px;
margin: 54px 0 0 0;
text-indent: -999em;
background: url(/images/logoPhone.png) no-repeat -160px 0;
}
#mainNav{
clear:both;
}
#navHome, #navPlans, #navCommunities, #navAvailable, #navFinancing, #navTools, #navAbout, #navMedia, #navContact, 
#navHome_active, #navPlans_active, #navCommunities_active, #navAvailable_active, #navFinancing_active, #navTools_active, #navAbout_active, #navMedia_active, #navContact_active{
display: block;
float:left;
width: 140px;
height: 42px;
text-indent: -999em;
margin-top: 23px;
background: url(/images/mainNav.png) no-repeat 0 0;
}
#navHome, #navHome_active{
margin-left: 15px;
}
#navHome:hover{
background-position: 0 -42px;
}
#navHome_active{
background-position: 0 -84px;
}
#navPlans{
background-position: -140px 0;
}
#navPlans:hover{
background-position: -140px -42px;
}
#navPlans_active{
background-position: -140px -84px;
}
#navCommunities{
background-position: -280px 0;
}
#navCommunities:hover{
background-position: -280px -42px;
}
#navCommunities_active{
background-position: -280px -84px;
}
#navAvailable{
background-position: -420px 0;
}
#navAvailable:hover{
background-position: -420px -42px;
}
#navAvailable_active{
background-position: -420px -84px;
}
#navFinancing{
width: 70px;
margin-left: 10px;
background-position: -569px 0;
}
#navFinancing:hover{
background-position: -569px -42px;
}
#navFinancing_active{
width: 70px;
background-position: -569px -84px;
}
#navTools{
width: 122px;
background-position: -644px 0;
}
#navTools:hover{
background-position: -644px -42px;
}
#navTools_active{
width: 122px;
background-position: -644px -84px;
}
#navAbout{
width: 72px;
background-position: -766px 0;
}
#navAbout:hover{
background-position: -766px -42px;
}
#navAbout_active{
width: 72px;
background-position: -766px -84px;
}
#navMedia{
width: 61px;
background-position: -838px 0;
}
#navMedia:hover{
background-position: -838px -42px;
}
#navMedia_active{
width: 61px;
background-position: -838px -84px;
}
#navContact{
width: 53px;
background-position: -899px 0;
}
#navContact:hover{
background-position: -899px -42px;
}
#navContact_active{
width: 53px;
background-position: -899px -84px;
}
#messageArea{
clear: both;
float: left;
padding-top: 11px;
}
#rotator{
width: 660px;
height: 284px;
overflow: hidden;
}
#slideControls{
position: relative;
left: 260px;
top: -10px;
}
#slideLeft, #slideRight{
display: block;
width: 28px;
height: 11px;
padding: 10px;
float: left;
position: relative;
top: -30px;
z-index: 90;
cursor: pointer;
text-indent: -999em;
background: url(/images/photoArrowLeft.png) no-repeat 10px 10px;
}
#slideRight{
background: url(/images/photoArrowRight.png) no-repeat 10px 10px;
}
#slideCount{
float: left;
position: relative;
top: -28px;
color: #ede6d0;
font-size: 1.8em;
z-index: 90;
}
#getStarted, #whyHC{
display: block;
float: left;
width: 329px;
height: 42px;
margin-top: 3px;
text-indent: -999em;
background: url(/images/headerLowerButtons.png) no-repeat;
}
#getStarted:hover{
background-position: 0 -42px;
}
#whyHC{
margin-left: 3px;
background-position: -332px 0;
}
#whyHC:hover{
background-position: -332px -42px;
}
#mediaLinks{
float:left;
padding-top: 11px;
margin-left: 9px;
}
#videoButton, #tourButton, #blogButton, #photosButton{
display: block;
width: 309px;
height: 67px;
text-indent: -999em;
background: url(/images/headerRightLinks.png) no-repeat 0 0;
}
#videoButton:hover{
background-position: 0 -284px;
}
#tourButton{
height: 72px;
background-position: 0 -67px;
}
#tourButton:hover{
background-position: 0 -351px;
}
#blogButton{
height: 72px;
background-position: 0 -139px;
}
#blogButton:hover{
background-position: 0 -423px;
}
#photosButton{
height: 73px;
background-position: 0 -211px;
}
#photosButton:hover{
background-position: 0 -495px;
}
#smLinks{
float:right;
width: 307px;
background: url(/images/headerLowerButtons.png) no-repeat -673px 0 ;
}
#smLinks #twitter, #smLinks #facebook, #smLinks #youtube{
display:block;
float:left;
height: 42px;
width: 62px;
text-indent: -999em;
}
#smLinks #twitter{
margin-left: 86px;
}
#smLinks #facebook{
width: 88px;
}
#smLinks #youtube{
width: 67px;
}
#content{
width: 980px;
margin: 0 auto;
text-align: left;
}
#content #leftCol{
float:left;
width: 660px;
margin-top: 10px;
background: url(/images/homeContentBg.jpg) no-repeat 0 0;
}
#inner #content #leftCol{
background: none;
}
#content #leftCol .threeCol{
position: relative;
float: left;
width: 196px;
height: 227px;
background: #fff;
margin: 81px 0 9px 0;
padding: 0 12px 0 12px;
border-bottom: 1px solid #c3b8a2;
}
#content #leftCol .threeCol h3{
text-indent: -999em;
}
#content #leftCol .threeCol h4{
font-size: 1.64em;
color: #b10101;
margin: 10px 0 10px 0;
}
#content #leftCol .threeCol p{
font-size: 1.2em;
line-height: 1.4;
}
#content #leftCol .threeCol #communitySelect{
position: absolute;
bottom: 10px;
left: 20px;
font-weight: bold;
font-family: trebuchet ms;
}
#content #leftCol .threeCol #readMore, #content #leftCol .threeCol #seeAvailable{
position: absolute;
bottom: 10px;
display:block;
width: 92px;
height: 33px;
text-indent: -999em;
left: 60px;
background: url(/images/homepageContentButtons.png) no-repeat 0 0;
}
#leftCol .threeCol #seeAvailable{
left:  40px !important;
width: 142px !important;
background-position: -234px 0 !important;
}
#content #rightCol{
float:right;
margin-top: 10px;
width: 312px;
}
#content #rightCol .rightAd{
position: relative;
display: block;
width: 312px;
height: 149px;
margin-bottom: 11px;
background: url(/images/rightAdBg.png) no-repeat 0 0;
}
#content #rightCol .rightAd img{
position: absolute;
top: 10px;
left: 11px;
}
#content #rightCol #rightBanner img{
width: 312px;
margin-bottom: 11px;
}
#footer #footerLeft{
float:left;
clear: both;
width: 660px;
}
#footer #footerLeft img{
margin-bottom: 10px;
}
#footerWhere, #footerRequest, #footerChat, #footerNewsletter{
display: block;
float: left;
height: 13px;
width: 151px;
text-indent: -999em;
margin: 0 6px 0 11px;
background: url(/images/bottomNav.png) no-repeat 0 0;
}
#footerWhere:hover{
background-position: 0px -14px;
}
#footerRequest{
width: 118px;
background-position: -169px 0px;
}
#footerRequest:hover{
background-position: -169px -14px;
}
#footerChat{
width: 60px;
background-position: -305px 0px;
}
#footerChat:hover{
background-position: -305px -14px;
}
#footerNewsletter{
width: 70px;
background-position: -384px 0px;
}
#footerNewsletter:hover{
background-position: -384px -14px;
}
#footerLeft p{
margin-top: 36px;
font-family: arial;
padding-right: 30px;
clear:both;
}
#footer #footerRight{
float:right;
width: 312px;
}
#footer #footerRight img{
margin-bottom: 10px;
}
#footerRight h5, #footerRight #footerRealtor{
display: block;
float:left;
width: 134px;
height: 11px;
text-indent: -999em;
background: url(/images/bottomNav.png) no-repeat -659px 0;
}
#footerRight #footerRealtor{
width: 106px;
height: 14px;
margin-left: 72px;
background-position: -863px 0;
}
#footerRight a:hover{
background-position: -863px -14px;
}
#footerRight span{
position: relative;
display: block;
width: 311px;
height: 56px;
clear:both;
text-indent: -999em;
margin: 30px 0 20px 0;
background: url(/images/footerLogos.png) no-repeat 0 0;
}

#footerRight span #ehoLogo, #footerRight span #oshbaLogo{
display: block;
position: absolute;
width: 50px;
height: 56px;
top: 0;
left: 97px;
}
#footerRight span #oshbaLogo{
width: 60px;
height: 60px;
left: 251px;
}

form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
}

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 25px;
	background: url(/images/select_left.gif) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 25px;
	line-height: 10px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 29px;
	height: 25px;
	background: url(/images/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 25px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#847161;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

/* ---------- INTERIOR STYLES ------------- */

#inner #messageArea{
height: 179px;
overflow: hidden;
}
#inner #header.community #messageArea{
height: 284px !important;
}

#inner #mediaLinks{
width: 310px;
}

#inner #videoButton, #inner #tourButton, #inner #blogButton, #inner #photosButton{
width: 155px;
height: 68px;
float: left;
background: url(/images/innerButtons.png) no-repeat 0 0;
}
#inner #videoButton:hover{
background-position: -310px 0;
}
#inner #tourButton{
height: 70px;
background-position: 0 -68px;
}
#inner #tourButton:hover{
background-position: -310px -68px;
}
#inner #blogButton{
height: 68px;
background-position: -155px 0;
}
#inner #blogButton:hover{
background-position: -465px 0;
}
#inner #photosButton{
height: 70px;
background-position: -155px -68px;
}
#inner #photosButton:hover{
background-position: -465px -68px;
}

#inner #content #leftCol h2{
color: #1b235f;
font-size: 3.7em;
letter-spacing: -.05em;
margin-bottom: 14px;
padding-top: 10px
}
#inner #content #leftCol h2 span{
font-size: .4em;
font-style: italic;
color: #b10101;
position: relative;
top: -6px;
left: 4px;
letter-spacing: 0em;
}
#inner #content #leftCol .box, #inner #content #leftCol .contentBox{
position: relative;
float:left;
width: 638px;
font-size: 1.2em;
line-height: 1.5;
margin-bottom: 10px;
padding: 0 11px 20px 11px;
border-bottom: 1px solid #c4b8a2;
background: #fff;
}


#leftCol .contentBox{
font-size: 1.3em !important;
padding-top: 10px !important;
}

.box.fPlans { min-height:285px; }
.contentBox { min-height:275px; height: auto }
.contentBox img { margin: 14px; }

#leftCol .contentBox h3{
font-size: 1.3em;
margin-bottom: 5px;
color: #b10101;
}
#leftCol .contentBox p{
margin-bottom: 15px;
}
#leftCol .contentBox ul{
position: relative;
margin-left: 30px;
}
.box .boxLeft{
width: 400px;
float:left;
padding: 0px 20px 0 0;
}
.box .boxRight{
float:left;
padding: 0px 20px 0 0;
}
.box h3{
font-size: 2em;
font-style: italic;
color: #3c342c;
letter-spacing: -.05em;
margin: 0 0 15px -11px;
padding: 9px 0 0 11px;
}
.boxRight h3{
border-left: 1px solid #c4b8a2;
}
.box h4{
color: #b10101;
font-size: 1.3em;
margin-bottom: 3px;
}
.box p{
margin-bottom: 10px;
}
.box ul{
position: relative;
left: 11px;
}
.box .boxRight ul{
padding-bottom: 40px;
}
.box #modelLinks{
float: right;
position: relative;
top: -22px;
}
.box #seePlat, .box #seeTour{
display: block;
width: 122px;
height: 34px;
margin-top: 10px;
text-indent: -999em;
background: url(/images/homepageContentButtons.png) no-repeat -376px 0;
}
.box #seePlat{
position: absolute;
bottom: 10px;
}
.box #seeTour{
background-position: -498px 0;
}
.box .tabLink{
font-style: normal;
color: #b10101;
font-size: 1.3em;
margin: 0 3px;
}
.box table{
width: 100%;
border-collapse: collapse;
}
.box table th{
font-size: .8em;
color: #B10101;
text-align: left
}

.box table td{
padding: 3px;
font-weight: normal;
color: #3c342c;
}

.homeprice { padding-left: 4px; }


.box table .tableView{
font-weight: normal;
font-size: .8em;
position: relative; 
top: -1px;
}

.box table .hide { display: none }


.box table .trOther{
background: #f7f6f2;
}
.box table .planName{
width: 200px;
font-weight: bold
}
#viewAllAvail{
float: right;
margin: -41px 0 0 0;
color: #b10101;
}

#inner #content #rightCol{
margin-top: 76px;
}

#smSendLinks{
margin: 15px 0 19px 12px;
height: 32px;
}


#smSendLinks a{
line-height: 3;
}
#rightFacebook, #rightTwitter, #rightDigg, #rightDel, #rightSu{
display: block;
float: left;
width: 32px;
height: 32px;
text-indent: -999em;
margin-right: 7px;
background: url(/images/smLinks.png) no-repeat;
}
#rightTwitter{
background-position: -38px 0;
}
#rightDigg{
background-position: -76px 0;
}
#rightDel{
background-position: -114px 0;
}
#rightSu{
background-position: -152px 0;
margin-right: 25px;
}

.rightBox{
background: #f1f0ec;
border: 1px solid #cac8c3;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 1.2em;
}
#titleSchools, #titleDownloads, #titleNear{
height: 67px;
text-indent: -999em;
margin-bottom: 11px;
background: url(/images/rightTitles.png) no-repeat;
}
#titleDownloads{
background-position: 0 -67px;
}
#titleNear{
background-position: 0 -134px;
}
.rightBox table{
width: 94%;
border-collapse: collapse;
margin: 0 auto;
}
.rightBox table .rightTd{
text-align: right;
font-size: .8em;
}
.rightBox table td{
padding: 0px;
line-height: 20px;
}
.rightBox table .rightTd a{
font-style: normal;
}

a[href$='.pdf'] { 
	padding: 5px 25px 5px 0;
	background: transparent url(/images/iconPdf.png) no-repeat center right;
}

/* Tabs
----------------------------------*/
.ui-tabs {
padding: 0;
zoom: 1;
}

.ui-tabs .ui-tabs-nav {
list-style: none;
position: relative;
padding: 0;
}
.ui-tabs .ui-tabs-nav{
margin-left: -14px;
margin-bottom: 15px;
height: 25px;
border-bottom: 1px solid #d1d0cc;
}
.ui-tabs .ui-tabs-nav li {
position: relative;
float: left;
padding-right: 6px;
margin-right: 6px;
border-right: 1px solid #b10101;
}
.ui-tabs .ui-tabs-nav li:last-child{
border: 0px;
}

.ui-tabs .ui-tabs-nav li a { 
padding-bottom: 10px; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
text-decoration: none;
background: url(/images/tabLinkActive.png) no-repeat center bottom;
}

.ui-tabs .ui-tabs-panel { 
display: block;
border-width: 0; 
clear: both; 
}
.ui-tabs .ui-tabs-hide { 
display: none !important; 
}

#viewMap{
display: block;
text-indent: -999em;
width: 312px;
height: 49px;
margin-top: -10px;
margin-bottom: 10px;
background: url(/images/viewMap.png);
}


/* --------------------------------------- Jonden's Markup ------------------------------------------ */




#navwrap { height: 42px; clear: both; padding-top: 23px; }
#navleft, #navright {height: 42px; }

/* ------------------------------------------------------ NAVLEFT ------------------------------------------ */


#navleft { background: url('../images/navleft.jpg') no-repeat; float: left}
#navleft ul {position:relative; margin:0 auto; padding:0; height:42px;}
#navleft li { list-style:none; float:left; margin:0; padding:0;}

#navleft li a {
text-indent:-999em;
display:block;
line-height:42px;
height:42px;
margin:0;
padding:0;
background: url('../images/navleft.jpg') no-repeat;
}

	
/* ---------- STATIC ------------- */
#navleft li.page-item-HOME a { width:140px; background-position:0 -42px;}
#navleft li.page-item-FLOOR a { width:140px; background-position:-140px -42px;}
#navleft li.page-item-COMMUNITIES a { width:140px; background-position:-280px -42px;}
#navleft li.page-item-AVAILABLE a { width:140px; background-position:-420px -42px;}

/* ---------- STATIC ------------- */



/* ---------- ROLLOVER ------------- */

#navleft li.page-item-HOME a:hover { background-position: 0px -84px;}
#navleft li.page-item-FLOOR a:hover { background-position: -140px -84px;}
#navleft li.page-item-COMMUNITIES a:hover { background-position:-280px -84px;}
#navleft li.page-item-AVAILABLE a:hover { background-position:-420px -84px;}
	
/* ---------- ROLLOVER ------------- */

	

/* ---------- ACTIVE ------------- */

#navleft li.page-item-HOME.current_page_item a { background-position:0 -84px;}
#navleft li.page-item-FLOOR.current_page_item a { background-position: -140px -84px;}
#navleft li.page-item-COMMUNITIES.current_page_item a { background-position:-280px -84px;}
#navleft li.page-item-AVAILABLE.current_page_item a { background-position:-420px -84px;}

/* ---------- ACTIVE ------------- */


/* FIRST level dropdown */
#navleft li ul {
margin:0 0 0 -10px;
padding:0px 10px 16px 10px;
list-style:none;
position:absolute;
left:-999em;
top:42px;
width:154px;
background-position:0 100%;
z-index:100;
height:auto;
}
	

#navleft li li a {
width:135px;
text-indent:0;
background: #f1f0ec;
border-bottom:1px solid #e9e7df;
border-top: 1px solid white;
font-weight:bold;
padding:10px;
height:auto;
text-decoration:none;
color: #b10101 
}	


#navleft li li p {
margin: 13px 0px 0px 140px; 
padding: 0; 
background: url(../images/navarrow.gif) no-repeat; 
width: 4px; 
height: 8px; 
position: absolute
}


#navleft li li a:hover { width:135px; background:#e9e7df; text-decoration:underline;}
#navleft li ul li a { font: bold 11px Georgia,"Times New Roman",Times,serif; }
#navleft li:hover ul, #nav li.sfhover ul {left:auto;}


#navleft li li {
z-index:20;
position:relative;
margin:0;
padding:0;
width:155px;
height:auto;
line-height:12px;
}
	

#navleft li:hover li a, #nav li.sfhover li a { width:135px;}

/* FIRST level dropdown */	
	

/* SECOND level dropdown */
#navleft li ul ul  {margin: -42px 0 0 145px}	
#navleft li ul ul li a  {background-color: #e9e7df; font: 11px Georgia,"Times New Roman",Times,serif; color: #58585a }
/* SECOND level dropdown */


/* ------------------------------------------------------ NAVLEFT ------------------------------------------ */





/* ------------------------------------------------------ NAVRIGHT ------------------------------------------ */

#navright { background-color: red; width: 384px; float: right }
	

#navright { background: url('../images/navright.jpg') no-repeat; float: left}
#navright ul {position:relative; margin:0 auto; padding:0; height:42px;}
#navright li { list-style:none; float:left; margin:0; padding:0;}

#navright li a {
text-indent:-999em;
display:block;
line-height:42px;
height:42px;
margin:0;
padding:0;
background: url('../images/navright.jpg') no-repeat;
}

	
/* ---------- STATIC ------------- */
#navright li a { width:140px; background-position:0 -42px;}

#navright li.page-item-FINANCING a { width:79px; background-position: 0px 0px;}
#navright li.page-item-TOOLS a { width:120px; background-position:-79px 0px;}
#navright li.page-item-ABOUT a { width:75px; background-position: -202px 0px;}
#navright li.page-item-MEDIA a { width:60px; background-position: -272px 0px;}
#navright li.page-item-CONTACT a { width:50px; background-position: -332px 0px;}

/* ---------- STATIC ------------- */



/* ---------- ROLLOVER ------------- */

#navright li a:hover { background-position: 0 -84px;}
#navright li.page-item-FINANCING a:hover { background-position: 0px -42px;}
#navright li.page-item-TOOLS a:hover { background-position: -79px -42px;}
#navright li.page-item-ABOUT a:hover { background-position:-202px -42px;}
#navright li.page-item-MEDIA a:hover { background-position:-272px -42px;}
#navright li.page-item-CONTACT a:hover { background-position:-332px -42px;}
	
/* ---------- ROLLOVER ------------- */

	

/* ---------- ACTIVE ------------- */

#navright li.page-item-FINANCING.current_page_item a { background-position: 0px -84px;}
#navright li.page-item-TOOLS.current_page_item a { background-position: -79px -84px;}
#navright li.page-item-ABOUT.current_page_item a { background-position:-202px -84px;}
#navright li.page-item-MEDIA.current_page_item a { background-position:-272px -84px;}
#navright li.page-item-CONTACT.current_page_item a { background-position:-332px -84px;}

/* ---------- ACTIVE ------------- */


/* FIRST level dropdown */
#navright li ul {
margin: 0 0 0 -60px;
padding:0px 10px 16px 10px;
list-style:none;
position:absolute;
left:-999em;
top:42px;
width:154px;
background-position:0 100%;
z-index:100;
height:auto;
}
	

#navright li li a {
width:80px;
text-indent:0;
background: #f1f0ec;
border-bottom:1px solid #e9e7df;
border-top: 1px solid white;
font-weight:bold;
padding:10px;
height:auto;
text-decoration:none;
color: #b10101;
text-align: right
}	


#navright li li p {
margin: 13px 0px 0px 10px; 
padding: 0; 
background: url(../images/navarrow2.gif) no-repeat; 
width: 4px; 
height: 8px; 
position: absolute
}


#navright li li a:hover { width:135px; background:#e9e7df; text-decoration:underline;}
#navright li ul li a { font: bold 11px Georgia,"Times New Roman",Times,serif; }
#navright li:hover ul, #nav li.sfhover ul {left:auto;}


#navright li li {
z-index:20;
position:relative;
margin:0;
padding:0;
width:155px;
height:auto;
line-height:12px;
}
	

#navright li:hover li a, #nav li.sfhover li a { width:135px;}

/* FIRST level dropdown */	
	

/* SECOND level dropdown */
#navright li ul ul  {margin: -42px 0 0 -165px}	
#navright li ul ul li a  {background-color: #e9e7df; font: 11px Georgia,"Times New Roman",Times,serif; color: #58585a }
/* SECOND level dropdown */



/* --------------------------------------- Jonden's Markup ------------------------------------------ */





/* --------------------------------------- Print Floor Plans ------------------------------------------ */
.clear { clear: both }

#plans { margin: 0px; padding: 10px;text-align: center;position: relative;}
#plans .logo { float: left; width: 154px; height: 63px; }

#plans h2, #plans h3{
position: relative;
float: left;
text-align: center;
margin: 0 auto;
font-size: 2.5em;
font-weight: bold;
width: 600px;
}
#plans h3{
margin-top: 7px;
font-size: 1.8em;
}

.popupImg { width: 600px; margin: 0 auto }


#plans a { 
font: bold 20px Georgia,serif; 
margin: -20px 0 0px 0px; 
float: left; 
padding: 10px 20px; 
background-color: #705f4f; 
color: #ede6d0;
cursor: pointer;
text-decoration: none;
}

#plans a:hover { background-color: #847161; text-decoration: none; }

#rowholder { margin-top: 20px; border: none; text-align: left; }
#rowholder .row { clear: both; border-top: 1px solid black;   }
#rowholder .row p { color:#3C342C; font: 13px Georgia,serif; line-height: 18px; }
#rowholder .row strong { font: bold 15px Georgia,serif; color: #B10101 ; margin-right: 8px}

#rowholder .info4, #rowholder .info2, #rowholder .info2short, #rowholder .info3, #rowholder .info3long{ 
float: left; 
margin-left: 10px; 
padding: 8px 0px; 
width: 201px;
}
#rowholder .info2{
width: 623px;
}
#rowholder .info2short{
width: 201px;
}
#rowholder .info3long{
width: 417px;
}
#rowholder .info{
padding: 8px 0;
margin-left: 10px;
}


/* --------------------------------------- Print Floor Plans ------------------------------------------ */



#calculator{
width: 300px;
border: 1px solid #7e6c50;
background: #eac995;
text-align: center;
margin: 20px auto;
padding-bottom: 10px;
}
#calculator h3{
color: #e5e2d3 !important;
background: #907d5f;
padding: 5px;
border-bottom: 1px solid #7e6c50;
}
#calculator input[type="text"]{
width: 250px;
margin: 5px 0;
border: 0px;
padding: 6px;
border: 1px solid #7e6c50;
}
#calculator label{
font-weight: bold;
}
#radio{
margin: 0 0 10px 0;
}
#radio p{
font-weight: bold;
margin: 0px !important;
}
#calSubmit{
display: block;
width: 150px;
font-size: 1.3em;
padding: 5px;
margin: 10px auto;
text-align: center;
background: #907d5f;
border: 1px solid #7e6c50;
color: #e5e2d3 !important;
font-style: normal;
text-decoration: none;
}

#calculator em{
font-style: italic;
font-size: .8em;
line-height: 1;
padding: 10px;
}



/*SHARE THIS ********************************************/

a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}

/*locations map pop ups********************************************/


.jsbank_sample_cont {margin: 20px; padding: 0px;}
.jsbank_sample_tit {font-weight: bold; margin-bottom: 10px; padding: 5px; width: auto; background-color: #c0c0c0; border: 5px solid #a0a0a0; color: black; text-align: center;}

.floorPlanHomes {
	position: absolute;
	visibility: hidden;
	width: 300px;
	margin-top: -90px;
	margin-left: -60px;
	background-color: #847161;
	border: 1px solid #705F4F;
	padding: 10px;
	
}
.floorPlanHomes h2{
color: #fff !important;
font-size: 24px !important;line-height: 1;
margin: 0 0 10px 0 !important;padding: 0px !important;
}


#close a {
display: block;
text-indent: -999em; 
color: white; 
font-size: 16px; 
font-weight: bold; 
height: 16px;
width: 50px;
margin: 5px 0 0 0;
float: right;  
background: url(/images/buttonclose.gif) no-repeat right;
}

.floorPlanHomes .left { float: left; clear: right; width: 150px; border-right: 1px solid #b4a08d;  }
.floorPlanHomes .left a, .right a { color: white }
.floorPlanHomes .right { float: right; width: 140px; }

.floorPlanHomes ul { margin: 0px; padding: 0px; }

.floorPlanHomes ul li { display: block; line-height: 24px; background: url(../images/iconarrow.gif) no-repeat left center; padding-left: 14px }

#communityTabs{
overflow: hidden;
clear:both;
margin-bottom: 20px;
border-bottom: 2px solid #bf1414;
}

#communityTabs h3, #locationsHeading{margin: 0;
font-size: 18px;float:left;
}
#communityTabs ul{float:left;width: 530px;margin: 10px 0 0 0;list-style: none;}
#communityTabs ul li {
float: left !important;margin-right: 10px;
font-family: arial, sans-serif;font-size: 11px;
background: #eeece7;line-height:1;padding: 7px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border: 1px solid #dad9d2;
border-bottom: 0px;
text-shadow: 0px 1px 0px #fff;
}
#communityTabs ul li:hover {
background: #dad9d2;
}
#communityTabs ul li a {text-decoration: none;color: #666;}
#communityTabs ul li.linkActive {
background: #bf1414;
border: 1px solid #a70a0a;
border-bottom: 0px;
text-shadow: none;
}
#communityTabs ul li.linkActive a{
color: #fff; font-weight: bold;
}

#locationTabs{
float: left;
list-style: none;
width: 550px;
height: 20px;
margin: 10px 0 20px 0;
}
#locationTabs li{
float: left;
line-height: 1;
padding: 5px;
margin-right: 10px;
background: #eeece7;
font-family: arial;
border-radius: 5px;
text-shadow: 0px 1px 0px #fff;
border: 1px solid #dad9d2;
}
#locationTabs li.linkActive{background: #bf1414;border: 1px solid #a70a0a;}
#locationTabs li.linkActive a{
color: #fff; font-weight: bold;
text-shadow: none;
}
#locationTabs li a{
font-style: normal;text-decoration: none;
}
.sortArrow{float:left}
.sortUpArrow, .sortDownArrow{
display: block;width: 7px;height: 4px;text-indent: -999em;padding: 1px 3px;
background: url(/images/planUpDownArrows.png) no-repeat top;
}
.sortDownArrow{background-position: bottom;}