/* -- CSS Style Sheet for Palm Springs Rentals -- */
/* -- Coded by:  Roger Delph -- */
/* -- Coded on:  July 4, 2005 -- */


/* ---------- generic + containers ---------- */

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial;
	font-size: 10pt ! important;
	text-align: center;
	background: #fff;
	color: #333333;
	}

#themewrap {
	margin: 0 auto;
	padding: 0;
	width: 757px;
	background: #fff;
	}
	
#contentwrap {
	margin: 0;
	width: 757px;
	padding: 0;
	margin: 0;
	background: #fff;
	}
	
a {
	color: #0000FF;
	text-decoration: none
	}

a:link {
	color: #333333
	}

a:hover {
	color: #FF6600;
	text-decoration: none;
	}

a:vlink { 
	color: #003366; 
	text-decoration: none
	}

#imgright {
	float: right;
	}

#imgleft {
	float: left;
	}

img {
	border: 0;
	}



.center {
	text-align: center;
	}
	
.redtext {
	color: #990033;
	font-weight: bold;
	}

.sectext {
	font-weight: bold;
	color: #000;
	}

.disclaimertext{
	font-size: 7pt ! important;
	text-align: center;
	}

h1 {
	font-weight: bold; 
	color: #330033; 
	font-size: 12pt ! important; 
	}

.inh1 {
	font-weight: bold; 
	color: #330033; 
	font-size: 12pt ! important; 
	}

h2 {
	font-weight: bold; 
	color: #000; 
	font-size: 11pt ! important; 
	}

	
.inh2 {
	font-weight: bold; 
	color: #000; 
	font-size: 11pt ! important; 
	}

/* ---------- header ---------- */

#logo {
	width:	758px;
	background: #fff url(img/header.jpg) no-repeat;
	background-position: left;
	height: 121px;
	padding: 0;
	margin: 0;
	text-align: left;
	}

	
/* ---------- navigation ---------- */

#nav {
	background: #ccc;
	line-height: 1em;
	}
	


/* ---------- Content Section Styles ---------- */

#maincontent {
	float: left;
	width: 525px;
	margin: 0;
	padding: 25px 25px 25px 25px;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}

#propcontent {
	width: 700px;
	margin: 15px auto 15px auto;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}

#city {
	float: right;
	width: 550px;
	margin: 15px auto 15px auto;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}
	
#localcontent {
	width: 700px;
	margin: 15px auto 15px auto;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}	

.piccationtext {
	margin: 5px auto 8px auto;
	padding: 5px;
	width: 570px;
	background: #D5CEE5;
	}

.proplisttable{
	width: 600px;
	background: #000;
	}	

.proplisttd{
	padding: 10px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #FFF;
	vertical-align: middle;
	}
	
.proplistpictd{
	padding: 10px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #FFF;
	text-align: center;
	vertical-align: top;
	}

.propquicklist {
	width: 575px;
	align: center;
	}
	
.propquicklisttd {
	padding: 0;
	vertical-align: top;
	text-align: left;
	}

.proplistquicklist {
	width: 450px;
	align: center;
	}
	
.proplistquicklisttd {
	padding: 0;
	vertical-align: top;
	}

.propcostlisttable{
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	height: 39px;
	width: 695px;
	background: #D5CEE5;
	}

.propcostlist {
	width: 100px;
	text-align: center;

	}

.bellavillacostlisttable{
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	height: 36px;
	width: 400px;
	background: #D5CEE5;
	align: center;
	}
	
#rightcontent {
	float: right;
	width: 550px;
	margin: 0;
	padding: 15px 0 0 0;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}

.mandatorytext {
	text-weight: bold;
	color: #990033;
	font-style: italic;
	}	

.ownercodelisttable{
	width: 500px;
	background: #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}	

.ownercodelisttd{
	width: 250px;
	padding: 10px;
	background: #FFF;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

.ownercodelisttdhead{
	width: 250px;
	padding: 10px;
	background: #D5CEE5;
	text-weight: bold;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

/* ---------- footer section ---------- */

#footer {
	font-size: 8pt ! important;
	text-align: center;
	color: #333333;
	width: 755px;
	margin: 3px;
	float: left;
	background-color: #CCCCCC;
	}

/* ---------- right side information bar ---------- */

#sidebar {
	width: 155px;
	float: right;
	margin: 0 0 25px 0;
	padding: 25px 0 0 20px;
	font-size: 90%;
	color: #888;
	text-align: left;
	background: #fff;
	font-size: 9pt; 
	}

/* ---------- side navigation ---------- */

#sidenav {
	width: 155px;
	float: left;
	margin: 0 0 25px 0;
	padding: 25px 0 0 20px;
	font-size: 90%;
	color: #888;
	text-align: left;
	background: #fff;
	font-size: 9pt; 
	}

#sidenav h2 {
	font-weight: bold; 
	color: #000; 
	font-size: 10pt; 
	}

#sidenav ul {
	margin: 0; 
	padding: 0; 
	width: 150px;
	}
	
#sidenav ul li {
	list-style: none; 
	padding: 5px 0 5px 0; 
	border-bottom: 1px solid #CBD2DC; 
	background: #fff;
	}
/* ---------- subnavigation ---------- */

#subnav {
	width: 755px;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 8pt;
	height: 25px;
	background: #CCC;
	}

#subnav li {
	margin: 0;
	font-size: 11px; 
	float: left; 
	text-indent: 5px; 
	background: url(img/icon_check.gif) no-repeat 0 3px;
	}

#subnav a {
	float: left;
	text-decoration: none;
	color: #000;
	padding: 7px 10px 7px 10px;
	}
	
#subnav a:hover{
	color: #000;
	}

.subnavh1 {
	font-size: 11px; 
	padding: 6px 10px 6px 10px;
	float: left;
	color: 000;
	}

/* -------------- [ property listings ] --------------- */

.propertywrap {
	background: url(img/bg-proplist-bottom.gif) bottom right no-repeat;
	margin: 0 auto;
	width: 710px;
	}

.propertytitle {
	font-size: 9pt;
	color: #000;
	text-align: left;
	height: 18px;
	padding: 0 0 0 20px;
	}

.propertyborder {
	background: url(img/bg-proplist-top.gif) top left no-repeat;
	}
	
.propertypic {
	margin: 30px 0 0 20px;
	border: 0;
	float: left;
	}

.propertyh1 {
	margin: 0 0 0 260px;
	padding: 25px 0 0 0;
	font-size: 11pt;
	font-weight: bold;
	}

.propertydescription {
	margin: 0 15px 0 260px;
	padding: 15px 0 15px 0;
	}

.costwrap {
	margin: 0 0 0 260px;
	padding: 0;
	}

.propertycosttable {
	margin: 0;
	width: 410px;
	border: 1px solid #607B8B;
	background: #8DB6CD;
	text-align: center;
	font-size: 9pt;
	}

.propertycosttd {
	width: 130px;
	}
	
.propertydesctable {
	margin: 0;
	width: 410px;
	border: 1px solid #a8929a;
	background: #D5CEE5;
	text-align: center;
	font-size: 9pt;
	}

.propertydesctd50 {
	width: 75px;
	}

.propertydesctdlong {
	text-align: left;
	}

.propertylinks {
	margin: 10px 0 10px 220px;
	padding: 0 0 20px 0;
	text-align: center;
	}
	

/*-- Favorite Condos List Table --*/

.favcondotable {
	width: 600px;
	text-align: left;
	padding: 10px;
	}

.favcondotd {
	
	border-bottom: 1px solid #CBD2DC; 
	}

/*--Site Map List Table --*/

.sitemaplisttable {
	width: 675px;
	}

.sitemaplisttd175 {
	width: 175px;
	border-bottom: 1px solid #CBD2DC;	
	}

.sitemaplisttd50 {
	width: 50px;
	border-bottom: 1px solid #CBD2DC;
	text-align: center;	
	}
	
.sitemaplisttd125 {
	width: 125px;
	border-bottom: 1px solid #CBD2DC;	
	}	
	
.sitemaplisttd150 {
	width: 150px;
	border-bottom: 1px solid #CBD2DC;	
	}	

/*-- Links table --*/

#linktable {
	width: 600px;
	text-align: left;
	padding: 10px;
	}

#linktable td {
	width: 300px;
	text-align: center;
	border-bottom: 1px solid #CBD2DC;
	border-top: 1px solid #CBD2DC;
	border-left: 1px solid #CBD2DC;
	border-right: 1px solid #CBD2DC; 
	}
	
/* ---------- local links ---------- */	

.localwrap {
	background: url(img/bg-proplist-bottom.gif) bottom right no-repeat;
	margin: 0 auto;
	width: 710px;
	}

.localborder {
	background: url(img/bg-proplist-top.gif) top left no-repeat;
	}	

.localpic {
	margin: 30px 0 0 20px;
	border: 0;
	float: left;
	}

.localtitle {
	margin: 0 0 0 250px;
	padding: 25px 0 0 0;
	font-size: 11pt;
	font-weight: bold;
	}

.localdescription {
	margin: 0 15px 0 250px;
	padding: 15px 0 15px 0;
	}

.localratings {
	margin: 0 0 0 260px;
	padding: 0;
	}

#localcontent table {
	margin: 0;
	width: 413px;
	border: 1px solid #a8929a;
	background: #D5CEE5;
	text-align: center;
	font-size: 9pt;
	}

#localcontent td {
	width: 59px;
	}	

.locallinks {
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	text-align: center;
	}

/* -------------- [ sitemap elements ] ---------------- */	
	
#sitemapcontent {
	width: 755px;
	margin: 0 auto;
	padding: 25px;
	border: solid 1px #fff;
	background: #fff;
	text-align: left;
	}	
	
#sitemapcontent table {
	width: 675px;
	text-align: left;
	}

#sitemapcontent td {
	border-bottom: 1px solid #CBD2DC;
	}	

.sitemaplisttd175 {
	width: 175px;	
	}

.sitemaplisttd50 {
	width: 50px;
	}
	
.sitemaplisttd125 {
	width: 125px;
	}	
	
.sitemaplisttd150 {
	width: 150px;
	}	
	
/* -------------- [ citysite ] ---------------- */


.restaurantpic {
	margin: 35px 0px 0px 20px;
	border: 0;
	float: left;
	}

.restaurantratingtable {
	margin: 0;
	width: 390px;
	border: 1px solid #a8929a;
	background: #D5CEE5;
	text-align: center;
	font-size: 9pt;
	}
	
.restaurantreviewtable {
	margin: 0;
	width: 500px;
	border: 1px solid #;
	background: #D5CEE5;
	text-align: center;
	font-size: 9pt;
	}	

.topthreetable {
	margin: 0;
	width: 450px;
	border: 2px solid #bccc9f;
	background: #d1e0ac;
	text-align: center;
	font-size: 9pt;
	}		

.topthreemeal {
	width: 100px;
	border: 2px solid #bccc9f;
	padding: 0;
	}

.topthreedescription {
	width: 350px;
	border: 2px solid #bccc9f;
	padding: 0;
	}

.restaurantsrating {
	width: 68px;
	}

.restaurantsscore {
	width: 50px;
	}

.restaurantsrated {
	width: 75px;
	}

.restaurantsreview {
	width: 367px;
	}	
	
.restaurantsinfo {
	margin: 10px 0 10px 260px;
	padding: 0 0 0px 0;
	text-align: left;
	font-size: 9pt;
	}
	
.restaurantsdescription {
	margin: 0 15px 0 260px;
	padding: 15px 0 15px 0;
	}

.restaurantsh1 {
	margin: 0 0 0 260px;
	padding: 25px 0 0 0;
	font-size: 11pt;
	font-weight: bold;
	}

.restaurantswrap {
	background: url(img/bg-proplist-bottom.gif) bottom right no-repeat;
	margin: 0 auto;
	width: 710px;
	}

#restcontent {
	width: 700px;
	margin: 15px auto 15px auto;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}	
	
/* -------------- [ city ] ---------------- */	

#city table {
	width: 528px;
	margin: 0 auto;
	vertical-align: middle;
	border-collapse:collapse;
	}

#city h1 {
	text-align: center;
	}	
	
#city th {
	vertical-align: bottom;
	text-align: center;
	text-weight: bold;
	padding: 2px;
	border: 1px solid #a8929a;
	background: #D5CEE5;
	}	
	
#city td {
	padding: 2px;
	border: 1px solid #a8929a;
	}	
	
.citytrshade {
	background: #eee8fa;
	}
	
.cityname {
	width: 300px;
	}

.cityphone {
	width: 100px;
	text-align: center;
	}

.citywebsite {
	width: 125px;
	}