@import url("reset_u5.css");
/* @group My Group */

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
h6 {
	font-size:14px;
}
p {
	line-height:16px;
}
/* @end */
#wrapper {
	width: 960px;
	margin:0 auto;
	background-color: #FFFFFF;
}
/* @group Villa and Estate Listing */

.villalist {
	width: 480px;
	background-image: url(/wip/Shibumi/i/bg_villa_grad.png);
	background-repeat: repeat-x;
}
.villalist p {
	font-size: 11px;
	color: #959595;
	margin-left: 27px;
}
.villalist img {
	border: 5px solid #e1e1e1;
	padding: 0px;
	margin-top: 20px;
	margin-left: 27px;
}
.villa_detail {
	width: 450px;
}
.estatelist {
	background-image: url(/wip/Shibumi/i/bg_estate.png);
}
.estatelist p {
	font-size: 11px;
}
.estatelist img {
	margin-top: 20px;
	margin-left: 27px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-color: #e1e1e1;
	border-right-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-left-color: #e1e1e1;
}
.prop-list {
	clear:both;
	background:url(../images/bg_property.gif) no-repeat top left;
	padding:0 0 20px 0;
	overflow:hidden;
}
.prop-list .btn-more {
	padding:0 27px 0 0;
}
.prop-list h2, .content-main h2 {
	margin:10px 27px;
	padding:5px 0;
	text-transform:uppercase;
}
.prop-list h3 {
	margin:10px 27px 5px 27px;
	text-transform:uppercase;
}
.prop-list h4 {
	margin:10px 27px;
}
/* @end */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(../i/Back_Grad.png);
	background-repeat: repeat-x;
	color: #616161;
	font-size: 13px;
}
#navf {
	float: right;
	width: 500px;
}
#brand h1 {
	margin: 0px;
	padding: 0px;
}
#navp {
	width: 500px;
	float: right;
}
#calendars {
	padding-left: 20px;
}
#navf li {
	display: block;
	float: left;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 7px;
}
#copyright {
	float: left;
	width: 400px;
}
#content {
	clear:both;
	padding-right: 0px;
	padding-left: 0px;
}
#brand {
	width: 200px;
	float: left;
	margin-left: 16px;
}
#newssub {
	float: right;
	width: 200px;
	font-size: 11px;
}
#navp li {
	display: inline;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
}
.clearboth {
	clear: both;
}
#contact label {
	clear: both;
	float: left;
}
#contact input, textarea {
	clear: both;
	float: left;
}
.ui-tabs-hide {
	display: none;
}
.tabs li {
	list-style-type: none;
	display: inline;
	margin-right: 10px;
}
.calendar td {
	text-align: right;
	width: 22px;
	border: 1px solid #FFFFFF;
	padding: 2px;
	margin: 0px;
}
.calendar caption {
	text-align: left;
}
.season_a {
	background-color: #96FFDA;
}
.season_b {
	background-color: #99CC00;
}
.season_c {
	background-color: #AFC088;
}
.season_d {
	background-color: #CBCBCB;
}
.booked {
	color: #990000;
}
#month1, #month2, #month3, #month4 {
	width: 210px;
	float: left;
}
#month2, #month4 {
	padding-left: 20px;
}
#header {
	height:76px;
	background:url(../images/bg_header_loop.gif);
}
/* @group Navigation */

#nav ul {
	margin:30px 0px 0 0px;
	padding:0;
	border:0px solid red;
	display:block;
	float:left;
	height:20px;
}
#nav li {
	display: inline;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	list-style-type: none;
	border:0px solid red;
}
.nav-home, .nav-home-selected, .nav-faq, .nav-faq-selected, .nav-estates, .nav-estates-selected, .nav-villas, .nav-villas-selected, .nav-location, .nav-location-selected, .nav-contactus, .nav-contactus-selected {
	display:block;
	text-indent:-5000px;
	height:16px;
}
.nav-home {
	width:49px;
	background:url(../images/nav_home.gif) no-repeat;
}
.nav-home-selected, .nav-home:hover {
	width:49px;
	background:url(../images/nav_home_over.gif) no-repeat;
}
.nav-estates {
	width:68px;
	background:url(../images/nav_estates.gif) no-repeat;
}
.nav-estates-selected, .nav-estates:hover {
	width:68px;
	background:url(../images/nav_estates_over.gif) no-repeat;
}
.nav-villas {
	width:55px;
	background:url(../images/nav_villas.gif) no-repeat;
}
.nav-villas-selected, .nav-villas:hover {
	width:55px;
	background:url(../images/nav_villas_over.gif) no-repeat;
}
.nav-location {
	width:80px;
	background:url(../images/nav_location.gif) no-repeat;
}
.nav-location-selected, .nav-location:hover {
	width:80px;
	background:url(../images/nav_location_over.gif) no-repeat;
}
.nav-contactus {
	width:100px;
	background:url(../images/nav_contactus.gif) no-repeat;
}
.nav-contactus-selected, .nav-contactus:hover {
	width:100px;
	background:url(../images/nav_contactus_over.gif) no-repeat;
}
.nav-faq {
	width:34px;
	background:url(../images/nav_faq.gif) no-repeat;
}
.nav-faq-selected, .nav-faq:hover {
	width:34px;
	background:url(../images/nav_faq_over.gif) no-repeat;
}
#nav {
	width: 500px;
	float: right;
}
/* @end */


#subscript-form {
	margin:20px 0 0 0;
	padding:10px 0 10px 30px;
	background:#E4E4E4;
}
#subscript-form input {
	width:100px;
}
#subscript-form input#btn-subscrip {
	height:20px;
	width:122px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
}
.subscript-title {
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	padding:3px 0;
	display:block;
}
#gallery {
	clear:both;
	padding:0 0 10px 0;
	border-bottom:1px solid #e1e1e1;
	height:400px;
}
#gallery2 {
	clear:both;
	padding:0 0 10px 0;
	border-bottom:1px solid #e1e1e1;
	height:480px;
}
#content {
	overflow:hidden;
}
#columnl {
	float:left;
	width:480px;
	border-right:1px solid #e1e1e1;
}
#columnr {
	float:left;
	width:470px;
}
span.more-span {
	float:left;
	display:block;
	width:44px;
	height:16px;
	border:1px solid red;
}
a.more {
	display:inline;
	padding:0 0 0 44px;
	width:44px;
	height:16px;
	background:url(../images/btn_more.gif) top left no-repeat;
	text-decoration:none;
}
a.more img {
}
/*.prop-list img,
.content-main img {
	margin:0 0 0 27px;
}*/

.img-border {
	margin:0 0 10px 0;
	border:5px solid #e1e1e1;
}
img.img-ontop {
	margin:15px 0 0 27px;
}
.content-main h3 {
	margin:5px 27px 10px 27px;
}
.prop-list p, .content-main p {
	padding:10px 27px;
}
#footer {
	margin:20px 0 0 0;
	clear:both;
	height:30px;
	background:#ececec;
}
.copyright {
	font-size:11px;
	color:#595959;
	padding:10px 0 0 27px;
}
.floatl {
	float:left;
}
.floatr {
	float:right;
}
.nav-buttom {
	font-size:11px;
	color:#595959;
	padding:10px 27px 0 0;
}
.nav-buttom a {
	padding:0 10px 0 7px;
}
.nav-buttom a {
	text-decoration:none;
	color:#616161;
}
/****************** Form Contact ********************/
.form-contact {
	clear:both;
	font-size:11px;
	text-transform:uppercase;
}
.form-contact h3 {
	margin:10px 27px;
}
.form-contact form {
	padding:0 0 0 30px;
}
.form-contact p {
	padding:2px 0;
}
.form-contact .inputText {
	width:250px;
	border:1px solid #c2c2c2;
}
.form-contact .inputArea {
	width:250px;
	border:1px solid #c2c2c2;
}
.form-contact .btn {
	width:50px;
	border:1px solid #c2c2c2;
}
p.line {
	padding-bottom:10px;
	border-bottom:1px solid #ebebeb;
}
/****************** FAQ ********************/
.faq {
	margin:0 27px;
}
.faq h3 {
	text-transform:uppercase;
}
.faq p {
	padding:15px 0;
}
.bg-content {
	border-top:1px solid #E5E5E5;
	background:url(../images/bg_property.gif) no-repeat top left;
}
#sitemap {
	padding:0 27px;
	list-style:none;
}
#sitemap li {
	padding:0 0 0 15px;
	list-style:none;
	background:url(../images/icon-feature.gif) no-repeat;
}
#sitemap li a {
	text-decoration:none;
	color:#898989;
}
#sitemap li a:hover {
	text-decoration:none;
	color:#616161;
}
/***************** calendar ****************/
#btn-calendars {
	clear:both;
	margin:15px 27px 0 27px;
	border-bottom:1px solid #e1e1e1;
	height:20px;
}
.calendars-prev {
	float:left;
	width:50px;
}
.calendars-next {
	float:right;
	width:50px;
	text-align:right;
}
.calendars-prev a {
	text-decoration:none;
	color:#666666;
}
.calendars-next a {
	text-decoration:none;
	color:#666666;
}
.calendars-prev a:hover, .calendars-next a:hover {
	color:#000;
}
.occupied-box {
	width:120px;
	margin:0 27px;
	padding:5px 0;
	color:#f00;
	font-size:16px;
	font-weight:bold;/*font-weight:bolder; */
}
.occupied {
	color:#f00;
	font-size:20px;
	font-weight:bolder;
	margin:-7px -3px -7px -2px;
	padding:0;
	float:left;
}
/* calendars-rate */
#calendars-rate .price {
	font-size:12px;
	font-weight:bold;
}
#calendars-rate ul {
	padding:0 27px;
}
#calendars-rate ul li {
	margin:1px 1px 0 0;
	padding:3px 5px 3px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	background:#eee;
}
/* index.php */
#content-index {
	position:relative;
}
#content-index, #content-index2 {
	clear:both;
	padding:0 0 10px 0;
}
#columnl-index {
	float:left;
	width:480px;
	border-right:1px solid #e1e1e1;
}
#columnr-index, #columnr-index2 {
	float:left;
	width:470px;
}
#content-index2 {
	border-top:1px solid #e1e1e1;
	background:#f9f9f9;
	overflow:hidden;
}
#columnl-index2 {
	float:left;
	width:480px;
}
.top-line {
	border-top:1px solid #e1e1e1;
	margin:30px 0 0 0;
}
p.height {
	border:1px solid #fff;
}
a.estate2villa {
	text-decoration: none;
	font-size:15px;
	font-weight:normal;
	color: #616161;
}
a.estate2villa:hover {
	color:#ccc;
}
#booking-term {
	clear:both;
	padding:0 27px;
	font-size:11px;
	overflow:hidden;
	color:#000000;
	background:#eeeeee;
}
#btn-term {
	clear:both;
	padding:27px 0 0 27px;
 *padding:10px 0 0 27px; /* IE7 */
	_padding:10px 0 0 27px; /* IE6 */
}
#btn-term a, #btn-term img {
	width:283px;
	height:26px;
	display:block;
}
#btn-term form {
	padding:10px 0 0 27px;
}
#btn-term input {
	width:250px;
	color:#666666;
	font-size:11px;
}
/* Villa Lists */
#villa-list {
	padding:25px;
}
#villa-list h2 {
	text-transform:uppercase;
}
#villa-list ul {
	list-style:none;
}
#villa-list ul li {
	list-style:none;
}
#booking-term {
	background:#eeeeee;
	color:#111111;
	padding:30px;
}
#booking-term h1 {
	text-transform:uppercase;
	font-size:16px;
}
#booking-term p {
	font-size:12px;
}
.map-small {
	clear:both;
}
.map-small p {
	width:485px;
	padding:0 0 10px 0;
}
.map-small p a {
	float:right;
	display:block;
	text-decoration:none;
	color:#666666;
	margin:0 4px 0 0;
}
#map-detail {
	clear:both;
	text-decoration:none;
	color:#FF6600;
}
#box_menu li a {
	padding:0 7px;
}
/* form contact : alert */
#msg {
	padding:0 27px;
}
#msg div.red {
	padding:10px;
	color:#FF0000;
	background:#FFB9B9;
	border:1px solid #FF0000;
}
#msg div.green {
	padding:10px;
	color:#006600;
	background:#D2FFD2;
	border:1px solid #006600;
}
#gg-gadget {
	position:absolute;
	top:10px;
	right:10px;
}