body {
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #444444;
	padding: 0;
	margin: 0;
	background: #FFFFFF url(images/body_bg.gif) repeat-x 0 0;
}

img {
	border: none;
}

h1, h2, h3, h6 { 
	color: #E34D03;
	margin: 0 15px 0 15px; 
	padding: 10px 0 5px 0;
	font-size: 20px; 
}

.results h2 {
	width: 350px;
	overflow: hidden;
}

h3 {
	font-size: 18px; 
	width: 250px;
	overflow: hidden;
}

p {	
	margin: 0 15px 10px 10px; 
	line-height: 1.3; 
}

span.arrow, span.email, span.floor_plan {
	display: block;
	clear: both;
	color: #333333;
	padding: 2px 0 4px 20px;
	background: transparent url(images/arrow.gif) no-repeat 0 50%; 
}

span.email {
	background: transparent url(images/email.gif) no-repeat 0 50%; 
}

span.arrow a, span.email a, span.floor_plan a {
	color: #5992AB;
	font-weight: bold;
}

span.arrow a:hover, span.email a:hover, span.floor_plan a:hover {
	color: #999999;
}

span.floor_plan {
	zfloat: right;
	zbackground: transparent url(images/arrow.gif) no-repeat 70% 50%;
}

/* custom style for add_this --- */
span.addthis_separator {
	margin: 0 3px 0 0;
}
/* ----------------------------- */

.align {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 1px 0 0 0;
	background: transparent;
	text-align: center;
}

.logo {
	position: absolute;
	width: 195px;
	height: 70px;
	text-align: left;
	margin: 0 auto;
	top: 0;
	left: 0;
	padding: 0;
	background: transparent; 
}

.steps {
	position: absolute;
	width: 1000px;
	height: 20px;
	margin: 0;
	padding: 0;
	top: 117px;
	left: 0;
	text-align: left;
}

.steps span {
	font-weight: bold;
	display: block;
	float: left;
	width: 190px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
}

.steps span.active {
	color: #D75303;
}

.top_menu {
	position: absolute;
	width: 570px;
	margin: 0;
	padding: 0;
	top: 25px;
	right: 0;
	text-align: right;
}

.top_menu a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	margin: 0 10px 0 30px;
	padding: 2px 0 4px 20px;
	line-height: 18px;
	background: transparent url(images/arrow.gif) no-repeat 0 50%; 
}

.top_menu a:hover {
	color: #5992AB;
}

/*
.share {
	position: absolute;
	width: 570px;
	margin: 0;
	padding: 0;
	top: 40px;
	right: 0;
} */
.share {
	margin: 8px 0;
}

.nav .share {
	margin: 0;
	float: right;
}

/*  Horizontal Menu ========================= */

.hor_menu  {
	position: absolute;
	width: 750px;
	height: 30px;
	margin: 0;
	top: 79px;
	left: 250px;
	padding: 0;
	background: #FFFFFF; 
}


.hor_menu a, .bottom a {
	display:block; 
	float:left;
	font-weight: bold;
	line-height: 31px;
	width: 106px;
	text-align: center;
	color:#FFFFFF; 
	margin: 0 1px 0 0;
	padding: 0; 
	background: #FFFFFF url(images/hor_menu_bg.gif) no-repeat 100% 0; 
	text-decoration:none; 
}

.hor_menu a.gallery {
	background: #FFFFFF url(images/hor_menu_bg_orange.gif) no-repeat 100% 0; 
}

.hor_menu a:hover, .bottom a:hover {
	color: #CCCCCC;
}

.bottom {
	clear: both;
	width: 1000px;
	height: 29px;
	margin: 10px 10px 0 0;
	padding: 0 0 0 0;
	background: #FFFFFF url(images/bottom_bg.jpg) no-repeat 0 0; 
}

.bottom a {
	display: inline;
	float: none;
	margin: 0;
	padding: 0 15px;
	line-height: 29px;
	color: #666666;
	background: transparent;
}

/* ============================================ */

div.homediv1, div.homediv2, div.feature_boxes {
	position: absolute;
	width: 1000px;
	margin: 0;
	top: 150px;
	left: 0;
	text-align: left;
	padding: 0;
	background: #FFFFFF;
}

div.homediv2 {
	top: 423px;
}

div.homediv2 .monthly_deal, div.homediv2 .feature_apartment {
	margin: 0 0 10px 0;
}

div.homediv1 #slider {
	clear: none;
	float: right;
	width: 750px;
}

div.feature_boxes {
	top: 690px;
}

div.feature_boxes div.feature {
	margin: 0 13px 8px 0;
}

div.feature_boxes div.feature.last {
	margin: 0 0 0 0;
}

/* ============================================ */

.wrapper {
	position: absolute;
	width: 1000px;
	margin: 150px 0 0 0;
	top: 0;
	left: 0;
	padding: 0;
	background: #FFFFFF;
}

.wrapper.home {
	margin: 1051px 0 0 0;
}

.main {
	position: relative;
	width: 750px;
	text-align: left;
	margin: 0;
	float: right;
	padding: 0;
	background: transparent; 
}

/* Left Menu ----------------------------------------------------------- */
.left {
	position: relative;
	width: 250px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/left_bg.gif) repeat-y 195px 0; 
}

div.rates_box, div.book_box, div.modify_booking {
	zheight: 222px;
	margin: 0 0 10px 0;
	padding: 0 0 8px 11px;
	background: #FFFFFF url(images/box_bg.gif) no-repeat 0 100%; 
}

div.book_box {
	margin: 10px 0 0 0;
	background: #FFFFFF url(images/box_bg.gif) no-repeat 0 100%; 
}

div.modify_booking {
	background: #FFFFFF url(images/box_bg.gif) no-repeat 0 100%; 
}

div.rates_box .top, div.book_box .top, div.modify_booking .top {
	height: 40px;
	margin: 0 0 0 -11px;
	background: #FFFFFF url(images/rates_box_top.gif) no-repeat 0 0; 
}

div.book_box .top {
	background: #FFFFFF url(images/book_box_top.gif) no-repeat 0 0; 
}

div.modify_booking .top {
	background: #FFFFFF url(images/modify_booking_top.gif) no-repeat 0 0; 
}

div.rates_box form, div.book_box form, div.modify_booking form {
	margin: 0;
}

/* Style for enquiry */
div.rates_box td, div.book_box td {
	height: 22px;
	overflow: hidden;
	padding: 3px 12px 1px 0;
}

/* style for booking */
div.rates_box.be td, div.book_box.be td {
	overflow: hidden;
	padding: 8px 12px 8px 0;
}
div.rates_box.be {
	height: 254px;
}
div.rates_box.be .top {
	height: 45px; 
	background: transparent url(images/rates_box_top.gif) no-repeat 0 0; 
 }
/* ----------- */

div.rates_box input[type='text'], div.book_box input {
	margin: 0;
	padding: 1px
	zborder: 1px solid #CCCCCC;
}

.left a {
	color: #999999;
}

#date_arrive, #date_depart {
	background: #FFFFFF url(images/calendar.gif) no-repeat 100% 50%; 
}

div.reviews {
	margin: 0 0 10px 0;
	padding: 50px 15px 0 11px;
	background: #FFFFFF url(images/reviews_bg.gif) no-repeat 0 0; 
}

div.reviews span {
	display: block;
	text-align: right;
}

#catch_a_deal {
	height: 106px;
	margin: 10px 0 0 0;
	padding: 50px 15px 0 11px;
	background: #FFFFFF url(images/catch_a_deal_bg.gif) no-repeat 0 0; 
}

#catch_a_deal form {
	margin: 8px 0 0 0;
	padding: 0;
}

.left .loc_box {
	height: 194px;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px 15px 0 11px;
	background: #FFFFFF url(images/loc_box_bg.gif) no-repeat 0 0; 
}

div.loc_box .button {
	margin: 6px 5px 3px 5px;
}


/* ------------------------------------------------------------------------ */

.right {
	position: relative;
	width: 242px;
	float: right;
	margin: 0;
	padding: 0 0 0 8px;
	background: transparent; 
}

.right .local_knowledge {
	height: 91px;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 50px 15px 0 11px;
	background: #FFFFFF url(images/local_knowledge_box.gif) no-repeat 0 0; 
}

div.monthly_deal, div.feature_apartment {
	height: 91px;
	text-align: left;
	margin: 10px 0 10px 0;
	padding: 50px 15px 0 11px;
	background: #FFFFFF url(images/monthly_deal_box.gif) no-repeat 0 0; 
}

div.feature_apartment {
	background: #FFFFFF url(images/feature_apartment.gif) no-repeat 0 0; 
}

/* Content ----------------------------------------------------------- */
.content{
	position: relative;
	width: 500px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	background: transparent;
}

/* Slider */
	#slider {
		clear: both;
		margin: 0 0 10px 0;
		padding: 0;
		width: 748px;
		height: 262px;
		background: #FFFFFF url(images/slider_bg.gif) no-repeat 0 0; 
	}

	#slider .menu {
		position: absolute;
		top: 2px;
		right: 4px;
		text-align: left;
		zfloat: right;
		width: 263px;
	}

	#slider .thumbs img {
		float: left;
		margin: 9px 0 0 10px;
	}

/* ----------- */

.icons {
	display: inline;
	float: right;
	padding: 0 8px 0 0;
}

/* Image gallery */
	#gallery {
		clear: both;
		margin: 8px 0 10px 0;
		padding: 2px;
		width: 744px;
		background: transparent url(images/gallery_bg.gif) no-repeat 0 0;
	}

	#gallery .thumbs {
		float: right;
		width: 248px;
	}

	#gallery .thumbs img {
		float: left;
		margin: 9px 0 0 10px;
	}

/* ----------- */

/* Tabs */
	#tnav, div.main_top {
		margin: 0;
		padding: 0;
		width: 500px;
		height: 31px;
	}

	#tnav a.link {
		display: block;
		float: left;
		line-height: 31px;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		width: 123px;
		margin: 0 1px 0 0;
		background: transparent url(images/tnav.gif) no-repeat 0 0;
	}

	#tnav a.link.active {
		color: #FFFFFF;
		background: transparent url(images/tnav_active.gif) no-repeat 0 100%;
	}

	#tnav a.link:hover {
		color: #CCCCCC;
	}

	#tnav a.link.active:hover {
		color: #CCCCCC;
	}

	.content div.tab {
		width: 498px;
		margin: 0 0 2px 0;
		padding: 0 0 5px 0;
		background: transparent url(images/tabbox_bg.gif) no-repeat 0 100%;
	}

	.content div.tab .top {
		height: 8px;
		background: transparent url(images/tabbox_top.gif) no-repeat 0 0;
	}

	.content div.tab p {
		margin: 0 15px 10px 10px;
	}
/* --------- */

.content .section{
	float: left;
	width: 225px;
	margin: 5px 15px 5px 10px;
}
.content p {
	line-height: 1.4;
}

.content p.map {
	float: right;
	padding: 10px 20px 0 0;
}

p.small {
	margin: 0 0 10px 0;
	line-height: 1.2;
	font-size: 11px;
}

.content a {
	color: #666666;
}

.content a:hover, .header a:hover  {
	color: #BBBBBB;
	text-decoration: none;
}

.content ul {
	line-height: 1.6;
}
/* -------------------------------------------------------------------- */

/* Feature boxes */
div.feature {
	float: left;
	width: 214px;
	zheight: 254px;
	text-align: left;
	margin: 0 14px 8px 0;
	padding: 0 13px 10px 13px;
	background: #FFFFFF url(images/feature_bg.gif) no-repeat 0 100%; 
}

div.feature div.top {
	display: block;
	height: 13px;
	margin: 0 0 0 -13px;
	width: 240px;
	background: transparent url(images/feature_top.gif) no-repeat 0 0; 
}

div.right div.feature {
	margin: 0 0 8px 0;
}

div.feature.last {
	margin: 0;
}

div.feature .button {
	margin: 6px 5px 3px 5px;
}

/* Search Results */
div.preview {
	float: left;
	margin: 10px 20px 10px 20px;
}

div.loc {
	width: 280px;
}

div.loc_map {
	width: 400px;
	height: 300px;
	float: right;
	margin: 10px 20px 10px 0;
}

div.results {
	width: 748px;
	margin: 0 0 2px 0;
	padding: 0 0 5px 0;
	background: transparent url(images/results_box_bg.gif) no-repeat 0 100%;
}

div.results .top {
	height: 8px;
	background: transparent url(images/results_box_top.gif) no-repeat 0 0;
}

div.results p {
	margin: 10px 20px;
}

div.results table.rates td {
	font-weight: bold;
	padding: 3px 20px 2px 0;
	color: #000000;
}

div.results table.rates td.head {
	color: #7A7A7A;
}

div.results div.line {
	margin:  10px 20px 0 20px;
	border-bottom: 1px solid #CFCFCF;
}

/* -------------------------------------------------------------------- */

/* Nav menu */
.nav {
	margin: 10px 0 15px 0;
	font-size: 12px;
}

.nav a {
	color: #666666;
}

.nav a:hover {
	color: #999999;
}

/* ------- */



.footer {
	clear: both;
	width: 1000px;
	color: #888888;
	font-size: 11px;
	margin: 0 10px 0 0;
	padding: 10px 0 10px 0;
	background: transparent; 
	float: right;
}

.footer a {
	font-size: 11px;
	color: #888888;
	text-decoration: none;
	margin: 0;
}

.footer a:hover {
	color: #C43219;
}

div.clear {
	height: 0px;
	clear: both;
}


/* =================================================================================================*/
/* = SIFR Styles ===================================================================================*/
/* =================================================================================================*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash h6 {
	visibility: hidden;
	font-size: 22px;
	font-weight: normal;
	margin: 5px 15px 10px 10px;
	padding: 0;
} 

.sIFR-hasFlash h1.apartment {
	margin: 27px 0 0 0;
	width: 300px;
}

.results h2 {
	margin: 10px 0 0 0;
	width: 450px;
	overflow: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-weight: normal;
	font-size: 18px;
	margin: 10px 0 0 0;
	padding: 0;
	width: 240px;
	overflow: hidden;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


/* =================================================================================================*/
/* = MF Lightbox Styles ============================================================================*/
/* =================================================================================================*/
#mf_overlay{ 
    background-image: url(images/lightbox/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #mf_overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(images/lightbox/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="images/lightbox/overlay.png", sizingMethod="scale");
}

#box{
    background:#FFFFFF;
	margin: 0;
	padding: 0;
    border:2px solid #000000;
	overflow: auto;
}

#box #close{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:12px;
	padding:10px;
}

/* =================================================================================================*/
/* = Lightbox Styles ===============================================================================*/
/* =================================================================================================*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(images/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(images/lightbox/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



/* =================================================================================================*/
/* = Datepicker Styles =============================================================================*/
/* =================================================================================================*/
/**
 * datePicker widget using Prototype and Scriptaculous.
 * (c) 2007-2008 Mathieu Jondet <mathieu@eulerian.com>
 * Eulerian Technologies
 * (c) 2009 Titi Ala'ilima <tigre@pobox.com>
 *
 * DatePicker is freely distributable under the same terms as Prototype.
 *
 * v1.0.0
 */

div.datepicker {
 position: absolute;
 text-align: center;
 border: 1px #C4D5E3 solid;
 font-family: arial;
 background: #FFFFFF;
 font-size: 10px;
 padding: 0px;
}
div.datepicker table {
 font-size: 10px;
 margin: 0px;
 padding: 0px;
 text-align: center;
 width: 180px;
}
div.datepicker table thead tr th {
 font-size: 12px;
 font-weight: bold;
 background: #e9eff4;
 border-bottom:1px solid #c4d5e3;
 padding: 0px;
 margin: 0px;
}
div.datepicker table tbody tr {
 border: 1px white solid;
 margin: 0px;
 padding: 0px;
}
div.datepicker table tbody tr td {
 border: 1px #eaeaea solid;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
div.datepicker table tbody tr td:hover,
div.datepicker table tbody tr td.outbound:hover,
div.datepicker table tbody tr td.today:hover {
 border: 1px #c4d5e3 solid;
 background: #e9eff4;
 cursor: pointer;
}
div.datepicker table tbody tr td.wday {
 border: 1px #ffffff solid;
 background: #ffffff;
 cursor: text;
}
div.datepicker table tbody tr td.outbound {
 background: #e8e4e4;
}
div.datepicker table tbody tr td.today {
 border: 1px #16518e solid;
 background: #c4d5e3;
}
div.datepicker table tbody tr td.nclick,
div.datepicker table tbody tr td.nclick_outbound,
div.datepicker table tbody tr td.nclick_today {
 cursor:default; color:#aaa;
}
div.datepicker table tbody tr td.nclick_outbound {
 background:#E8E4E4;
}
div.datepicker table tbody tr td.nclick_today {
 background:#c4d5e3;
}
div.datepicker table tbody tr td.nclick:hover,
div.datepicker table tbody tr td.nclick_outbound:hover,
div.datepicker table tbody tr td.nclick_today:hover {
 border: 1px #eaeaea solid;
 background: #FFF;
}
div.datepicker table tbody tr td.nclick_outbound:hover {
 background:#E8E4E4;
}
div.datepicker table tbody tr td.nclick_today:hover {
 background:#c4d5e3;
}
div.datepicker table tfoot tr td {
 font-size: 10px;
 background: #e9eff4;
 border-top:1px solid #c4d5e3;
 cursor: pointer;
 text-align: center;
 padding: 0px;
}