body,html {
background:#fff ;
color:#000;
font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
}

a:link, a:visited {
 text-decoration: none;
 color: #fff;
} 
a:hover, a:active {
 text-decoration: none;
 color: #D7B790;
} 

#top_menu {
 font-size: 110%; 
 float:right;
margin-top: 120px;
} 
#top_menu ul {
 list-style: none;
 padding-top: 1em; 
 padding-bottom: 1em;
} 
#top_menu li {
 display: inline; 
} 
#top_menu a:link, #top_menu a:visited {
 padding: 0.2em 0.4em 0.2em 0.4em; 
 text-decoration: none;
 border: 1px solid #fff; 
} 
#top_menu a:hover {
 color: #D7B790;
  border: 1px solid #D7B790; 

} 

body {
min-width:940px;
}

#wrap {
background:#4E84C4 ;
margin:0 auto;
width:939px;
}

#header {
background:#4E84C4 ;
height:160px;
width:939px;
padding-top: 5px;
}

#logo {
float:left;
margin-top: 40px;
margin-left:50px;

}

#img_whale {
	float:right;
	margin-right:5px;
	margin-top: 35px;
}

/*Main context*/
#main {
background:#4E84C4 ;
float:right;
width:767px;
margin-bottom:40px
}

#context {
line-height:1.5;
padding:20px;
text-align:justify;
color:#FFF;
}

#context ul {
list-style-type: square;
padding:15px 0 15px 35px;
}

.style1 {
	font-weight: bold;
	background-repeat: no-repeat;
}


.style1 a:link, .style1 a:visited {
 text-decoration: none;
 color: #D7B790;
		}
		.style1 a:hover {
 text-decoration: underline;
 color: #D7B790;
		} 

#title {
color:#FFF;
font-weight:800;
margin-bottom:5px;
text-align:left;
}

/*Main menu*/
#sidebar {
background:#3468A8  ;
float:left;
width:172px;
height:324px;
}

#list-menu {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
list-style-type:none;
text-align:right;
}

#list-menu li {
background:url(../images/menu-line.jpg) bottom no-repeat;
padding-bottom:17px;
padding-right:7px;
padding-top:17px;
}

#plm {
padding-bottom:18px;
padding-top:18px;
text-align:center;
}

#plm a:link {
color: #fff;
font-size:13px;
}

#plm a:hover {
color: #D7B790;
}

#tablepics {
	width: 80%;
	margin-left:30px;
}
.imgtable {
	padding: 3px;
}
.textimg {
	padding-left: 5px;
	font-weight:bold;
}
#blanket {
	background-color:#111;
	opacity: 0.65;
	position:absolute;
	z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
	top:0px;
	left:0px;
	width:100%;
}
/*Mediterranean poppu*/
#popupdiv_m {
	position:absolute;
	background-color:#E4D9C3;
	border: 1px solid #333;
	width:325px;
	height:380px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
	padding: 10px;
	color: #222;
	text-align: justify;
}
#popupdiv_m a {
	color: #222;
	font-weight: bold;
	border: 1px solid #222;
}
/*Pacific popup*/
#popupdiv_p {
	position:absolute;
	background-color:#E4D9C3;
	border: 1px solid #333;
	width:325px;
	height:425px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
	padding: 10px;
	color: #222;
	text-align: justify;
}
#popupdiv_p a {
	color: #222;
	font-weight: bold;
	border: 1px solid #222;
}
/*Tropical popup*/
#popupdiv_t {
	position:absolute;
	background-color:#E4D9C3;
	border: 1px solid #333;
	width:325px;
	height:475px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
	padding: 10px;
	color: #222;
	text-align: justify;
}
#popupdiv_t a {
	color: #222;
	font-weight: bold;
	border: 1px solid #222;
}
/*Scandinavian popup*/
#popupdiv_s {
	position:absolute;
	background-color:#E4D9C3;
	border: 1px solid #333;
	width:325px;
	height:445px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
	padding: 10px;
	color: #222;
	text-align: justify;
}
#popupdiv_s a {
	color: #222;
	font-weight: bold;
	border: 1px solid #222;
}
.popimg {
	text-align:center;
	margin-bottom: 5px;
}
pre {
	font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
td {
	padding: 3px;
}
#list-menu span {
	visibility:hidden;
}

/* mediterranean */
ul#gallery, ul#gallery li {
	margin:0;
	padding:0;
	list-style:none;
}
ul#gallery {
	width:600px;
	height:378px;
	position:relative;
	background:#e1e1e1 url(../images/gallery/pre.png) no-repeat 50% 40%;
}
ul#gallery li {
	float:left;
	display:inline;
	margin-top:318px;
}
ul#gallery a span {
	display:none;
}
ul#gallery a:hover {
	background:none;
	z-index:100;
}
ul#gallery a:hover span {
	position:absolute;
	width:600px;
	height:314px;
	float:left;
	top:0;
	left:0;
	display:block;
}
#cont td {
	padding: 10px;
}


#galnav {
font-size: 90%;
}
#galnav ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 1em;
}
#galnav li {
display: inline;
}
#galnav a:link, #galnav a:visited {
padding: 0.4em 1em 0.4em 1em;
color: #FFFFFF;
background-color: #AA8A57;
text-decoration: none;
border: 1px solid #AA8A57;
}
#galnav a:hover {
color: #333;
background-color: #E1D5BD;
}


/*Booking bottom*/

form {
background: #999;
padding:10px;
text-align:left;
margin-top: -2px;
}

#booking-form {
width:152px;
}


input {
font:bold .95em verdana, sans-serif;
}

.input {
background:#eef;
border:1px solid #666;
}

.button2 {
background:#eef;
border:1px solid #666;
cursor:pointer;
}


label {
display:block;
text-align:left;
width:95px;
}

/*Footer*/
#footer {
background:#4E84C4 ;
clear:both;
color: #D7B790;
font-size: 10px;
}

#logos {
height:76px;
margin-top:8px;
margin-bottom:15px;
width:100%;
}

#logo-astudo {
float:left;
height:76px;
width:170px;
margin-left:17px;
}
#logo-BHMA {
float:left;
height:76px;
width:150px;
margin-left:17px;
}

/*Menu footer*/
#links-footer-top {
margin-top: 10px;	
margin-bottom:10px;
text-align:center;
}

#links-footer-bottom {
margin-left:40px;
margin-top:10px;
padding-bottom:15px;
text-align:center
}

.horiz-footer-top li {
display:inline;
list-style-type:none;
margin:0 0 5px 45px;
}

.horiz-footer-top li a {
color: #D7B790;
}

hr {
background-color:#D7B790;
color:#D7B790;
border:none;
height:1px;
width:90%;
}

.horiz-footer-bottom li {
display:inline;
list-style-type:none;
margin:5px 40px 10px 10px;
}

.horiz-footer-bottom li a {
color: #D7B790;
}

.policy {
padding-left:160px;
}

#contact {
font-size: 11px;	
color: #fff;
margin-top: -2px;
line-height:20px;
background:#90b2ce;
padding: 10px;
width: 152px;
/*margin-bottom: 10px;*/
}

#contact p {
	display:inline;
}

#number { margin-left:1px; }
#number2 { margin-left:1px; }
#number3 { margin-left:1px; }
#number4 { margin-left:5px; }


.headings {
color:#FFF;
font-size:11px;
font-weight:700;
padding-bottom: 5px;
}

.datatable {
 border: 1px solid #D6DDE6;
 border-collapse: collapse;
 width: 60%; 
 margin-left:140px; 
} 
.datatable col.odd {
 background-color: #80C9FF;
 color: #000000; 
} 
.datatable col.even {
 background-color: #09F;  
 color: #000000; 
} 
.datatable td {
 border:1px solid #ffffff;
 padding: 0.3em;
 text-align:center;
} 
.datatable th {
 border:1px solid #ffffff;
 background-color: #00487D;
 color: #FFFFFF;
 font-weight: bold;
 text-align: center;
 padding: 0.3em; 
} 

.nbg {
	background:#503F2D;
}

ol {list-style-type: decimal;
	margin-left:40px;}
	
	
.map a:link {
color:#FFF;	
}

pre {
	font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
	
}

.manap {
	
	border: 1px dotted #fff;
	padding: 5px;
}


#undeal {
	font-style:italic;
	color:#CCC;
}

h5 {
	font-size:260%;
	color:#ccc;
	font-weight:bold;
	letter-spacing:-.05em;
	position:relative;
	margin:.6em 0;
	padding-top:20px; 
}

/*Booking bottom*/
#booking-form {
width:152px;
}

#aspnetForm {
width:152px;
background:#CCC;
}
/**
 * Style sheet for CalendarPickerControl
 * System-colors theme
 */

div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	background: transparent url("images/calendar_icon.png") no-repeat center;
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	border: 1px solid black;
	background-color: buttonface;
	text-align: center;
}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 13px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: activecaption;
}

#CalendarPickerControl td.monthnameLNX{
	width: 100%;
	font: normal 13px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton{
	font: normal 11px Verdana;
	color: buttontext;
	font-weight: bold;
	background-color: buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	cursor: pointer;
}

#CalendarPickerControl td.navbutton:hover{
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight  threeddarkshadow;
	background-color: buttonshadow;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: activecaption;
}

#CalendarPickerControl td.daynameLNX{
	font: normal 11px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: red;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.today:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	font-weight: bold;
	background-color: highlight;
	color: highlighttext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: buttontext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.day:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	color: buttontext;
	text-decoration: none;
	background-color: threedshadow;
	font-style: italic;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
}

#CalendarPickerControl td.weekend:hover{
	background-color: buttonshadow;
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: buttonhighlight;
	color: inactivecaptiontext;
	border: 1px solid buttonhighlight;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: buttonface;
	color: inactivecaptiontext;
	border-width: 0px;
}

/* start booking css */

.uibutton{
 border: none;height: 27px;color: #FFFFFF; text-decoration: none; cursor:pointer;
}

.book_btn{width: 83px; background: url(../images/btn_booknow.png) no-repeat 0 0;}
.book_btn:hover{width: 83px; background: url(../images/btn_booknow.png) no-repeat 0 0; background-position: 0 -27px; }

.textbox {
background: url(../images/textbox.png) no-repeat 0 0px;
width: 127px;
height: 19px;
padding-bottom:5px;
}

.textInput, input.textInput:hover, input.textInput:active, input.textInput:focus 
{
	font-size: 12px; 
	padding-top: 6px;
	padding-left: 12px;
	width: 90%;
	height: 19px;
	line-height: 10px;
	background: none transparent scroll repeat 0% 0%; color:#000;
	border-top-style: none; 
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
    outline:none
}

/* end booking css */