/* PAGE CONTAINER */

div#pageContainer{
	width: 780px;
	margin: 0 auto;
	border-width: 0 1px 2px;
	border-style: solid;
}

/* BANNER */

div#banner{
	background-position: bottom left;
	background-repeat: repeat-x;
}

h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
}

div#banner h1{
	margin: 0;
	padding: 0.5em 10px;
	font-size: 2em;
}

div#banner h1 a{
	display: block;
	text-decoration: none;
}

/* THUMBNAILS */

a.thumbnailLink, img.mainImg, div.rpwImageCarousel, img.thumbnailLink{
	border-width: 1px;
	border-style: solid;
	display: block;
}

a.thumbnailLink, img.thumbnailLink, div.rpwImageCarousel{
	float: left;
}

a.thumbnailLink img{
	border: none;
}





/* STATUS BAR */
p.statusBar{
	padding: 2px 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	margin: 0;
}

p.statusBar a{
	text-decoration: none;
}

p.statusBar em{
	float: left;
	font-style: normal;
}


/* MAIN MENU */

div#menu {
	height: 1.7em;
	border-width: 1px 0 1px;
	border-style: solid;
	margin-bottom: 0.5em;
}

ul.menu, ul.menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.menu li{
	float: left;
}
ul.menu ul li{
	float: none;
}
ul.menu a {
	font-size:1.1em;
	display: block;
	border-width: 0 0 0 1px;
	border-style: solid;
	margin: 0;
	padding: 2px 10px;
	text-decoration: none;
}
ul.menu li:first-child a, ul.menu li a.index, ul.menu ul li a{
	border: none;
}

ul.menu ul {
	position: absolute;
	width: 16em;
	z-index: 500;
	border-width: 0 1px 1px;
	border-style: solid;
}
ul.menu ul li a{
	border-width: 1px 0 0 0;
	border-style: solid;
	height: 1%;
}
ul.menu ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

ul.menu ul,
ul.menu li:hover ul ul,
ul.menu ul li:hover ul ul
{display: none;}

ul.menu li:hover ul,
ul.menu ul li:hover ul,
ul.menu ul ul li:hover ul
{display: block;}


/* MAIN CONTENT */

div#content{
	float: left;
	padding-right: 270px;
}

div#content.nofeature{
	padding-right: 0;
	float: none;
}


div#content h3{
	font-size: 16px;
	padding: 8px 2px 4px;
	margin: 0 0 4px 0;
	border-width: 0 0 3px 0;
	border-style: solid;
}

div#content h4, div.feature h4{
	margin: 0 0 0.5em 0;
}
div#content h4{
	font-size: 15px;
}

div#lhColumn{
	border-right-width: 4px;
	border-right-style: solid;
	width: 159px;
	float: left;
}

html>body div#lhColumn{
	width: 155px;
}




/* FEATURES */

div.feature{
	margin: 0;
	float: right;
	margin-right: -135px;
	width: 240px;
	position: relative;
}

html>body div.feature{
	margin-right: -270px;
}

div.feature form{
	padding-left: 0;
}

div.feature h3{
	font-size: 13px;
	margin: 0;
	padding: 0 0 5px;
}

div.feature h4{
	margin-bottom: 8px;
}

div.feature h4 strong{
	font-size: 1.2em;
	display: block;
}


div.feature ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

div.feature li{
	padding-bottom: 6px;
	padding-top: 2px;
	margin-bottom: 6px;
	margin-top: 6px;
	border-width: 0 0 2px 0;
	border-style: solid;
}

div.feature ul ul{
	padding: 0 0 0 1.5em;
}

div.feature li li{
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
	border: none;
}

div.feature h5{
	margin: 2px 0;
	text-align: center;
}

div.feature a.thumbnailLink, div.feature div.rpwImageCarousel{
	margin: 0px 0 4px;
	border-width: 5px;
	position:relative;
}

div.feature div.rpwImageCarousel{
	display: block;
}

div#newProperties.feature a.thumbnailLink{
	border-bottom-width: 3px;
}

div.feature h3.secondSet{
	border-top-width: 4px;
	border-top-style: solid;
	margin-top: 4px;
}


div.feature a{
	text-decoration: none;
	font-weight: bold;
}


div.feature .featureContent p, div.contentBox p{
	line-height: 150%;
	font-size: 1.1em;
}

div.contentBox p{
	margin-bottom: 1em;
}


div.feature .featureContent h4 strong{
	font-size: 1em;
	display: inline;
}

div.feature .featureContent img{
	float: left;
	margin: 0 8px 4px 0;
}


/* FORMS */

form{
	padding: 0 4px 8px 150px;
	margin: 0;
	border-width: 0 0 2px 0;
	border-style: solid;
}

div#content form h4{
	padding-top: 5px;
	margin-left: -146px;
	margin-bottom: -16px;
}

form p.signOff{
	margin: 6px 0 0 0;
	text-align: right;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding: 10px 0 0;
	margin-left: -136px;
}


/* FLASH MAP */
.flashMap{
	padding: 0 0 8px;
	border-width: 0 0 2px 0;
	border-style: solid;
	float: left;
	width: 508px;
}
div.rpwFlashMap{
	display: block;
}

ul.mapSelector{
	list-style-type: none;
	margin: -32px 0 4px 0;
	padding: 0;
	height: 23px;
	position: relative;
}

html>body ul.mapSelector{
	margin-top: -29px;
	margin-right: -2px;
}

form ul.mapSelector{
	margin-right: -7px;
}

html>body form ul.mapSelector{
	margin-right: -4px;
}

ul.mapSelector li{
	display: inline;
}

ul.mapSelector li a{
	text-decoration: none;
	padding: 1px 1em 3px;
	margin: 5px 0 0 2px;
	font-size: 1.1em;
	text-align: center;
	display: block;
	float: right;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}

div#content ul.mapSelector li.active a, div#content ul.mapSelector li a:hover{
	margin-top: 0;
	padding: 4px 1em 6px;
}

/* GENERIC CONTENT */

.contentBox{
	padding: 6px 2px;
	margin-top: 0;
}


.contentBox img{
	float: right;
	margin: 0 0 4px 8px;
}

.contentBox ol, .contentBox ul{
	margin: 0.3em 0;
	padding: 0 0 0 2em;
}

.contentBox li{
	margin: 0.3em 0;
}


div#content .contentBox h4{
	border-bottom-width: 0;
	font-size: 1.4em;
}


/* RESULTS */
ul.listing{
	list-style: none;
	margin: 0;
	padding: 0;
	border-width: 0 0 5px 0;
	border-style: solid;
}

ul.listing ul, ul.about{
	list-style: none;
	padding: 0;
	margin: 0 0 0 3px;
	float:left;
}

html>body ul.listing ul{
	margin-left: 0;
}

ul.listing p a.detailsLink{
	float: right;
	clear:left;
	margin-top: -1em;
}

ul.listing li{
	padding: 0 2px 0.5em;
	margin: 1em 0;
	border-width: 0 0 1px;
	border-style: solid;
	/*float: left;
	width: 100%;*/
}

ul.listing li.clearfix:after{
	clear:left;
}

div#content ul.listing li h4{
	padding-right: 0;
	border-width: 0 0 2px 0;
	padding: 0 1px 3px;
}

ul.listing.newhomes li{
	margin-bottom: 7px;
}

ul.listing li ul li, ul.about li, ul.listing ul.newhomes li ul li{
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 1.5em;
	border: none;
	margin: 0;
	float:none;
}

ul.listing ul.newhomes li{
	padding: 0.4em 0 0 0;
	margin: 0.8em 0 0 0;
	border-width: 1px 0 0 0;
	border-style: solid;
}

div#content ul.listing h4, div#content .contentBox h4, div#content .detailsContent h4{
	margin: 0 0 4px;
}

div#content ul.listing ul.newhomes li h4{
	font-size: 1.2em;
}

div#content ul.listing h4{
	border-width: 0 0 1px 0;
	border-style: solid;
}

ul.listing li h5{
	float: right;
	padding: 2px 0.5em;
	margin: 0 0 4px 12px;
}


ul.listing a{
	text-decoration: none;
}

ul.listing li h4 a strong{
	float: right;
}

ul.listing a.thumbnailLink, ul.sublots a.thumbnailLink, ul.listing img.thumbnailLink{
	margin: 2px 1em 0 0;
}

p.noresults{
	margin: 6px 12px;
}


/* ABOUT US */
ul.about{
	float: none;
}

ul.about li{
	background-position: top left;
	margin-bottom: 0.5em;
}



/* RECORD NAVIGATION */

p.searchNavigation{
	font-size: 1em;
	margin: 0 0 4px;
	border-width: 1px 0;
	border-style: solid;
	padding: 4px;
}

p.searchNavigation strong, p.searchNavigation a{
	margin: 0 3px;
	padding:0;
}

p.searchNavigation a{
	text-decoration: none;
}


p.searchNavigation strong, p.searchNavigation a:hover{
	text-decoration: underline;
}

p.searchNavigation em{
	white-space: nowrap;
}


/* OFFICES */


ul.listing.offices{
	border-bottom: none;
	margin-bottom: 0;
}

ul.offices.compact p.address, ul.offices.compact p.contacts{
	white-space: nowrap;
	float: left;
	margin-right: 12px;
}

ul.offices.large p.address, ul.offices.large p.contacts{
	clear: none;
}

ul.offices.large img{
	margin-top: 5px;
}


ul.offices.compact p.officeLinks{
	float: right;
}


p.officeLinks a{
	background-repeat: no-repeat;
	background-position: top left;
}

ul.offices.compact p.officeLinks a{
	height: 16px;
	width: 16px;
	float: left;
	display: block;
}

ul.offices.large p.officeLinks a{
	padding: 2px 0 2px 20px;
	margin-right: 20px;
	line-height: 20px;
}

ul.offices.compact p.officeLinks a span{
	display: none;
}

p.officeLinks a.officeProperties{
	background-image: url(http://195.157.37.69/rpw_curr_pub/css/client-sites/v15/images/icon-homes.gif);
}
p.officeLinks a.officeMap{
	background-image: url(http://195.157.37.69/rpw_curr_pub/css/client-sites/v15/images/icon-map.gif);
}
p.officeLinks a.officeEmail{
	background-image: url(http://195.157.37.69/rpw_curr_pub/css/client-sites/v15/images/icon-email.gif);
}



/* DETAILS */

div.propertyDetails{
	position:relative;
}

.detailsContent{
	margin: 6px 0 0;
}

.detailsContent ul{
	list-style: none;
	margin: 0.5em 0;
	padding: 0;
}


.detailsContent ul li{
	margin: 0.3em 0;
}

.detailsContent ul.list li, .detailsContent ul.roomList strong{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

.detailsContent h5{
	margin: 0.8em 0 0.2em;
}

p.caveat{
	font-size: 9px;
	margin-top: 2em;
}

.thumbnailGallery p.thumbnail{
	float: left;
	margin: 0 6px 6px 0;
}

.detailsContent .mainImg{
	margin-bottom: 6px;
	float: left;
}

html>body .detailsContent .mainImg{
	margin-left: 0;
}

.thumbnailGallery p.thumbnail a.thumbnailLink{
	float: none;
}

ul.optionButtons{
	border-width: 0 0 2px 0;
	border-style: solid;
	margin: 0 0 6px;
	padding: 0;
	height: 23px;
}

ul.optionButtons li{
	display:inline;
}

ul.optionButtons li a{
	display: block;
	float: left;
	padding: 4px 13px 8px 28px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 6px 2px;
}

ul.optionButtons li a:hover{
	border-width:  0 0 4px 0;
	border-style: solid;
	padding-bottom: 4px;
}

ul.optionButtons a.emailButton{
	background-image: url(http://195.157.37.69/rpw_curr_pub/css/client-sites/v15/images/icon-info.gif);
}

ul.optionButtons a.printButton{
	background-image: url(http://195.157.37.69/rpw_curr_pub/css/client-sites/v15/images/icon-print.gif);
}

ul.optionButtons a.mapButton{
	background-image: url(http://195.157.37.69/rpw_curr_pub/css/client-sites/v15/images/icon-map.gif);
}

ul.optionButtons a.floorplanButton{
	background-image: url(http://195.157.37.69/rpw_curr_pub/css/client-sites/v15/images/icon-floorplan.gif);
}

ul.optionButtons a.vtourButton{
	background-image: url(http://195.157.37.69/rpw_curr_pub/css/client-sites/v15/images/icon-vtour.gif);
}

ul.optionButtons a.HIPButton{
	background-image: url(http://195.157.37.69/rpw_curr_pub/css/client-sites/v15/images/icon-hip.gif);
}



div#content .detailsContent h4{
	clear: both;
	margin-top: 8px;
	padding-top: 3px;
	border-width: 1px 0 0 0;
	border-style: solid;

}

div#content .detailsContent .developerInfo h4{
	border: none;
	margin-top: 3px;
}

.detailsContent div.developerInfo{
	margin-bottom: 8px;
}

div#content .detailsContent h4 strong{
	float: right;
	padding: 2px 0.5em;
	margin: -1.5em 0 4px 12px;
	font-size: 0.8em;
}

div.detailsContent div.contactDetails{
	position:absolute;
	top:0;
	right: -270px;
	width: 240px;
}

div#content div.detailsContent div.contactDetails h4{
	font-size: 16px;
	padding: 8px 2px 4px;
	margin: 0 0 4px 0;
	border-width: 0 0 3px 0;
	border-style: solid;
}
div#content div.detailsContent div.contactDetails li{
	margin: 4px 2px;
}

div#content ul.sublots h4, div#content ul.sublots h5{
	background: none;
	font-size: 1em;
	padding: 0;
	margin: 0;
	border: none;
	clear: none;
}
div#content ul.sublots h4{
	margin-right: 6px;
}

ul.sublots a{
	text-decoration: none;
}

ul.sublots li{
	padding: 2px 0;
	border-style: solid;
	border-width: 1px 0 0 0;
}

ul.sublots p{
	margin-bottom: 2px;
}

ul.sublots p.roomlist{
	margin-top: 0;
}

ul.sublots h4{
	float: left;
}

ul.sublots h5{
	float: right;
}

ul.sublots h5 strong{
	padding: 0 3px;
}

div.developerDetails h4.developerName{
	display: none;
}

/* PAGE SPECIFIC */

body.search div#content, body.index div#content{
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

html>body.search div#content, html>body.index div#content{
	border-bottom-width: 0;
}

body.search-frame div#content, body.search-results-frame div#content, body.property-details-frame div#content{
	padding-left: 0;
	border: none;
}

body.search-frame div#pageContainer, body.search-results-frame div#pageContainer, body.property-details-frame div#pageContainer{
	width: auto;
}

body.search-frame .mainContent{
	border: none;
}

body.image-view div#pageContainer{
	border: none;
	padding: 0;
	margin: 0;
}

body.property-details div#content.nofeature{
	padding-right: 270px;
	float: left;
}
body{
	background-color: #FFFFFF;
	color: #333;
}

a{
	color: #336633;
}

a:hover{
	color: #000000;
}

h1, h2, h3, h4, h5, h6{
	color: #085825;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color: #085825;
}

/* PAGE CONTAINER */

div#pageContainer{
	background-color: #FFF;
	border-color: #FFFFFF;
}

/* BANNER */

div#banner{
	background-color: #085825;
	border-bottom-color: #FFF;
}

div#banner h1{
	border-color: #FFF;
	color: #FFF;
}

div#banner h1 a{
	color: #FFF;
}


div#banner{
	padding: 1em;
}
div#banner h1{
	background-image: url(../images/chp_banner.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	height: 120px;
	padding: 0;
}

div#banner h1 span{
	display: none;
}




/* STATUS BAR */

p.statusBar{
	background-color: #000000;
	color: #808080;
	border-color: #FFF;
}

p.statusBar a{
	color: #808080;

}

p.statusBar a:hover{
	color: #C0C0C0;
}



/* MAIN MENU */
div#menu{
	background-color: #FFF;
}

div#menu ul{
	border-color: #336633;
	background-color: #FFF;
}


div#menu ul.menu a, div#menu ul.menu h3{
	color: #336633;
	border-bottom-color: #FFF;
	background-color: #FFF;
}

div#menu ul.menu a:hover, div#menu ul.menu h3:hover{
	color: #033603;
	background-color: #FFF;
}

div#menu ul.menu ul{
	border-color: #336633;
}

div#menu ul.menu li, div#menu ul.menu li a{
	border-color: #FFF;
}



/* MAIN CONTENT */

div#content{
	background-color: #FFF;
	border-color: #FFF;
}

div#content a{
	color: #336633;
}

div#content a:hover{
	color: #333;
}

div#content h3{
	border-color: #000000;
}

div#content h4{
	background-color:transparent;
}


div#lhColumn{
	border-color: #FFF;
}


/* FEATURES */

div.feature{
	background-color: #FFF;
	color: #333;
}



div.feature a.thumbnailLink, div.feature div.rpwImageCarousel{
	border-color: #085825;
}

div.feature a.thumbnailLink:hover{
	border-color: #000000;
}

div.feature li{
	border-color: #000000;
}


div.feature ul ul{
	list-style-image: url(http://195.157.37.69/rpw_curr_pub/images/arrow.php?size=7&fg=%23333&bg=%23FFFFFF&direction=right);
}

div.feature h3.secondSet{
	border-color: #FFF;
}

div.feature h4 strong{
	color: #000000;
}

/* FORMS */

form{
	color: #333;
	border-color: #000000;
}

form p.formLine em{
	background-image: url(http://195.157.37.69/rpw_curr_pub/images/arrow.php?size=9&fg=%23336633&bg=%23FFF&direction=right);
}
form p.signOff{
	border-color:#FFF;
}


/* FLASH MAP */

.flashMap{
	border-color: #000000;
}

div.rpwFlashMap{
	background-color: transparent;
}

ul.mapSelector{
	border-color: #000000;
}

div#content ul.mapSelector a{
	color: #939393;
	border-color: #000000;
}

div#content ul.mapSelector li.active a{
	color: #FFF;
	background-color: #000000;
}




/* THUMBNAILS */

a.thumbnailLink{
	border-color: #336633;
}

a.thumbnailLink:hover{
	border-color: #000000;
}


/* GENERIC CONTENT */

.contentBox img{
	border-color:  #FFF;
}



/* RESULTS */

ul.listing{
	border-color: #FFF;
}

ul.listing li, ul.sublots li, ul.listing ul.newhomes li{
	color: #333;
	border-color: #000000;
	background-color: #FFF;
}

.flashMap .contentBox{
	border-color: #FFF;
	background-color: #FFF;
}

div#content ul.listing h4{
	border-color: #000000;
}

ul.listing h5, .detailsContent h4 strong{
	background-color: #336633;
	color: #FFF;
}

div#content ul.listing h4 a, .contentBox h4 a{
	color: #085825;
}

div#content ul.listing a:hover{
	color: #333;
}

ul.listing a.thumbnailLink, ul.listing img.thumbnailLink{
	border-color: #336633;
}

ul.searchResults a.thumbnailLink:hover{
	border-color: #333;
}

ul.listing ul li, ul.about li{
	background-image: url(http://195.157.37.69/rpw_curr_pub/images/arrow.php?size=9&fg=%23336633&bg=%23FFF&direction=right);
}




/* RECORD NAVIGATION */

p.searchNavigation{
	border-color: #FFFFFF;
}

p.searchNavigation strong, div#content p.searchNavigation a:hover{
	color:#000000;
}

p.searchNavigation a{
	color: #333;
}

/* OFFICES */


/* DETAILS */

.detailsContent{
	background-color: #FFF;
}

img.mainImg{
	border-color: #336633;
}

.detailsContent a.thumbnailLink{
	border-color:  #336633;
}

.detailsContent a.thumbnailLink:hover{
	border-color: #000000;
}

div#content .detailsContent h4{
	border-color: #000000;
}

ul.optionButtons{
	border-color: #000000;
}

ul.optionButtons a{
	color: #336633;
}

ul.optionButtons a:hover{
	color: #336633;
	border-color: #000000;
}

.detailsContent ul.list li, .detailsContent ul.roomList strong{
	background-image: url(http://195.157.37.69/rpw_curr_pub/images/arrow.php?fg=%23336633&bg=%23FFF);
}


/* CONTACT DETAILS */
div#content .detailsContent div.contactDetails{
	background-color: #FFF;
	border-color: #FFF;
}

div#content .detailsContent .contactDetails ul.list li{
	background-image: url(http://195.157.37.69/rpw_curr_pub/images/arrow.php?fg=%23336633&bg=%23FFF);
}

