body {
	position:			relative;
	background-color:	#ebfbe2;
	font:				13px/1.5em Arial, Helvetica, sans-serif;
	color:				black;
	text-align:			center;
	margin:				0;
}

/* LINKS */
a:active, a img {  /* remove link outlines */
	outline:			none;
	border:				none;
}
a:focus, a img {  /* remove link outlines */
	-moz-outline-style:	none;
	outline:			none;
	border:				none;
}


.smalltext {
	font-size:			0.9em;
}
#container-basic,
#container-passport,
#container-home,
#container-activities,
#container-cuisine {
	position:			relative;
	margin:				0 auto;
	width:				800px;
	text-align:			left;
	background-color: 	white;
}
#container-home {
	background-color: 	#ebfbe2;
}
#container-basic {
	background-image: url(images/masthead_basic.jpg);
	background-repeat: no-repeat;
	background-position: 0px 22px;
}
#container-passport {
	background-image: url(images/pebbles_passport_800px.jpg);
	background-repeat: no-repeat;
	background-position: 0px 22px;
}
#container-cuisine {
	background-image: url(images/masthead_cuisine.jpg);
	background-repeat: no-repeat;
	background-position: 0px 22px;
}
#container-activities {
	background-image: url(images/masthead_activities.jpg);
	background-repeat: no-repeat;
	background-position: 0px 22px;
}
a#home_link {
	position:			absolute;
	width:				400px;
	height:				80px;
	top:				40px;
	left:				200px;
}
#header {
	position:			relative;
	width:				800px;
	height:				120px;
}
#header .contact {  }
#header .members {  }
#masthead-spacer {
	height: 130px;
}
#content {
	width:				700px;
	height:				auto;
	background-color:	white;
	margin:				0 50px;
	padding:			0px;
}
.contentbox {
	background-color:	#b1c2e0;
	width:				140px;
	padding:			10px;
	margin: 			20px;
	display: block;
	}
.contentbox h1 {
	font:				12px/1.2em Arial Black, Helvetica, sans-serif;
	color:				white;
	font-weight:		normal;
	letter-spacing:		0.1em;
	margin: 0;
	padding: 0;
	}
.contentbox p {
	margin: 			0;
	padding: 			0;
	padding-top:		4px;
	}
#col1 {
	float:				left;
	width:				200px;
}
#col2 {
	float:				left;
	width:				480px;
	padding:			20px 0px;
}
.areamap {
	text-align: center;
	padding-bottom: 20px;
}
.areamap-map {
	float: left;
	padding: 0 20px 20px 60px;
}
.areamap-desc {
	float: right;
	width: 320px;
	text-align: left;
	color: #666;
	font-size: 0.95em;
	line-height: 1.3em;
	padding-right: 60px;
}
.onecolcontainer {
	position: relative;
	width: 680px;
	margin: 0px 50px;
	padding: 10px;
	color: #666;
}
.onecolcontainer a:link,
.onecolcontainer a:visited,
#container-basic a:link,
#container-basic a:visited
{
	color: #6da494;
	text-decoration: none;
}
.onecolcontainer a:hover,
.onecolcontainer a:active,
#container-basic a:hover,
#container-basic a:active
{
	color: #09f;
	text-decoration: underline;
}
.apartmentlist-container {
	width: 660px;
	background-color: #ebfbe2;
	padding: 10px;
	margin-bottom: 20px;
}
.apartmentlist-container.rave {
	background-image: url(images/bg_raves.jpg);
	background-repeat:	none;
}

.sales_search .apartmentlist-container {
	width: 680px;
	background-color: #ebfbe2;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
}
.apartmentlist-col1 {
	float: left;
	width: 180px;
	padding-right: 20px;
}
.first_row {
	background: #abc9c0;
}
.sales_search .first_row {
	background: #abc9c0;
}

.apartmentlist-name {
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.sales_search .apartmentlist-name {
	width:		170px;
	padding:	3px 20px 3px 10px;
	text-transform: uppercase;
	color: #666;
}
#container-basic .onecolcontainer .sales_search .apartmentlist-name a:link,
#container-basic .onecolcontainer .sales_search .apartmentlist-name a:visited {
	color:		#4e7569;
}
#container-basic .onecolcontainer .sales_search .apartmentlist-name a:hover,
#container-basic .onecolcontainer .sales_search .apartmentlist-name a:active {
	color:		#09f;
}

.apartmentlist-title {
	padding-bottom: 10px;
	font-weight: bold;
}
.sales_search .apartmentlist-title {
	width:	340px;
	font-weight: bold;
	color: #fff;
	line-height: 1.2em;
	padding:	4px 0 3px 0;
}
.apartmentlist-location {
	float: right;
	width: 30%;
	text-align: right;
	font-weight: bold;
}
td.apartmentlist-location-sales {
	width: 130px;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	color:		#fff;
	background: #f8b496;
	padding: 4px 7px 3px 7px;
}
/* not using .apartmentlist-number in sales anymore */
.apartmentlist-number {
	font-weight: normal;
	color: #666;
}
.apartmentlist-name a {
	float:	left;
	font-weight: bold;
	padding:	0 10px 0 0;
}
.sales_search .apartmentlist-name a:link,
.sales_search .apartmentlist-name a:visited
{
	color:	#4e7569;
}
.apartmentlist-photo {
	
}
.apartmentlist-col2 {
	float: left;
	width: 460px;
}
.sales_search .apartmentlist-col2 {
	float: left;
	width: 480px;
}
.apartmentlist-description {
	padding-bottom: 10px;
	font-weight: bold;
}
.apartmentlist-rates {
	font-size: 0.9em;
	padding-bottom: 10px;
}
/* style for blue highlight in search results with text from "highlight" field in db */
.apartmentlist-highlight {
	color: #fff;
	background-color: #c05d3b;
	font-weight: bold;
	width: 70%;
	padding: 2px 5px;
}
.sales_search .apartmentlist-rates {
	font-size: 0.9em;
	padding:	 0;
}
.sales_search .apartmentlist-rates.first {
	padding:	 10px 0 0 0;
}
.sales_search .apartmentlist-highlight {
	width:			60%;
	padding:		2px 5px;
	margin-top:		10px;
}
.sales_search .apartmentlist-description-highlight {
	padding:	7px 0 0 0;
}
.apartmentlist-link {
	font-weight: bold;
	text-transform: uppercase;
	
}
.sales_search .apartmentlist-link {
	font-weight: bold;
	text-transform: uppercase;
	padding:	10px 0 0 0;	
}
.apartmentlist-manager {
	float: right;
	width: 235px;
	text-align: right;
}

.apartmentdetail-thumbnail {
	float: left;
	width: 70px;
	padding: 0 5px;
}
.apartmentdetail-thumbnail_spacer {
	float: left;
	width: 45px;
}
.apartmentdetail-thumbnail_legend {
	text-transform: uppercase;
	font-size: 0.8em;
	color: #666;
	padding: 0 50px;
}
.apartmentdetail-description {
	padding: 20px 50px;
	line-height: 1.2em;
	color: #333;
}
.apartmentdetail-reservation {
	padding: 0.5em;
	margin: 10px 50px 0 50px;
	line-height: 1.5em;
	color: #333;
	text-align: center;
	font-weight: bold;
	border: 1px solid green;
}
.apartmentdetail-reservation .alert {
	color: #c05d3b;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.apartmentdetail-container_dark,
.apartmentdetail-container_light{
	margin: 6px 50px;
	padding: 2px;
	width: 696px;
	background-color: #9dbcb3;
	clear: both;
	line-height: 1.2em;
}
.apartmentdetail-container_dark {
	background-color: #9dbcb3;
	color: white;
}
.sales_property .apartmentdetail_sales {
	margin: 6px 50px;
	background-color: #9dbcb3;
	color: white;
	line-height: 1.2em;
	width:			700px;
	padding:		0;
}
.apartmentdetail-container_light {
	background-color: #ebfbe2;
	color: #333;
}
.apartmentdetail-icon-link {
	clear:				left;
	padding-top:		5px;
}
.apartmentdetail-icon {
	float:				left;
	width:				24px;
}
.apartmentdetail-icon-text {
	float:				left;
	padding:			3px 0 0 10px;

}
.sales_property .apartmentdetail-container_light.sales {
	background-color: #ebfbe2;
	color: #333;
	width: 676px;
	padding:	12px;
}
.sales_property .apartmentdetail-container_peach {
	margin: 6px 50px;
	padding: 12px;
	width: 676px;
	background-color: #f9d6b7;
	clear: both;
	line-height: 1.2em;
}
.apartmentdetail-name {
	float: left;
	width: 140px;
	padding: 0 20px 0 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.sales_property .apartmentdetail-name {
	width: 143px;
	padding: 4px 20px 4px 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.apartmentdetail-short_desc {
	float: left;
	width: 400px;
	padding-right: 20px;
	font-weight: bold;
}
.sales_property .apartmentdetail-short_desc {
	width:		380px;
	padding:	4px 20px 4px 0;
	font-weight: normal;
}
.apartmentdetail-city {
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 10px;
}
.sales_property .apartmentdetail-city {
	text-align: right;
	font-weight: bold;
	width:		120px;
	padding:		4px 7px 4px 0;
	background:		#f8b496;
}
.apartmentdetail-label {
	float: left;
	width: 140px;
	padding: 0 20px 0 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
}
.apartmentdetail-value {
	float: left;
	width: 500px;
	padding-right: 20px;
}
.col1 {
	float:		left;
	width:		300px;
}
.col2 {
	float:		left;
	text-align:	center;
	width:		260px;
	padding:	0 20px;
}
.col2 input {
	width:		250px;
	margin-top:	2px;
}
.col2 textarea {
	width:		254px;
	margin-top:	2px;
}
.col2 .submit {
	width:		120px;
	height:		20px;
	margin-top:	2px;
}
ul.particulars {
	margin:		0;
	padding:	0 0 0 16px;
}

/* MY PEBBLES */
#mypebbles_bar {
	margin:				0 auto;
	width:				770px;
	padding:			2px 15px;
	background-color:	#818b98;
	border-bottom:		1px solid #fff;
	color:				#fff;
	font-size:			12px;
	text-align:			left;
}
#mypebbles_logout {
	float:				right;
}
#mypebbles_bar a:link,
#mypebbles_bar a:visited {
	color:				#d2ead3;
}
#mypebbles_bar a:hover,
#mypebbles_bar a:active {
	color:				white;
}
.mypebbles_reservation, .mypebbles_box {
	background-color:	#d6e8b4;
	border:				1px solid #818b98;
}
.mypebbles_reservation h1, .mypebbles_box h1 {
	margin:				0 0 5px 0;
	padding:			2px 15px;
	font-size:			13px;
	font-weight:		bold;
	color:				#fff;
	background-color:	#818b98;
}
.mypebbles_reservation h2, .mypebbles_box h2 {
	margin:				5px 0;
	padding:			0;
	font-size:			12px;
	font-weight:		bold;
}
.mypebbles_reservation .content {
	padding:			0 15px 15px 15px;
}
.mypebbles_payment {
	padding-bottom:		10px;
}
.mypebbles_attention {
	color:				#c00;
}

.mypebbles_box {
	background-color:	#d6e8b4;
	border:				1px solid #818b98;
}
.mypebbles_box_content {
	padding:			0 15px 15px 15px;
}
.mypebbles_box_header {
	background-color:	#818b98;
	color:				#fff;
	padding:			2px 15px;
	font-weight:		bold;
}
.mypebbles_box p.first {
	margin-top:			0;
	padding-top:		0;
}
.mypebbles_box_form {
	border: 1px solid #333;
	background-color: #adbc92;
	padding: 15px;
	margin-top: 5px;
}

#phone_bar {
	margin:				0 auto;
	width:				770px;
	padding:			2px 15px;
	background-color:	#68868d;
	border-bottom:		1px solid #fff;
	color:				#fff;
	font-size:			13px;
	text-align:			left;
}
#phone_bar a:link, #phone_bar a:visited {
	color:				#d2ead3;
	text-decoration:	none;
}
#phone_bar a:hover, #phone_bar a:active {
	color:				#fff;
	text-decoration:	none;
}
#phone_bar .social {
	float:				right;
	padding:			2px 4px;
	background-color:	#fff;
	text-align:			right;
}
#phone_bar .social a {
	display:			block;
	float:				left;
	text-indent: 		-9999px;
	font-size: 			1px;
	width:				16px;
	height:				16px;
}
#phone_bar .social a:link, #phone_bar .social a:visited {
	background-position: 0 0;
}
#phone_bar .social a:hover, #phone_bar .social a:active {
	background-position: 0 -16px;
}
#phone_bar .social .facebook {
	background-image:	url(../images/icon_facebook.gif);
	background-repeat:	no-repeat;
	margin-right:		10px;
}
#phone_bar .social .twitter {
	background-image:	url(../images/icon_twitter.gif);
	background-repeat:	no-repeat;
	margin-right:		10px;
}
#phone_bar .social .addthis {
}


/* ADVANCED SEARCH */
.exchange {
	display:			none;
}
.currency_links {
	font-size:			11px;
}
.note {
	font-size:			11px;
}


#footer {
	position:			relative;
	font-size:			0.75em;
	letter-spacing:		0.1em;
	color: 				rgb(109, 164, 148);
	width:				740px;
	text-align: left;
	text-transform: uppercase;
	padding: 10px 0px 20px 60px;
	margin-top: 2em;
}

#footer .footer_right {
	float:				right;
	padding:			0 60px 0 0;
	margin-top:			-10px;
}

h1 {
	font-weight:		bold;
	font:				18px/1.2em Arial, Helvetica, sans-serif;
}
h1.big {
	font-size: 22px;
}
h2 {
	font:				14px/1.2em Arial, Helvetica, sans-serif;
	font-weight:		bold;
	}
h3 {
	font-size:			13px;
}
.clearall {
	clear:				both;
	}

.policywatchissue {
	color:				#666;
	font-size:			1.2em;
	font-weight:		bold;
	text-align:			center;
	width:				100%;
	background-color:	#9c9;
	color:				white;
	padding:			3px 0;
	}
.photo240 {
	float:				right;
	width:				240px;
	margin:				0px 0px 10px 10px;
	color:				#666;
	font-size:			0.8em;
	line-height:		1.3em;
	}
.rightboxdotted {
	font-size:			0.85em;
	color:				#666;
	float:				right;
	width:				240px;
	border-top: 		1px dotted #ccc;
	border-bottom: 		1px dotted #ccc;
	padding:			10px 0;
	margin:				0 0 10px 10px;
	}
.rightboxdotted h1 {
	font-size:			1.5em;
	}
.toplink {
	font-size:			0.8em;
	background-color:	#ccc;
	padding:			0px 10px;
	}
.googlemap {
	font-size:			0.8em;
	background-color:	#9c9;
	padding:			0px 3px;
	}
.printerfriendly {
	text-align:			center;
	font-size:			0.8em;
	}
.photogallery {
	font-size:			0.8em;
	line-height:		1.3em;
	color:				#666;
	float:				right;
	width:				240px;
	border-top: 		1px dotted #ccc;
	border-bottom: 		1px dotted #ccc;
	padding:			10px 0;
	margin:				0 0 10px 10px;
	}
.photogallery h1 {
	font-size:			1.5em;
	}
.memberscontentbox {
	background-color:	#ffd046;
	}
.memberlogout {
	text-align:			center;
	font-size:			0.8em;
	}	
	

/* HOME PAGE link columns */

.homecol {
	float: left;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.homecol a, .homecol a:link, .homecol a:visited {
	color: #6da494;
	text-decoration: none;
}
.homecol a:hover, .homecol a:active {
	color: #bda494;
	text-decoration: none;
}
#homecol1
{
	width: 69px;
}
#homecol2
{
	width: 132px;
}
#homecol3
{
	width: 132px;
}
#homecol4
{
	width: 133px;
}
#homecol5
{
	width: 137px;
}
#homecol6
{
	width: 137px;
}
.homecol-title {
	font-size: 16px;
	padding: 2px 0px;
}
.homecol-item {
	font-size: 12px;
	padding: 2px 0px;
}

/* Home page JH 06.15.09 */
.home_images a, .home_img_float {
	float:				left;
	padding:			0 5px 10px 0;
}

#home_textblock {
	color: #666;
	margin: 0 83px;
	font-size: 0.9em;
}



/* EXPLORE pages */

.RHcol {
	float:right;
	width: 177px;
	background-color: #ebfbe2;
	background-image: url(images/greengrad.jpg);
	background-repeat: no-repeat;
	border:2px solid white;
}
.RHcolPhoto {
	float:right;
	width: 177px;
}
.RHlink {
	font-weight: bold;
	font-size: 0.85em;
	padding: 2px 6px;
}
.activity-head {
	background-color: #9dbcb3;
	width: 496px;
	height: 26px;
}
.activity-head2 {
	background-color: #9dbcb3;
	width: 680px;
	height: 26px;
}
p.explore {
	margin-left: 10px;
	margin-right: 190px;
}
.row_container {
	padding-bottom:		20px;
	*padding-bottom:	10px;
}

.warning {
	color:			#990000;
}
form {
	display: inline;
}
.print {
	display:			none;
}
.end {
	clear:				both;
	font-size:			1px;
	line-height:		.1em;
}

/* Pebbles Guide */
.pebbles_guide .snippet {
	font-style:			italic;
	background:			#eefae6;
	padding:			10px;
}
.gradient_column {
	float:							right;
	margin:							100px 0 0 20px;
	background-color:				#c9de9a;
	width:							161px;
	background-image:				url(images/cuisine_greengrad.gif);
	background-repeat:				repeat-x;
	background-position:			bottom left;
}
.gradient_column p, .gradient_column a {
	display:			block;
	color:				#6da494;
	font-size:			11px;
	line-height:		1.2em;
	padding:			0 10px 5px 10px;
}


/* CUISINE PAGES */

.cuisine_top {
	float: left;
	background-color: #9a84aa;
	width: 478px;
	margin-top: 40px;
	padding: 10px;
	font-size: 14px;
	line-height: 1.1em;
	color: #fff;
	text-align: center;
}
.cuisine_top p,
.cuisine_side p {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}
#container-basic .onecolcontainer .cuisine_top a:link,
#container-basic .onecolcontainer .cuisine_top a:visited,
#container-cuisine .onecolcontainer .cuisine_top a:link,
#container-cuisine .onecolcontainer .cuisine_top a:visited,
#container-basic .onecolcontainer .cuisine_side a:link,
#container-basic .onecolcontainer .cuisine_side a:visited
{
	color: #c9de9a;
	text-decoration: underline;
}
#container-basic .onecolcontainer .cuisine_top a:hover,
#container-basic .onecolcontainer .cuisine_top a:active,
#container-cuisine .onecolcontainer .cuisine_top a:hover,
#container-cuisine .onecolcontainer .cuisine_top a:active,
#container-basic .onecolcontainer .cuisine_side a:hover,
#container-basic .onecolcontainer .cuisine_side a:active
{
	color: #005e9c;
	text-decoration: underline;
}
.restaurant_photos {
	float: left;
	width: 250px;
	padding: 0 15px 0 0;
}
.restaurant_photos img {
	padding-bottom: 15px;
}
.fb-like.restaurant {
}
.cuisine_side_list {
	float: right;
	margin: 0 0 0 20px;
	background-color: #c9de9a;
	width: 161px;
	text-align: center;
	background-image: url(images/cuisine_greengrad.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
.cuisine_side {
	background-color: #9a84aa;
	width: 141px;
	padding: 10px;
	font-size: 14px;
	line-height: 1.1em;
	color: #fff;
	text-align: center;
}
.restaurant_content {
	float: left;
	width: 498px;
}
.onecolcontainer .restaurant_content h1 {
	margin: 0;
	padding: 0;
}
.onecolcontainer .restaurant_content h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 12px;
}
.onecolcontainer .restaurant_review h1 {
	margin: 0;
	font-size: 14px;
	padding: 10px 0 0 0;
	font-weight: bold;
}
.restaurant_review {
	font-size: 12px;
	line-height: 1.3em;
}
.rosa_says {
	float: left;
	background-color: #785b8e;
	width: 468px;
	padding: 15px 15px 5px 15px;
	margin-bottom: 15px;
	font-size: 12px;
	color: #fff;
}
.onecolcontainer .rosa_says h2 {
	font-size: 16px;
	font-style: italic;
	color: #c9de9a;
}
.rosa_says p {
	margin: 0;
	padding: 0 0 10px 0;
}



/* Testimonials */
.gradient_column.testimonials {
	margin:				0 0 0 20px;
}
.gradient_column.testimonials p.first {
	font-size: 			14px;
	margin: 			0;
	padding: 			10px 10px 0 10px;
}
.gradient_column.testimonials ul {
	font-size:			12px;
	color:				#6da494;
	line-height:		1.2em;
	padding:			10px 5px 20px 25px;
	margin:				0;
}
.gradient_column.testimonials li {
	padding:			0 0 7px 0;
	margin:				0;
}
#container-basic .gradient_column.testimonials a, #container-basic .gradient_column.testimonials a:link, #container-basic .gradient_column.testimonials a:visited {
	display:			inline;
	color:				#0099FF;
	padding:			0;
}
.guest_favorites {
	background: 		#ffffcc;
	padding: 			10px;
	width: 				470px;
	margin: 			0 0 20px 0;
}
.guest_favorites h2 {
	font:				13px/1.2em Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:				#624071;
}

#cookiesdirective {
	padding:8px 3px 5px 0px; 
	text-align: justify;
	width: 100%; 
	font-size: 12px;
	font: "Trebuchet MS",trebuchet,tahoma,arial,sans-serif;
}

/* contact page */
/* empty is used for form fields that should not be displayed or filled in (to catch spam bots) */
.empty {
	display:			none;
}

/* HORIZONTAL FREESTYLE MENU LAYOUT */

#nav {
	position: relative;
	float:				left;
	height:				22px;
	width:				800px;
	font-size:			12px;
	text-transform:		uppercase;
	font-weight:		bold;
	text-align:			center;
	background-color:	#9dbcb3;
	}
#nav a, #nav b {
	height:				20px;
}
#nav a:link, #nav a:visited {
	color:				#d2ead3;
	text-decoration:	none;
}
#nav a:hover, #nav a:active {
	background-color:	#9dbcb3;
	color:				white;
	text-decoration:	none;
}
#nav a:visited.navSELECTED,
#nav a:link.navSELECTED,
#nav a:active.navSELECTED,
#nav a:hover.navSELECTED {
	color: white;
	text-decoration: none;
}
.menulist a#sales {
	width: 130px;
	padding-top: 2px;
	background-color: #c05d3b;
	color: white;
	}
.menulist a#sales:hover {
	color: white;
	text-decoration: none;
	}
.menulist a#press { 
	width: 90px;
	padding-top: 2px;
	}
.menulist a#press:hover {
	color: white;
	text-decoration: none;
	}
.menulist a#cuisine {
	width: 100px;
	padding-top: 2px;
	}
.menulist a#cuisine:hover {
	color: white;
	text-decoration: none;
	}
.menulist a#explore {
	width: 110px;
	padding-top: 2px;
	}
.menulist a#explore:hover {
	color: white;
	text-decoration: none;
	}
.menulist a#help {
	width: 130px;
	padding-top: 2px;
	}
.menulist a#help:hover {
	color: white;
	text-decoration: none;
	}
.menulist a#search, .menulist a#search2 {
	width: 240px;
	padding-top: 2px;
	background-color: #c05d3b;
	color: white;
	}
.menulist a#search:hover, .menulist a#search2:hover {
	color: white;
	text-decoration: none;
	}
#pageindicator {
	position: absolute;
	top: 22px;
	height: 14px;
	width: 16px;
	background-image: url(images/pageindicator.gif);
	background-repeat: no-repeat;
}

a.button_css {
	display:			block;
	text-decoration:	none;
	height:				20px;
	width: 				120px;
	font-size:			1px;
	text-indent:		-9999px;
}
a.button_css.wide {
	width: 				136px;
}
a.button_css:link, a.button_css:visited {
	background-position:0 0;
}
a.button_css:hover, a.button_css:active {
	background-position: 0 -20px;
	cursor:				pointer;
}
#learnmore {	/* button in sales search results */
	float:			right;
	padding: 		15px 15px 0 0;
}
#learnmore a.button_css {
	background-image:	url(/images/btn_learnmore_css.gif);
	background-repeat:	no-repeat;
}
a.button_css.contactme {
	background-image:	url(/images/btn_contact_me_css.gif);
	background-repeat:	no-repeat;
}
a.button_css.printproperty {
	background-image:	url(/images/btn_printproperty.gif);
	background-repeat:	no-repeat;
}
a.button_css.view_luxe {
	background-image:	url(/images/btn_view_luxe_properties.gif);
	background-repeat:	no-repeat;
	width:				184px;
}
a.button_css.no_thanks {
	background-image:	url(/images/btn_no_thanks.gif);
	background-repeat:	no-repeat;
}
a.button_css.print {
	display:			inline-block;
	background-image:	url(/images/btn_print_css.jpg);
	background-repeat:	no-repeat;
}
a.button_css.email {
	display:			inline-block;
	background-image:	url(/images/btn_email_css.jpg);
	background-repeat:	no-repeat;
}
a.button_css.download {
	display:			inline-block;
	background-image:	url(/images/btn_download_css.jpg);
	background-repeat:	no-repeat;
}

/* style for booknow calendar button and print button in property displays */
.booknow {
	float: right;
	padding: 0 0 10px 2px;
	text-align: right;
}
.sales_property .booknow {
	float: left;
	padding-left: 		0;
}
.photo_alt {
	padding:			5px 0 0 10px;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 10px; /* I'm using ems and px to allow people to zoom their font */
 right: 0px;
 width: 200px;
 background-color: #6da494;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px; margin-top: 0;
 left: -140px;
}
.menulist ul.searchmenu {
 width: 140px;
 background-color: #E79452;
}
.menulist ul.exploremenu {
 width: 140px;
}
.menulist ul.helpmenu {
 width: 120px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 margin-right: 0px;
}

/* Browse & Buy menu styling */
/*
.menulist li.book_buy {
 float: right;
 display: block;
 position: relative;
 margin-right: 0px;
}
*/
#nav .menulist li.book_buy ul a:link, #nav .menulist li.book_buy ul a:visited, #nav .menulist li.book_buy ul a:hover, #nav .menulist li.book_buy ul a:active {
	line-height:		1.2em;
	height:				auto;
	_width:				136px;
	padding:			2px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0px;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 0px;
 text-decoration: none;
}
/* 'highlighted' are parent items to visible menus */
.menulist ul a.highlighted {
 background-color: #cc6e3f;		/* PARENT TO ROLLOVER BG COLOR */
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
 text-decoration: none;
}
.menulist ul a .subind {
 display: block;
 float: left;
 text-decoration: none;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
 text-decoration: none;
}
.menulist ul a {
 float: none;
 text-decoration: none;
}
/* \*/
.menulist a {
 float: none;
 text-decoration: none;
}

/* Luxe Pebbles property display */
.luxe #container-basic {
	position: relative;
}
.luxebox {
	background-color: #eee;
	width: 700px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height:				auto;
	margin:				20px 50px 0 50px;
	padding:			0px;
	}

.luxebox .banner {
	position: absolute;
	top: 120px;
	left: 33px;
	width: 222px;
	height: 108px;
}

.luxebox .content {
	padding: 20px;
}

.luxebox .legend {
	text-align: center;
	color: #999;
}

.luxebox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 700px;
	overflow: hidden;
}
	
.luxebox ul li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	height:	219px;
}

.luxebox ul li img {
	border: 0px solid black;
	padding: 0;
	margin: 0;
}
	
.luxebox ul li a {
	outline: none;
	padding: 0;
	margin: 0;
	font-size: 1px;
	line-height: 1px;
}
	
.luxebox ul li a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.luxe .apartmentdetail-description {
	padding: 20px 10px;
	margin: 0 50px;
	color: #000;
	background-color: #c9d3da;
	font-weight: normal;
}
.luxe .apartmentdetail-container_light {
	background-color: #c9d3da;
}
.luxe .apartmentdetail-container_dark {
	background-color: #909192;
}
.luxe a.button_css.printproperty {
	background-image:	url(/images/btn_printproperty_luxe.gif);
	background-repeat:	no-repeat;
}



/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */