/* @override http://www.urvisiongroup.com/mb/css/style.css */

/* @override http://www.urvisiongroup.com/mb/css/style.css */

/* @override http://www.urvisiongroup.com/mb/css/style.css */

/* @override http://www.urvisiongroup.com/mb/css/style.css */

/* created by youweyoucoding.com 2009 */

/* YUI CSS RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;
}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { font-family: Arial, Tahoma, sans-serif; font-size:62.5%; background: #b4b08d; text-align: center; height: 100%; }

/* Wrapper
----------------------------------------------*/

#wrapper { height: 100%; width: 982px; text-align: left; background: #ffffff url('../images/wrapper.jpg') repeat-y 0 0; margin: 0 auto; padding: 0 12px; }

/* Header
----------------------------------------------*/

#header { height: 116px; border-bottom: 1px solid #b5ccaa; position: relative; }
h1 { position: absolute; left: 28px; top: 21px; font-size: 1.5em; width: 256px; height: 72px; }

/*h1_2 { position: absolute; left: 20px; top: 21px; font-size: 1.5em; width: 180px; height: 92px;
	margin-top: -10px;
}*/
#headerHomelink { display: block; position: absolute; top: 10px; left: 20px;}

/*h1 img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
#header_turtle { background: url('../images/header_turtle.jpg') no-repeat 0 0; position: absolute; width: 148px; height: 74px; left: 412px; top: 0;
}
#header_turtle_2 { background: url('../images/re_logo.jpg') no-repeat 0 0; 
position: absolute; left: 439px; top: 0px; width: 523px; height: 87px; 
}

/* Specials sidebar
----------------------------------------------*/

#content { padding: 42px 0 0 0; }
#specials_sidebar { float: left; width: 186px; display: inline; background: url('../images/specials_sidebar_divider.jpg') no-repeat right 16px; padding: 0 34px 0 0; display: inline;
	margin: 0 0 0 40px;
}
#specials_top { width: 186px; height: 28px; background: #000037 url('../images/specials_header.jpg') no-repeat 0 0; }
#specials_top h2 { font-size: 1.5em; color: #ffffff; font-weight: bold; text-transform: uppercase; position: relative; width: 99px; height: 14px; overflow: hidden; left: 37px; top: 8px; }
#specials_top h2 span { position: absolute; height: 100%; top: 0; left: 0; background: url('../images/specials_h2.jpg') no-repeat 0 0;
	width: 100%;
}




 #specials_content { width: 186px; height: 456px; background: url('http://urvisiongroup.com/mb/images/sidebar_activitiex.jpg') no-repeat 0 0; }

#specials_content img {
	width: 186px;
	height: 609px;
} 

/* Right content
----------------------------------------------*/

#content_right { width: 704px; float: right; margin: 0 15px 0 0; display: inline; }

#content_top_left { width: 457px; float: left; margin: 0 0 42px 0; position: relative;}
#content_top_right { width: 234px; height: 277px; float: right; }

* html #content_top_right { width: 237px; position: relative; right: -3px; }

/* Location details
----------------------------------------------*/

#virtual_tour { background: url('../images/virtual_tour.jpg') no-repeat left center; padding: 0 0 0 21px; color: #666666; font-size: 1.3em; text-decoration: none; float: right; display: block; margin: 9px 0 0 0; }
#location_title { clear: right; color: #5e88a1; text-transform: uppercase; font-weight: bold; font-family: "NeuzeitS BookHeavy", Arial, Tahoma, sans-serif; font-size: 2.2em; background: url('../images/location_title.jpg') no-repeat left center; padding: 0 0 0 22px;
}
#location_details { margin: 5px 0 0 0; font-family: "NeuzeitS BookHeavy", Arial, Tahoma, sans-serif; font-size: 1.2em; color: #414141; line-height: 1.6em; }
#location_details strong { font-size: 1.2em; font-weight: bold;
	color: #a8c39a;
	text-decoration: underline;
}

#virtual_tour strong {
	font-size: 16px;
	text-decoration: underline;
	color: #958671;
}
.gallery { float: left; margin: 0 2px 2px 0; display: inline; }

/* Gallery
----------------------------------------------*/

#gallery_previous, #gallery_next { position: relative; height: 24px; display: block; float: left; }
#gallery_next { float: right; right: 68px; top: 34px; }
#gallery_previous { top: 34px; left: 15px; }
#gallery_previous span, #gallery_next span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#gallery_next span { background: url('../images/gallery_next.jpg') no-repeat 0 0; width: 71px; }
#gallery_previous span { background: url('../images/gallery_previous.jpg') no-repeat 0 0; width: 110px; }
#gallery_previous { display: none; }

/* Tabs menu
----------------------------------------------*/

#menu { clear: both;
}
#menu #tabs li { float: left; border: 1px solid #000033; border-right: none; }
#menu #tabs li a { float: left /* ie 6 */; display: block; height: 21px; color: #333333; text-decoration: none; font-size: 1.2em; padding: 7px 13px 0 13px; }
#menu #tabs li a:hover, .ui-tabs-selected { background: #ffcc33; }
#menu #tabs #inquire { border-right: 1px solid #000033; }

#print a img {margin-top: -6px;}

/* iframe */
.iframe{
	margin-left: -26px;
}
/* end iframe */


#print a{border-right: 1px solid #000;}


.ui-tabs .ui-tabs-hide { display: none !important; }

.tabs_bottom { width: 705px; background: url('../images/tabs_bottom.jpg') no-repeat center bottom; }
.tabs_middle { width: 705px; background: url('../images/tabs_middle.jpg') repeat-y center bottom; position: relative; left: -10px; margin: 20px 0 100px 0; }
.tabs_top { width: 659px; background: url('../images/tabs_top.jpg') no-repeat center top; padding: 39px 12px 31px 34px; }

/* Features tab
----------------------------------------------*/

.tabs_top h3 { font-size: 1.8em; font-weight: bold; text-transform: uppercase; color: #a8c39a; margin: 0 0 26px 0; }
.tabs_top h4 { margin: 0 0 9px 0; font-size: 1.4em; font-weight: bold; color: #333333; }
.tabs_list { font-size: 1.2em; width: 580px; }
.tabs_list li { background: url('../images/tabs_list.jpg') no-repeat left 8px; color: #333333; padding: 0 0 0 12px; line-height: 1.6em; }
.tabs_divider { background: url('../images/tabs_divider.jpg') no-repeat 0 0; width: 661px; height: 1px; position: relative; left: -13px; margin: 8px 0; }
.villa_features_h4 { margin-top: 10px; }
.back_to_top a.btt_button { float: left; background: url('../images/back_to_top.jpg') no-repeat left center; text-decoration: none; font-weight: bold; padding: 0 0 0 15px; font-size: 1.5em; color: #999999; margin: 17px 0 7px 0; display: block; position: relative; left: -8px; }
a.inquire_button { float: right; width: 98px; height: 31px; position: relative; text-decoration: none; font-size: 1.3em; background: #b1b1b1; text-align: center; color: #454545; margin: 11px 18px 0 0; }
.inquire_button span { display: block; width: 100%; height: 100%; background: url('../images/inquire_button.jpg') no-repeat 0 0; position: absolute; top: 0; left: 0; }


/* check availability */



#fragment-3 div.tabs_bottom div.tabs_top.rates_tab a.lightwindow.page-options {
	float: right; width: 125px; height: 31px; position: relative; text-decoration: none; font-size: 1.3em; background: url('../images/availability_button.jpg') no-repeat 0 0;  text-align: center; color: #454545;
	margin: 11px 18px 0 0;
}



/* Villa description tab
----------------------------------------------*/

.tabs_top p { width: 635px; font-size: 1.2em; color: #333333; line-height: 1.6em; }
.tabs_top strong { font-weight: bold; }
#bedroom_description_h4 { padding-bottom: 8px; }
#ssi_h4 { padding: 2px 0; }
.tabs_top span.description_single { font-size: 1.2em; color: #333333; line-height: 1.6em; display: block; padding: 2px 0 9px 0; }
.tabs_top ul.description_list { position: relative; left: 10px; }

/* Rates / Availability tab
----------------------------------------------*/

.rates_tab h3 { font-size: 1.5em; color: #333333; font-weight: bold; margin: 0; }
h3.rates_h3 { text-transform: none; margin: 0 0 0 20px; display: inline; }
div.rates_tab { padding: 28px 12px 31px 8px; width: 685px; }
.rates_table { margin: 20px 0 25px 0; }
.rates_table tr td { padding: 9px 0; background: url('../images/rates_row.jpg') 0 0; font-size: 1.3em; color: #666666; }
.rates_table tr td.first_td { width: 240px; padding: 9px 0 9px 25px; }
.rates_table tr td.second_td { width: 180px; }
.rates_table tr td.third_td { width: 160px; }
.rates_table tr td.fourth_td { padding: 0 8px 0 0; }
.first_td span { background: url('../images/rates_arrow.jpg') no-repeat left center; padding: 0 0 0 24px; }

ul#under_table, #under_table_link { position: relative; left: 24px; color: #333333; }
* html ul#under_table { margin-left: 24px; }
#under_table li { float: left; font-size: 1.3em; }
#under_table_second { margin: 0 70px 0 48px; }
#under_table_link { font-size: 1.3em; margin: 13px 0 0 0; display: block; }
.rates_divider { position: relative; left: 5px; background: url('../images/rates_divider.jpg') no-repeat 0 0; width: 675px; height: 1px; margin: 15px 0 24px 0; }
.rates_footer { color: #999999; font-size: 1.1em; float: left; }
.rates_footer li { background: url('../images/rates_footer.jpg') no-repeat left 5px; padding: 0 0 0 6px; margin: 0 0 0 25px; width: 185px; }
.rates_tab a.inquire_button { margin-top: 0; }

/* Inquire tab
----------------------------------------------*/

div.tabs_inquire { padding-top: 21px; padding-left: 27px; width: 666px; }
.tabs_inquire img { border: 1px solid #707070; float: left; margin: 0 14px 27px 0; }
.inquire_divider { clear: left; margin-bottom: 11px; margin-left: 7px; }

#inquire_right { width: 245px; float: left; }
#inquire_right em { font-size: 1.5em; color: #333333; }
#inquire_right h3 { margin: 12px 0 0 0; color: #a8c39a; text-transform: uppercase; font-weight: bold; font-family: "NeuzeitS BookHeavy", Arial, Tahoma, sans-serif; font-size: 1.7em;  }
#inquire_right ul { font-family: "NeuzeitS BookHeavy", Arial, Tahoma, sans-serif; font-size: 1.2em; color: #414141; line-height: 1.6em; }


/* added by peter 2/4: this should duplicate inquire_right.  ideally this would be a class and not an id, and thus avoid the css, because you obviously can't have two elements of the same id. */
#inquire_right2 { width: 245px; float: left; }
#inquire_right2 em { font-size: 1.5em; color: #333333; }
#inquire_right2 h3 { margin: 12px 0 0 0; color: #a8c39a; text-transform: uppercase; font-weight: bold; font-family: "NeuzeitS BookHeavy", Arial, Tahoma, sans-serif; font-size: 1.7em;  }
#inquire_right2 ul { font-family: "NeuzeitS BookHeavy", Arial, Tahoma, sans-serif; font-size: 1.2em; color: #414141; line-height: 1.6em; }
/* end add 2/4 */

.tabs_inquire input { display: block; }
.tabs_inquire label { font-size: 1.3em; color: #333333; float: left; background: url('../images/inquire_star.jpg') no-repeat left 2px; padding: 0 0 0 10px; position: relative; left: -10px; margin-top: 19px; }
.tabs_inquire label span { color: #707070; }
.tabs_inquire label span.little { font-size: .9em; display: block; margin-top: 5px; }
.text_input { border: 1px solid #080839; width: 184px; height: 15px; padding: 2px; color: #000000; margin: 5px 11px 0 0; }
.tabs_inquire textarea { float: left; width: 342px; height: 135px; border: 1px solid #080839; margin-top: 8px; display: block; }
#submit_inquiry { width: 121px; height: 30px; background: url('../images/submit_inquiry.jpg') no-repeat 0 0; border: none; margin: 28px 0 15px 0; }
#textarea_label { background: none; }

/* email link */

#emailRental{
	position: absolute;
	right: 5px;
	top: 300px;
	font-size: 1.1em;
}
#emailRentalBody{visibility: hidden;}
#emailRentalForm{
	line-height: 1em;
}
#emailRentalForm p{
	font-size: 1.5em;
	padding: 1em;
	line-height: 1.3em;
}

/* Footer
----------------------------------------------*/

#footer { clear: both;  padding: 18px 0 12px 0; }
#footer-top {border-bottom: 1px solid #000000; margin-bottom: 18px;padding: 0 0 5px 30px; font-size: 1.3em;}
#footer ul { float: left; }
#footer li { float: left; border-left: 1px solid #000000; padding: 0 8px; }
#footer .footer_first { border: none; padding: 0 8px 0 30px; }
#footer li a { color: #000066; font-size: 1.1em; }
#footer span { font-size: 1.3em; float: right; color: #cccccc; margin-right: 16px; position: relative; top: -3px; }

/* Others
----------------------------------------------*/

.clear { clear: both; }