/* CSS Document */
* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font-size:12px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#fffefe;
	min-height:100%;
	background:url(../../images/index/headerBkg.jpg) repeat-x top #fff;
}

img {border:none; margin:0}

h1 {font-size:14px;}
h2 {font-size:12px;}

a, a:active, a:visited {text-decoration:none; color:#003369;}
a:hover {color:#e2f4fc;}

/*\ HTML Tags */
#headerShapeShadow {width:948px; height:87px; position:absolute; z-index:80; top:248px; left:50%; margin:0 0 0 -477px;}
#headerShapeShadow[id] {background:url(../../images/index/headerShape.png) no-repeat;}


#mainPageContainer {width:100%; margin:0;}
#mainPageContainer .left {float:left; width:240px; background-color:#44a8dc; position:relative !important; left:50%; margin:-23px 0 0 -467px;}
#mainPageContainer .right {float:right; width:100%; background:#225489; margin:0 0 0 -2500px; padding:0 0 0 2500px;}
#mainPageContainer .right .customContent[class] {
	width:663px; 
	margin:0 0 0 -467px; 
	position:relative; 
	left:50%; 
	padding:10px 15px 10px 255px; 
	border-right:1px solid #fff;
	background:url(../../images/index/leftBlueBkg.jpg) repeat-y left;
}
/*
#mainPageContainer .right .customContent[class] .blueBkg {background:url(../../images/index/leftBlueBkg.jpg) repeat-y left; position:relative; width:663px; margin:0 0 0 -250px;}
*/
.spacer {clear:both; font-size:1px; visibility:hidden;}
.spacerSep {clear:both; font-size:1px; height:1px; visibility:hidden;}

/* containers */

#pageContainer {width:934px; margin:0 auto; position:relative;}
#langBar {float:left; width:240px; height:37px; margin:5px 0 0 0;}
#langBar a {
	color:#fafafa; 
	font-size:12px; 
	font-weight:bold; 
	display:block; 
	border-left:1px solid #fff; 
	float:left; 
	line-height:37px;
	width:110px; 
	text-align:center
}
#langlangBara:hover, #lang a.selected {color:#fafafa !important;}

#mainNav {width:693px; height:65px; margin:5px 0 0 0; float:left; }
#mainNav ul {}
#mainNav ul li {
	list-style:none; 
	display:block; 
	float:left;  
	width:99px; 
	height:65px; 
	background:url(../../images/index/menuSep.jpg) no-repeat right top;
}
#mainNav ul li a {
	color:#fafafa; 
	font-size:12px; 
	display:block; 
	float:left; 
	width:97px; 
	height:65px; 
	text-align:center;
	background:url(../../images/index/navShape.jpg) no-repeat ;
	line-height:65px;
}

#mainNav ul li a:hover, #mainNav ul li .active {background:url(../../images/index/navShapeHover.jpg) no-repeat ; color:#2b5d93}
#mainNav ul li.hover {cursor:pointer;}


/* Left */
#left {width:240px; background:#fff; float:left; margin:-28px 0 0 0; position:relative}
#right {float:left; width:693px; clear:right}
#logo { background:url(../../images/index/leftNavShape.jpg) no-repeat bottom; height:231px; padding:20px 0 0 0; text-align:center;}


#header {height:246px; width:100%; position:relative; border-right:1px solid #fff; color:#fffefe; font-weight:bold; }
#header .headerImg {padding:8px 0 0 0; background:#fff; }
#headerShape { width:100%; height:48px; position:absolute; top:199px; }
#headerShape[id] {background:url(../../images/index/headerBlueShape.png) no-repeat;}

#leftNav {background:#44a7dc; width:240px; padding:0 0 10px 0; /*position:absolute; z-index:900000;*/}
#leftNav ul.v {position:absolute; z-index:90 !important;}
#leftNav ul.z {visibility:hidden;}
#leftNav ul li {display:block; list-style-type:none; background:url(../../images/index/dots.jpg) bottom repeat-x; }
#leftNav  ul li a {
	color:#fafafa; 
	display:block; 
	height:30px; 
	width:220px; 
	line-height:30px; 
	padding:0 0 0 20px;
	font-weight:bold
}

#leftNav  ul li a:hover {background:#fafafa; color:#44a7db;}
h2.reservation {background:#44a7db; display:block; width:220px; height:30px; font-size:12px; color:#fafafa; padding:0 0 0 20px}

/* Reservation Form*/
form.reservationForm {margin:0; padding:10px 0 0 2px; background:#fff;}
form.reservationForm label {color:#002955; width:80px; display:block; float:left; margin:0 0 10px 0 }
form.reservationForm select {margin:0 0 10px 0 } 
form.reservationForm .btnBox {width:100%; background:#eaf2f8; text-align:center; margin:5px 0 0 0; padding:0 0 5px 0}
form.reservationForm .btn {
	background:#73c8f1; 
	color:#dff1fc; 
	border:none; 
	width:90px; 
	height:20px;
	font-size:14px;
	margin:0 auto;
}

#weather {width:100%; background:#54b4e4; padding:0 0 5px 0;}
#weather .title {
	height:45px;
	background:url(../../images/index/weatherHeaderBkg.jpg) repeat-x; 
	font-size:18px; 
	font-weight:bold; 
	color:#07366a;
	padding:10px 0 0 10px;
}
#weather .title .shape {width:98px; height:38px; margin:-30px 0 0 130px; position:relative}
#weather .title .shape[class] {background:url(../../images/index/book.png) no-repeat;}
#weather img.skype {display:block; margin:10px auto}
#weather .forecast {display:block; width:100%; text-align:center; z-index: 1;}
#weather .forecast .over {position: absolute; z-index: 2; /*left: 70px; top: 298px;*/ margin: 0 0 0 -100px;}


/* Footer */
#footer {width:100%; height:100px; padding:0px 0 0 0; background:url(../../images/index/footerBkg.jpg) repeat-x top;}
#footer .footerContent {width:940px; margin:0 auto;}
#footer .bbmedia {width:240px; float:left; text-align:center;}
#footer .bbmedia a {color:#b7e2ff; line-height:27px;}
#footer  .copyRight {float:left; text-align:center; width:690px; color:#b7e2ff; line-height:27px;}
#footerSpace {background:url(../../images/index/footerWhiteSpace.jpg) repeat-x top; height:26px;}
/* \Footer */

.customContent .links {margin:5px 0 15px 0; width:200px; font-size:14px; text-align:center; float:left }
.customContent .links .propSaleTitle {margin:5px auto 20px auto}
.customContent .links a, .customContent .links a:active, .customContent .links a:visited, .customContent .links a:hover {color:#fffefe}
.customContent #navContent {width:435px; float:left; padding-right: 15px;}
.customContent #navContent h1.title {font-size:14px; margin:0 0 10px 0; font-weight:normal}
.customContent #subNavContainer {width:210px; float:right; margin:0 0 20px 0}
#subNav, #subNav ul {list-style-type:none; margin:3px 0 0 0}

#subNav a, #subNav a:visited, #subNav a:active {
	display:block; 
	width:205px; 
	height:28px; 
	background:url(../../images/index/subNavBkg.jpg) repeat-x; 
	color:#225489; 
	font-weight:bold;
	line-height:28px;
	padding:0 0 0 5px;
	margin:2px 0 0 0;
}
#subNav a:hover, #subNav a.active  {background:#b4ceea !important}
#subNav ul li  a {
	display:block; 
	width:190px  !important; 
	height:28px; 
	background:url(../../images/index/subNavBkg.jpg) repeat-x; 
	color:#225489; 
	font-weight:bold;
	line-height:28px;
	padding:0 0 0 20px !important;
	margin:2px 0 0 0; 
}
#subNav .bullet {width:10px; height:9px; display:block; float:left; background:url(../../images/index/subNavBullet.gif) no-repeat; margin:10px 5px 0 0;}
#subNav .subBullet {width:6px; height:5px; display:block; float:left; background:url(../../images/index/arrow.gif) no-repeat; margin:10px 5px 0 0;}

#mainLeftSide {position:absolute; top:293px; left:0; width:240px;}

#contentFade {background:url(../../images/index/mainContentFade.jpg) repeat-x top #fff; width:100%;}
#mainContent {width:934px; margin:0 auto; background:url(../../images/index/leftBlueBkg.jpg) repeat-y left;}
#mainContent #content {width:654px; padding:15px 20px 10px 250px; color:#818386}
#content h1.title {font-size:14px; margin:0 0 10px 0; font-weight:normal; color:#24578b}
#content a:link, #content a:visited {color:#24578b}
#content a:active, #content a:hover {color:#818386}

#quickLink {width:265px; float:left;}
#quickLink  h1.title {margin:10px auto}
#quickLink .imgContainer {width:110px; float:left; text-align:center; padding:0 10px 10px 10px}
#quickLink a, .quickLink a:active, .quickLink a:visited {color:#060606}
#quickLink a:hover  {color:#25568c}

#homePromotion {width:370px; float:right}
#homePromotion  h1.title { margin:10px 0 0 0 }
#homePromotion .promoContainer {color:#818386; margin:10px 0 0 0; line-height:13px;}
#homePromotion .promoContainer h2.title {color:#24578b; font-size:12px; margin:0 0 10px 100px;}
#homePromotion .promoContainer .imgContainer {margin:0 10px 0 0; float:left}

#promotion {float:left;}
#promotion .promoContainer {color:#818386; margin:10px 10px 10px 0; line-height:13px; float:left; width:310px;}
#promotion .promoContainer h2.title {color:#24578b; font-size:12px; margin:0 0 10px 100px;}
#promotion .promoContainer .imgContainer {margin:0 10px 0 0; float:left}


/* Gallery */
#thumbs {position:relative;}
.thumbs {
	float:left; 
	width:625px; 
	margin:10px 0 0 0; 
	height:96px; 
	cursor:default; 
	overflow:hidden; 
	position:relative; 
	background:url(../../images/index/galleryBkg.jpg) repeat-x bottom #6DC9F2;
}
.thumbnail {width:117px; height:86px; float:left; margin:5px 5px; cursor:pointer;}
.thumbnail img {display:block; border:2px solid #23558a }
.arrow {width:14px; height:96px; float:left; margin:10px 0px; cursor:pointer; border:none;}
#arrowLeft {background:url(../../images/index/arrowLeft.jpg) no-repeat center #23558a;}
#arrowRight {background:url(../../images/index/arrowRight.jpg) no-repeat center  #23558a;}
/* \Gallery */

/* Search */
#searchContainer {width:200px; float:right;}
#searchContainer input, select {height:18px; font-size:12px; border:1px solid #45a6db; margin:1px 1px 0 0 }
#searchContainer label {margin:3px 0 0 0;}
#searchContainer h1 {font-size:14px;}
#searchContainer label.wide {display:block;}
#searchContainer label.short {width:90px; float:left; margin:0 5px 0 0 ;}
#searchContainer .sInptxt {width:70px;}
#searchContainer .mField {width:90px; float:left; margin:0 5px 0 0; }
/* \Search */


/* Reservation */
.reservationTbl { width:100%; color:#1b4d80; }
.reservationTbl th {background:#cfdfed; font-size:12px; text-align:center; font-weight:normal; }
.reservationTbl .leftTxt {text-align:left; padding:2px;}
.reservationTbl .btn { float: none; text-align: center; margin: 0 auto;}
.reservationTbl td {background:#f2f8fd; height:50px; text-align:center; padding: 5px 13px 5px 13px !important; }
.reservationTbl td.none {font-size:18px;}

#reservationConfirm {text-align:center}
#reservationConfirm h1.title {font-size:14px;}
.confirmTbl {margin:0 auto; border-spacing:3px;}
.confirmTbl th {text-align:right}
.confirmTbl td {text-align:left}

/* \Reservation */


/* Facility */
#rightLinks {float:right; width:210px;}
#facilityItem {float:right; width:205px; }
#facilityMedia {
	float:right;
	width:210px; 
	height:33px; 
	line-height:33px; 
	color:#003369; 
	background:url(../../images/index/mediaBkg.jpg) repeat-x;
	text-align:center;
}
#facilityItem h2.title {font-size:14px; font-weight:normal; line-height:26px; margin:0 0 0 5px;}
#facilityItem #items { margin:0 0 0 5px}
#facilityItem #items li {
	list-style-type:none; 
	background:url(../../images/index/dotsWhite.gif) repeat-x bottom; 
	display:block; 
	width:205px; 
	height:24px;
	color:#e2f4fc; 
}

#facilityItem #items li span.shape {display:block; width:6px; height:7px; background:url(../../images/index/arrow.jpg) no-repeat left; float:left; margin:5px 3px 0 0 }
/*#facilityItem #items li a, #facilityItem #items li a:visited, #facilityItem #items li a:active {
	display:block; 
	line-height:24px; 
	background:url(../../images/index/arrow.jpg) no-repeat left;
	padding:0 0 0 10px;
}
#facilityItem #items li a:hover {color:#43a7db}*/
/* \Facility */

/* Login */
#loginContainer {margin:0 auto; width:330px;}
#loginContainer h1.title {font-size:14px; font-weight:normal; text-align:center; margin:0 0 15px 0}
#loginContainer label {width:150px;  display:block; float:left; text-align:right;}
#loginContainer input {width:180; height:18px; margin:0 0 10px 5px;}
#loginContainer  .btn {float:right; margin:0 30px 0 0 }
#loginIncorrect {text-align:center; margin-bottom: 10px}
/* \ Login */

/* Contacts */
.formContainer {float:left; width:210px;}
form.contacts label {display:block}
form.contacts  input.inptxt {width:180px; border:none; height:20px;}
form.contacts  textarea {width:210px; border:none; height:80px; overflow:auto;}
form.contacts .btn {float:right; margin-right: 73px !important;}
.formContainer .success {color:#a2cf2c; margin:5px 0 0 0;}
.formContainer .error {color:#54b4e4; margin:5px 0 0 0;}

/* \ Contacts */

/* <Inquiries> */
.inquiryTbl { width: 100%; }
.inquiryTbl th { text-align: right; padding-right: 5px; vertical-align: top; }
.inquiryTbl td { padding: 10px auto auto auto !important; }
/* </Inquires> */

#logout {float:right; clear:right; margin:10px 0 0 0; white-space:nowrap}

#logout a:link, #logout a:visited, #logout a:hover, #logout a:active{
	padding:0 10px 0 0; 
	background:url(../../images/index/arrow.jpg) no-repeat right;
	color:#fffefe;
}

/* guestBook */
form.guestBook {
	width:660px !important; 
	text-align:right; 
	float:left;	
	margin:0 0 20px 0;
}

form.guestBook .leftPart {width:340px; float:left; text-align:left; }
form.guestBook .rightPart {width:320px; float:right; text-align:left;}

form.guestBook label {display:block;}
form.guestBook textarea {
	width:300px;
	height:160px;
	color:#4F7202;
	font-size:11px;
	overflow:auto;
	border:1px solid #BFBFBF;
}
form.guestBook input {
	width:250px;
	margin:0 0 8px 0;
	border:1px solid #BFBFBF;
	font-size:11px;
	color:#4F7202;
	height:17px;
	padding:3px 0 0 0;
}

#cp {float:left;}
#security_code {width:180px; float:left; margin:0 0 0 10px;}

form.guestBook .rightPart .btn {
	margin:10px 5px 0 0;
	text-align: center; 
	width:100px;
}


form.guestBook .message {text-align:left; margin:10px 0 10px 0;}

.btn {
	background:url(../../images/index/btnBkg.jpg) repeat-x; 
	border:none !important;
	color:#fff !important;
	margin:5px 0 0 0; 
	padding:0 5px 0 5px; 
	height:22px  !important;
	font-size:12px;
	cursor:pointer;
	display:block
}

#navContent .imgContainer {float:left; margin:0 5px 5px 0}
.rentalPrice { width:100%; color:#1b4d80; }
.rentalPrice th {background:#1b4d82; color:#fff;font-size:12px; text-align:center; font-weight:normal; }
.rentalPrice td {background:#cfdfed;  height:50px; text-align:center }
.blue {font-weight:bold; color:#24578b; line-height:25px;}