/* PAGE CONTAINER */

div#pageContainer{
	width: 775px;
	margin: 0 auto;
	border-width: 4px 1px 2px;
	border-style: solid;
	padding: 8px;
}

html>body div#pageContainer{
	width: 755px;
}

/* BANNER */

div#banner{
	border-width:0 0 4px;
	border-style: solid;
	background-position: bottom left;
	background-repeat: repeat-x;
}

div#banner h1{
	margin: 0;
	padding: 0.5em 1em;
	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{
	border-width: 1px 0;
	border-style: solid;
	padding: 2px 1em;
	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{
	position:relative;
	z-index: 100;
}

div#menu ul.menu, div#menu ul.menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position:relative;
}

div#menu ul.menu li{
	position:relative;
	border-width: 0 0 1px;
	border-style: solid;
}

div#menu ul.menu ul li{
	border-width: 0;
}

div#menu ul.menu a, div#menu ul.menu h3{
	font-size:1em;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 5px 1em;
	text-decoration: none;
	border-width: 0 0 1px;
	border-style: solid;
	text-transform: uppercase;
}

div#menu ul.menu ul{
	position: absolute;
	width: 17em;
	z-index: 500;
	left: 144px;
	top: -4px;
	border-width: 4px 4px 0 4px;
	border-style: solid;
}
html>body div#menu ul.menu ul{
	left: 100%;
}

div#menu ul.menu ul a, div#menu ul.menu ul h3{
	height: 1%;
}

div#menu ul.menu ul,
div#menu ul.menu li:hover ul ul,
div#menu ul.menu ul li:hover ul ul
{display: none;}

div#menu ul.menu li:hover ul,
div#menu ul.menu ul li:hover ul,
div#menu ul.menu ul ul li:hover ul
{display: block;}


/* MAIN CONTENT */

div#content{
	float: left;
	padding-left: 10px;
	width: 594px;
}
html>body div#content{
	width: 585px;
	/*float: none;
	margin-left: 156px;*/
}

div#content h3{
	font-weight: normal;
	font-size: 20px;
	padding: 5px 0 2px;
	margin: 0;
}

div#content h4, div.feature h4{
	margin: 0 0 0.5em 0;
}
div#content h4{
	font-size: 17px;
}

div#lhColumn{
	border-right-width: 4px;
	border-right-style: solid;
	width: 159px;
	float: left;
}

html>body div#lhColumn{
	width: 155px;
}




/* FEATURES */

div.feature{
	margin:10px 0 0;
	padding: 5px;
	background-position: bottom left;
	background-repeat: repeat-x;
}

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;
}


div.feature ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

div.feature ul ul{
	padding: 0 0 0 1.5em;
}

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 h4 strong{
	display: block;
}

/* FORMS */

form{
	margin: 0 14px 14px 150px;
}

div#content form h4{
	padding-top: 5px;
	margin-left: -140px;
	margin-bottom: -16px;
}

form p.signOff{
	margin: 6px 0 0 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding: 10px 0 0;
	margin-left: -136px;
	clear: left;
	text-align: right;
}


/* FLASH MAP */
.flashMap{
	padding: 0 0 9px;
}
div.rpwFlashMap{
	border-width: 1px;
	border-style: solid;
	display: block;
}

.flashMap .contentBox{
	margin: 0;
	width: 587px;
}
html>body .flashMap .contentBox{
	width: 573px;
}

ul.mapSelector{
	list-style-type: none;
	margin: -22px 0 0 0;
	padding: 0;
	height: 21px;
	position: relative;
	border-width: 0 0 1px 0;
	border-style: solid;
}

form ul.mapSelector{
	margin-left: -150px;
}

ul.mapSelector li{
	display: inline;
}

ul.mapSelector li a{
	text-decoration: none;
	padding: 4px 0;
	margin: 0 0 0 1px;
	font-size: 1.1em;
	text-align: center;
	width: 110px;
	display: block;
	float: right;
	background-position: top left;
	background-repeat: no-repeat;
}

div#content ul.mapSelector li.active a{
	height: 21px;
	border-width: 0 0 1px 0;
	border-style: solid;
}

html>body div#content ul.mapSelector li.active a{
	height: 14px;
}

/* GENERIC CONTENT */

.contentBox, #content iframe{
}

.contentBox{
	padding: 6px;
	font-size: 1.2em;
	margin-top: 0;
}
.flashMap .contentBox{
	border-width: 1px;
	border-style: solid;
}

.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 0 6px;
	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 1em 0.5em;
	margin: 1px 0 1em;
	border-width: 1px 0;
	border-style: solid;

}

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;
}

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{
	padding: 2px;
	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;
}

ul.offices.large p.officeLinks{
	height: 20px;
}


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;
	white-space: nowrap;
}

ul.offices.large p.officeLinks a{
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	white-space: nowrap;
	float: left;
}

ul.offices.compact p.officeLinks a span{
	display: none;
}

p.officeLinks a.officeProperties{
	background-image: url(http://195.157.37.129/rpw_curr_pub/css/client-sites/v13/images/icon-homes.gif);
}
p.officeLinks a.officeMap{
	background-image: url(http://195.157.37.129/rpw_curr_pub/css/client-sites/v13/images/icon-map.gif);
}
p.officeLinks a.officeEmail{
	background-image: url(http://195.157.37.129/rpw_curr_pub/css/client-sites/v13/images/icon-email.gif);
}



/* DETAILS */

.detailsContent{
	margin: 6px 0 0;
	padding: 0 6px;
}

.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;
}

.detailsContent .thumbnailGallery{
	clear: left;
}

.thumbnailGallery p.thumbnail{
	float: left;
	margin: 0 5px 5px 0;
}

html>body .thumbnailGallery p.thumbnail{
	margin: 0 6px 6px 0;
}


.detailsContent .mainImg{
	margin-bottom: 6px;
	float: left;
	margin-left: -1px;
}

html>body .detailsContent .mainImg{
	margin-left: 0;
}

.thumbnailGallery p.thumbnail a.thumbnailLink{
	float: none;
}

ul.optionButtons{
	border-width: 0 0 1px 0;
	border-style: solid;
	margin: 0 0 6px;
	padding: 0;
	height: 28px;
}

ul.optionButtons li{
	float: left;
	width: 140px;
	padding: 3px 0 0 2px;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 14px;

}

ul.optionButtons li a{
	display: block;
	float: left;
	padding: 4px 4px 4px 28px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 6px 2px;
}

ul.optionButtons a.emailButton{
	background-image: url(http://195.157.37.129/rpw_curr_pub/css/client-sites/v13/images/icon-info.gif);
}

ul.optionButtons a.printButton{
	background-image: url(http://195.157.37.129/rpw_curr_pub/css/client-sites/v13/images/icon-print.gif);
}

ul.optionButtons a.mapButton{
	background-image: url(http://195.157.37.129/rpw_curr_pub/css/client-sites/v13/images/icon-map.gif);
}

ul.optionButtons a.floorplanButton{
	background-image: url(http://195.157.37.129/rpw_curr_pub/css/client-sites/v13/images/icon-floorplan.gif);
}

ul.optionButtons a.vtourButton{
	background-image: url(http://195.157.37.129/rpw_curr_pub/css/client-sites/v13/images/icon-vtour.gif);
}

ul.optionButtons a.HIPButton{
	background-image: url(http://195.157.37.129/rpw_curr_pub/css/client-sites/v13/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;
}

.contactDetails{
	position:relative;
}

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{
	background-color: #F8F8F8;
	color: #333;
}

a{
	color: #AAAAAA;
}

a:hover{
	color: #CB2E4D;
}

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

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

/* PAGE CONTAINER */

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

/* BANNER */

div#banner{
	background-color: #FFFFFF;
	background-image: url(http://195.157.37.129/rpw_curr_pub/images/gradient.php?col1=%23FFFFFF&col2=%23FFFFFF&w=1&h=50);
	border-top-color: #FFFFFF;
	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/blank80.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	height: 80px;
	padding: 0;
}

div#banner h1 span{
	display: none;
}



div#banner{
	background-image: url(../images/renton_banner_m.png);
	background-repeat: no-repeat;
	background-position: top left;
}



/* STATUS BAR */

p.statusBar{
	border-color: #C8C8C8;
	color: #CB2E4D;
}

p.statusBar a{
	color: #CB2E4D;

}

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



/* MAIN MENU */
div#menu ul{
	border-color: #C8C8C8;
}


div#menu ul.menu a, div#menu ul.menu h3{
	color: #AAAAAA;
	border-bottom-color: #C8C8C8;
}

div#menu ul.menu a:hover, div#menu ul.menu h3:hover{
	border-bottom-color: #AAAAAA;
}

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

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



/* MAIN CONTENT */

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

div#content a{
	color: #AAAAAA;
}

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

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


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


/* FEATURES */

div.feature{
	background-color: #CB2E4D;
	background-image: url(http://195.157.37.129/rpw_curr_pub/images/gradient.php?col1=%23CB2E4D&col2=%23FB5E7D&w=1&h=180);
	color: #FFF;
}

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


div.feature h3{
	color: #FFF;
}

div.feature a{
	color: #FFF;
}

div.feature a:hover{
	color: #AAAAAA;
}

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

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

/* FORMS */

form{
	color: #333;
}

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


/* FLASH MAP */

div.rpwFlashMap, .flashMap .contentBox{
	border-color: #C8C8C8;
}

div.rpwFlashMap{
	background-color: transparent;
}

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

ul.mapSelector a{
	background-image: url(http://195.157.37.129/rpw_curr_pub/images/rounded-tab.php?w=110&h=30&fg=%23EFEFEF&bg=%23FFF&line=%23C8C8C8&position=top);
	color: #333;
}

div#content ul.mapSelector li.active a{
	background-image: url(http://195.157.37.129/rpw_curr_pub/images/rounded-tab.php?w=110&h=30&fg=%23FFF&bg=%23FFF&line=%23C8C8C8&position=top);
	color: #333;
	border-color: #FFF;
}

ul.mapSelector a:hover{
	background-image: url(http://195.157.37.129/rpw_curr_pub/images/rounded-tab.php?w=110&h=30&fg=%23FFF&bg=%23FFF&line=%23C8C8C8&position=top);
	color: #333;
}

/* THUMBNAILS */

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

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


/* 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: #C8C8C8;
	background-color: #FFF;
	background-image: none;
}

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

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

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

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

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

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

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

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




/* RECORD NAVIGATION */

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

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

p.searchNavigation a{
	color: #333;
}

/* OFFICES */


/* DETAILS */

.detailsContent{
	background-color: #FFF;
}

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

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

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

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

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

ul.optionButtons li{
	background-image: url(http://195.157.37.129/rpw_curr_pub/images/rounded-tab.php?w=140&h=30&fg=%23FFF&bg=%23FFF&line=%23C8C8C8&position=top);
}

ul.optionButtons a{
	color: #AAAAAA;
}

ul.optionButtons a:hover{
	color: #AAAAAA;
}

.detailsContent ul.list li, .detailsContent ul.roomList strong{
	background-image: url(http://195.157.37.129/rpw_curr_pub/images/arrow.php?fg=%23AAAAAA&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.129/rpw_curr_pub/images/arrow.php?fg=%23AAAAAA&bg=%23FFF);
}

