/* CSS Document */
<style type="text/css">

html { }
body{ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background: #000000 url(images/bg_tile_top.gif) top center repeat-x; }
td,th { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
h1{ margin: 0px; font-weight: lighter; }
h2{ margin: 0px; font-weight: lighter; }
h3{ margin: 0px; font-weight: lighter; }
h4{ margin: 0px; font-weight: lighter; }
h5{ margin: 0px; font-weight: lighter; }
h6{ margin: 0px; font-weight: lighter; }
.no_margin{ margin: 0px; }
.s10 { font-size: 10px; }
.s12 { font-size: 12px; }
.s14 { font-size: 14px; }
.s16 { font-size: 16px; }
.s18 { font-size: 18px; }
.s20 { font-size: 20px; }
.s22 { font-size: 22px; }
.s24 { font-size: 24px; }
.s32 { font-size: 32px; }
.s36 { font-size: 36px; }
.white { color: #FFFFFF; }
.orange { color: #FFD148; }
.green { color: #557C77; }
.black { color: #000000; }
.light_blue { color: #DCEEEE; }
a:link { text-decoration: none; color: #FFD148; }
a:visited { text-decoration: none; color: #FFD148; }
a:hover { text-decoration: underline; color: #FFD148; }
a:active { text-decoration: none; color: #FFD148; }
a.whitelink:link { text-decoration: none; color: #FFFFFF; }
a.whitelink:visited { text-decoration: underline; color: #FFFFFF; }
a.whitelink:hover { text-decoration: none; color: #FFFFFF; }
a.whitelink:active { text-decoration: none; color: #FFFFFF; }
a.bluelink:link { color: #0000FF; text-decoration: none; }
a.bluelink:visited { color: #0000FF; text-decoration: none; }
a.bluelink:hover { color: #0000FF; text-decoration: underline; }
a.bluelink:active { color: #0000FF; text-decoration: none; }
#navigation { padding: 14px 0px 0px 0px; width: 200px; background-color: #426964; float: left; margin: 0px; border-color: #999999; border-style: solid; border-width: 0px 0px 1px 0px; }
#super{
	position: absolute;
	width: 100%;
	top: 0px;
}
#outer{
	width: 800px;
	margin: 0px auto 0px auto;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
}
#header{
	width: 800px;
	height: 80px;
	margin: 0px auto 0px auto;
}
#content{
	width: 800px;
	background-color: #547D77; 
}
#left_column{ width: 200px; height: 100%; float: left; overflow: hidden; }
#right_column{ width: 200px; float: left; padding: 0px 0px 0px 0px; min-height: 600px; }
#featured_property_thumbs{ width: 590px; text-align: center; padding: 5px 0px 0px 0px; }
#featured_property_thumbs_outer{ width: 590px; background-image: url(../images/seasky.jpg); }
#thumb_box{ width: 91px; float: left; padding: 3px 2px 2px 2px; text-align: center; }
#thumb_box2{ width: 91px; float: left; padding: 10px 2px 2px 2px; text-align: center; }
#content p{ margin: 0px 0px 10px 0px;}
#content ul { margin: 15px 10px 15px 2px; }
#content li { margin: 10px 0px 10px 15px; }
.minibar { background: url(http://resales.premiumcondohotels.com/images/featured-bar-palms-small.jpg) top center no-repeat; height: 30px; padding: 3px 5px 0px 5px; position: relative; top: -5px; margin: 0 0 -5px 0; }
.search{
	width: 260px;
	float: right;
	background-color: #6B9490;
	padding: 5px 5px 0px 5px;
}
.scroll{ height: 160px; overflow: auto; scrollbar-arrow-color: #6B9490; scrollbar-3dlight-color: #426964; scrollbar-darkshadow-color: #355550; scrollbar-face-color: #426964; scrollbar-highlight-color: #6B9490; scrollbar-shadow-color: #4A7571; scrollbar-track-color: #355550;}
.listing_box{ margin: 10px 0 0 0; padding: 5px 5px 0px 5px; background-color: #6B9490; overflow: visible; text-align: left;}
.listing_box p{ padding: 5px;  text-align: justify;}
.listing_box img{ float: left; margin: 0 5px 0 0; cursor: hand;}
.left{ float: left; padding: 0 0 0 10px; }
.right { float: right; padding: 0 10px 0 0; }
.listing_title{ margin: 0px auto 0px auto; width: 400px; text-align: center; }
.listing_page_title{ text-transform: uppercase; font-weight: lighter; color: #FFD148; font-size: 18px; margin: 0px;}
.listing_photo{ float: left; margin: 0 5px 0 0; }
.thumbs{ text-align: center; float: right; height: 357px; width: 125px; padding: 0; overflow: auto; margin: 0; scrollbar-arrow-color: #6B9490; scrollbar-3dlight-color: #426964; scrollbar-darkshadow-color: #355550; scrollbar-face-color: #426964; scrollbar-highlight-color: #6B9490; scrollbar-shadow-color: #4A7571; scrollbar-track-color: #355550;}
.thumbs img{ margin: 0 7px 10px 0; float: right; cursor: hand;}
.photos{height: 392px; width: 540px; float: left; overflow: hidden;}
.sales_information{min-height: 392px; width: 210px; float: right;}
.description{height: 200px; width: 540px; float: left;}
.contact{height: 200px; width: 210px; float: right;}
.street_map{height: 415px; width: 460px; float: left;}
.get_more_info{height: 415px; width: 290px; float: right; text-align: center;}
#amenities{min-height: 150px; margin: 0 0 10px 0; text-align: left;}
#amenities ul{float: left; margin: 5px 5px 5px 15px; padding: 0px; width: 790px;}
#amenities li{float: left; margin: 0 15px 5px 10px; padding: 0px; width: 170px; min-height: 40px;}
#property_map{ width: 460px; height: 380px; float: left; }
#map{ width: 490px; height: 330px; float: left; color: #000; }
#property_listing{ margin: 0px auto 10px auto; }
#badge{ float: left; margin: 0px 0px 0px 10px; }
#bottom_sign_up{
	padding: 5px 0px 5px 0px;
	margin: 0px auto 0px auto;
	width: 800px;
	text-align: center;
	font-size: 10px;
	background-color: #355550;
}
.newline_both{ clear: both; height: 0px;}
.newline_left{ clear: left; }
.newline_right{ clear: right; }
#text_box{ padding: 10px; text-align: justify; }
#property_text_box{ padding: 10px; text-align: justify; background-color: #547D77; }
#div_spacer_small{ height: 10px; }
#div_spacer_medium{ height: 16px; }
#div_spacer_large{ height: 23px; }
#div_spacer_top{ height: 12px; }
#sign_up_button{ position: relative; float: right; top: -10px; left: -80px; }
#right_text_column{ position: absolute; top: 240px; left: 560px; width: 200px; text-align: left; }
#right_text{ width: 260px; text-align: left; padding: 10px 10px 10px 0px; float: right; }
#left_text{ width: 260px; text-align: left; float: left; padding: 10px 0px 10px 10px; }
.tab{ background-color: #547D77; float: left; padding: 2px 10px 2px 10px; margin: -18px 0px 0px -10px; }
.home_listing{ padding: 5px 0px 5px 0px; }
/*- Menu Tabs E--------------------------- */
#tabsE {
	font-weight: 100;
	font-size: 14px;
	width: 800px;
	line-height: 32px;
	height: 32px;
	top: -57px;
	position: relative;
	margin-right: -800px;
	float: left;
	clear: both;
}
#tabsE ul { margin:0; padding: 0; list-style:none; line-height: 32px; height: 32px;  }
#tabsE li { display:inline; margin:0 1px 0 0; padding:0; line-height: 32px; height: 32px;  }
#tabsE a { float:left; background:url(images/top_menu.gif) no-repeat left top; margin:0; padding:0; text-decoration: none; }
#tabsE a span { float:left; display:block; background:url(images/top_menu.gif) no-repeat center top; padding: 0px 8px 0px 8px; color:#FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span { color:#FFF; }
#tabsE a:hover { background-position:0% -52px; }
#tabsE a:hover span { background-position:100% -52px; } 
#tabsE a.current { background-position:0% -52px; }
#tabsE a.current span { background-position:100% -52px; }   
/* end menu tabs e */	
#subnav {
	padding: 2px 0 0 7px;
	height: 20px;
	width: 793px;
	top: -24px;
	position: relative;
	margin-bottom: -24px;
	margin-right: -800px;
}
.propform{ float: right; text-align:center;}
.add_listing a {
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	margin: 5px 0px 5px 0px;
	display: block;
	padding: 35px 0px 0px 0px;
	line-height: 35px;
	height: 0px;
	text-decoration: none;
	width: 160px;
	background: url(images/add_prop.jpg) top center no-repeat;

}
.add_listing a:hover {
	background-position: 0px -35px;
}
.map_box{padding: 5px; background-color: #6B9490; width: 490px; height: 365px; float: left;}
b.bt, b.bt b, b.bb, b.bb b {display: block; height: 5px;font-size: 1px;background:url(images/corners.gif) no-repeat;position:relative}
b.bt {top: -5px; left: -5px}
b.bt b {background-position:100% -5px; left: 10px}
b.bb {background-position:0 -10px; top: 0px; left: -5px}
b.bb b {background-position:100% -15px; left: 10px}
hr {color: #547D77; background-color: #547D77; border: 1px dotted #ccc; border-style: none none dotted; margin: 0 10px 0 10px;}
b.bt2, b.bt2 b, b.bb2, b.bb2 b {display: block; height: 5px; margin: 0 0 -5px 0; font-size: 1px; background:url(images/corners_dark.gif) no-repeat; position:relative}
b.bt2 {top: 0px; left: -8px}
b.bt2 b {background-position:100% -5px; left: 16px}
b.bb2 {background-position:0 -10px; top: -10px; left: -15px}
b.bb2 b {background-position:100% -15px; left: 16px}
hr {color: #547D77; background-color: #547D77; border: 1px dotted #ccc; border-style: none none dotted; margin: 0 10px 0 10px;}
hr.home {color: #6B9490; background-color: #6B9490; border: 1px dotted #ccc; border-style: none none dotted; }
.user_type_box{
width: 260px; background-color: #6B9490; float: right; padding: 5px 5px 0px 5px; margin: 10px 0 0 0; text-align: left;
}
.home_list_box{
width: 490px; background-color: #6B9490; padding: 5px 5px 0px 5px; float: left; margin: 10px 0 0 0;
}
#pre-con{
float: right; position: relative; top: -18px; margin: 0 0 -18px 0; padding: 0 10px 0 0;
}
#footer_box{
width: 780px;
margin: 10px 10px 5px 10px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #cccccc;
}
</style>
