/*****************************************************
* Global
*****************************************************/

* {
	padding				: 0px;
	margin				: 0px;
	}

html { 
	min-height			: 100%;
	margin-bottom		: 1px;
	}

body {
	font				: 100.01% verdana, arial, sans-serif;
	background-color	: #dddbd4;
	}

p {
	color				: #666666;
	font-size			: 75%;
	line-height			: 1.5em;
	padding				: 0 0 10px 0;
	}

ul {
	color				: #5b93d3;
	font-size			: 80%;
	line-height			: 1.2em;
	}

.clearboth {
	clear				: both;
	}

#gutter {
	padding				: 0 28px 0 28px;
	background			: #dddbd4 url(../_images/main-bg.gif) repeat-y 0 0;
	}

#gutter2 {
	padding				: 0 28px 0 28px;
	}

#gutter3 {
	padding				: 15px;
	}

/*****************************************************
*Layout
*****************************************************/

#wrapper {
	width				: 976px;
	margin				: 0 auto;
	}
	
#headerL {
	float				: left;
	width				: 237px;
	}

#headerR {
	float				: right;
	width				: 275px;
	height				: 50px;
	font				: normal 150% helvetica, arial, sans-serif;
	color				: #FFFFFF;
	padding				: 0px 0px 5px 0px;
	margin				: 0 auto; 
	letter-spacing		: 3px;
	}

#banner {
	height				: 333px;
	background			: #ffffff url(../_images/banner-bg.jpg) no-repeat 0 0;
	}


#sub-navigation {
	height				: 25px;
	background			: #958C76 url(../_images/sub-nav-bg.gif) repeat-x 0 0;
	margin				: 0 0 5px 0;
	}
	
#sub-banner {
	}

#sub-bannerL {
	float				: left;
	width				: 225px;
	height				: 298px;
	background-color	: #d9d2c0;
	border				: 1px solid #8f8771;
	}

#sub-bannerR {
	float				: right;
	width				: 686px;
	height				: 300px;
	background			: #ffffff url(../_images/sub-banner.jpg) no-repeat 0 0;
	}

#main {
	padding				: 20px 0 10px 0;
	}

#sub-main {
	padding				: 10px 0 10px 0;
	}

#mainL {
	float				: left;
	width				: 670px;
	}

#mainR {
	float				: right;
	width				: 214px;
	}

#prop-features {
	display				: block;
	width				: 198px;
	margin				: 0 auto;
	border				: solid 1px #D6D4D3;
	}
	
#content {
	}

#content1 {
	padding				: 20px 0 0 0;
	}
	
#footer {
	width				: 976px;
	height				: 13px;
	margin				: 0 auto;
	padding				: 15px 0 20px 0;
	background			: #dddbd4 url(../_images/footer-bg.gif) no-repeat 0 0;
	}

#footerL {
	float				: left;
	}
	
#footerR {
	float				: right;
	}

/*****************************************************
* Lists
*****************************************************/

ul#nav li {
	display					: block;
	float					: left;
	list-style-type			: none;
	font-size				: 75%;
	margin					: 0 1px 0 0;
	}

ul#nav li a {
	display					: block;
	width					: 183px;
	height					: 60px;
	background-color		: #666666;
	outline					: 0;
	opacity					: 0.5;
	-moz-opacity			: 0.5;
	filter					: alpha(opacity=50);
	}

/* Sub NAV */ 

ul#sub-nav li {
	display					: block;
	float					: left;
	list-style-type			: none;
	font-size				: 90%;
	margin					: 0 1px 0 0;
	}

ul#sub-nav li a {
	display					: block;
	width					: 114px;
	height					: 25px;
	padding					: 4px 0 0 0;
	text-align				: center;
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
	}

ul#sub-nav li a:hover {
	text-decoration			: underline;
	}

ul#nav li#locations {
	background				: transparent url(../_images/li-locations-bg.gif) no-repeat 10% 50%;
	}

ul#tab ul, ul#tab li{
	border					: 0;
	margin					: 0;
	padding					: 0; 
	list-style				: none;
	}
	
ul#tab {
	border-bottom			: solid 1px #DEDEDE;
	height					: 29px;
	padding-left			: 20px;
	}

ul#tab li {
	float					: left;
	margin-right			: 2px;
	}
	
ul#tab a:link, ul#tab a:visited{
	background:url(../_images/tab-round.png) right 60px;
	color:#666666;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
}
ul#tab a span{
	background:url(../_images/tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
}

ul#tab a:hover{
	background:url(../_images/tab-round.png) right 30px;
	display:block;
}
ul#tab a:hover span{
	background:url(../_images/tab-round.png) left 30px;
	display:block;
}

ul#featured-prop li {
	display					: block;
	list-style				: url(../_images/li-star.gif);
	font-size				: 80%;
	color					: #666666;
	margin					: 10px 0px 0px 20px;
	padding-top: 0px;
	}
	
/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
ul#tab li.active a:link, ul#tab li.active a:visited, ul#tab li.active a:visited, ul#tab li.active a:hover{
	background:url(../_images/tab-round.png) right 0 no-repeat;
} 
ul#tab li.active a span, ul#tab li.active a:hover span{
	background:url(../_images/tab-round.png) left 0 no-repeat;
}

ul#footer-links {
	list-style-type	: none;
	font-size		: 65%;
	color			: #818181;
	}
	
ul#footer-links li {
	list-style-type	: none;
	display			: inline;
	}

ul#footer-links li a {
	color			: #818181;
	text-decoration : underline;
	}

/*****************************************************
* Typography
*****************************************************/

h1 {
	color				: #b35958;
	font				: normal 130% helvetica, arial, sans-serif;
	margin				: 0 0 0 0;
	}

h1.stylish-living {
	display			: block;
	width			: 275px;
	height			: 50px;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-stylish-living.gif) no-repeat;
	}

h2#search {
	color				: #8f8771;
	font				: normal 110% helvetica, arial, sans-serif;
	border-bottom		: 1px solid #8f8771;
	margin				: 0 0 10px 0;
	}

h2#prop {
	display			: block;
	width			: 214px;
	height			: 39px;
	padding			: 0 0 5px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/featured-prop-h2.gif) no-repeat;
	}

#footerL p, #footerR p {
	font-size		: 65%;
	color			: #818181;
	}

/*****************************************************
* Links
*****************************************************/

a#logo {
	display				: block;
	width				: 237px;
	height				: 93px;
	background			: #ffffff url(../_images/logo.gif) no-repeat 0 0;
	}

a#featured-prop {
	display				: block;
	width				: 200px;
	height				: 140px;
	margin				: 0 auto;
	}

a#featured-prop-name {
	text-decoration		: none;
	font				: bold 80% helvetica, arial, sans-serif;
	color				: #ffffff;
	display				: block;
	width				: 200px;
	height				: 19px;
	margin				: 5px 0px 0px 7px;
	padding				: 1px 0px 0px 3px;
	background			: #ffffff url(../_images/featured-prop-name.gif) no-repeat 0 0;
	}

a:hover#featured-prop-name {
	text-decoration			: underline;
	}
	
a#special-rates {
	text-decoration		: none;
	font				: bold 80% helvetica, arial, sans-serif;
	color				: #971215;
	display				: block;
	width				: 200px;
	height				: 19px;
	margin				: 5px 0px 0px 15px;
	padding				: 1px 0px 0px 3px;
	}

a:hover#special-rates {
	text-decoration			: underline;
	}

a:link {
	text-decoration		: none;
	color				: #b35958;
	}
	
a:visited {
	text-decoration		: none;
	color				: #971215;
	}
a:hover {
	text-decoration		: underline;
	color				: #971215;
	}
/*****************************************************
* Search Form 1
*****************************************************/

form#search {
	padding				: 5px 0 0 10px;
	}
	
form#search span {
	color				: #ffffff;
	font-size			: 65%;
	}

form#search select {
	width				: 85px;
	font-size			: 70%;
	}

form#search input#search-btn {
	width				: 50px;
	color				: #ffffff;
	font-size			: 70%;
	font-weight			: bold;
	background-color	: transparent;
	border				: none;
	}


/*****************************************************
* Search Form 2
*****************************************************/

form#sub-search {
	margin:0;
	padding:0;
	}

form#sub-search label {
	display				: block;
	color				: #8f8771;
	font				: normal 70% helvetica, arial, sans-serif;
	}

form#sub-search select {
	width				: 195px;
	font-size			: 70%;
	padding				: 2px;
	margin				: 2px 0 20px 0;
	border				: 1px solid #908872;
	}

form#sub-search input.btn {
	float				: right;
	padding				: 1px 20px 1px 20px;
	border				: 1px solid #908872;
	background-color	: #c9c1ab;
	font-size			: 10px;
	color				: #ffffff;
	text-align			: center;
	}


/*****************************************************
* Locations
*****************************************************/

.location_wrapper {
	width					: 325px;
	padding					: 10px 0 10px 10px;
	float					: left;
	height					: 130px;
}

.location-header { 
	color					: #8F8771;
	font-weight				: bold;
	font-size				: 90%;
	margin					: 0 0 5px 0;
}

.location_image {
	width					: 150px;
	float					: left;	
	height					: 130px;
}

.location_data {
	font-size				: 80%;
	float					: left;	
}

h3.location {
	font-size				: 80%;
}

p.location {

}

a.location {
	font-size				: 80%;
	color					: #666666;
	line-height				: 1.8em;
	text-decoration			: none;
	font-weight				: bold;
}
	
/*****************************************************
* View
*****************************************************/

.view-wrapper { 

}

.view-pictures {
	float					: left;
	width					: 210px;
}

#view-data-wrapper {
	float					: left;
	width					: 460px;
}

.view-data {
	background-color		: #F4EEDB;
	padding					: 10px;
}	

h1.view { 
	margin				: 5px 0 10px 0;
	width				: 918px;
	border-bottom		: 1px solid #8F8771;
	color				: #b35958;
	font				: normal 130% helvetica, arial, sans-serif;
}

h4.view { 
	color					: #8F8771;
	font-size				: 80%;
}

/*****************************************************
* Video
*****************************************************/

.video-wrapper {
	text-align		: center;
	margin-top		: 20px;

}



/*****************************************************
* Reservation Form
*****************************************************/

form#reservation input, select, textarea {
	font					: 12px verdana, arial, sans-serif;
	color					: #666666;	
}

form#reservation {
	font					: 12px verdana, arial, sans-serif;
	color					: #666666;
	line-height				: 1.5em;
	padding					: 0 0 10px 0;
}

/*****************************************************
* Errors
*****************************************************/

div.errors { 
	border 					: 1px solid #CCCCCC;
	background-color		: #F5F5F5;
	padding					: 5px;
}

.errors b {
	font					: 100.01% verdana, arial, sans-serif;
}

/*****************************************************
* Featured Property
*****************************************************/

div.featured b {
	font					: 90.01% verdana, arial, sans-serif;	
	color					: #666666;
	font-weight				: bold;
}

div.featured a {
	font-size				: 80.01%;	 
	color					: #666666; 
	font-weight				: bold;
}

/*****************************************************
* GMAP Popup
*****************************************************/

div.popup-info {
	font-size				: 70%; 
	color					: #666666;	
}

div.popup-info a{
	font-weight				: bold;
	text-decoration			: none;	
	color					: #666666;	
}

.pricing {
	width					: 340px; 
}

.pricing th{
	font-size				: 80%;
	background-color		: #C9C1AB;
	color					: #7F7762;
}

.pricing td{
	font-size				: 80%;
	background-color		: #D9D2C0;
	color					: #666666;
}