@import url("/stylesheets/reset.css");
@import url("/stylesheets/thickbox.css");

/* main tags */

body { background-image: url(/images/bg.jpg); background-repeat: no-repeat; background-position: top center; font-family: Geneva, Arial, Helvetica, sans-serif; color: #9a6530; }
p { line-height: 20px; color: #9a6530; font-family: Geneva, Arial, Helvetica, sans-serif;}
a { line-height: 20px; color: #5986b0; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 1.8em; font-family:	Geneva, Arial, Helvetica, sans-serif; color: #754c24; }
h2 { font-family:	Geneva, Arial, Helvetica, sans-serif; color: #754c24; display: block; clear: both; }
h3 { font-family:	Geneva, Arial, Helvetica, sans-serif; color: #754c24; display: block; clear: both; font-size: 1.2em }
h4 { font-family:	Geneva, Arial, Helvetica, sans-serif; color: #754c24; display: block; clear: both; }


.left { float:left; }
.right{ float:right; }
.inner-right { float: right; margin-left: 15px; margin-bottom: 15px;  }
.inner-left { float: left; margin-right: 15px; margin-bottom: 15px;  }
.clear { display:block; clear:both; }
.google { font-size: .8em; }
.cal {float: left; margin-top: 2px; margin-left: 10px; } 
.banner { position: absolute; } 
.tag-blue { color: #ebf6f7; }
.star { margin-bottom: 10px; display: block; float: left;  }

/*.detail-bg a { float: right; margin-left: 15px; margin-bottom: 15px; border: 1px solid #ebf6f7; display: block; }
.detail-bg a:hover { border: 1px solid #5986b0; }*/

 
 a.thickbox { float: right; margin-left: 15px; margin-bottom: 15px; border: 1px solid #ebf6f7; display: block; clear: right; }
 a.small { clear: none; float: left; margin-left: 0px; margin-right: 5px; }
 a.thickbox:hover { border: 1px solid #5986b0; }
 a.thickbox img { }
 
 /* .accommodation { border: 3px solid #ebf6f7; margin-bottom: 20px; float: right; margin-right: 5px; } */
 /* containers */

	#container { width: 949px; background-image: url(/images/body-slice.jpg); background-repeat: repeat-y; margin: 0 auto 0 auto; }
	
	#header { width: 100%; height: 255px; clear: both; background-image: url(/images/banner-1.jpg); background-position: top right;  }
    
	#acom #header { background-image: url(/images/banner-9.jpg); }
	#mari #header { background-image: url(/images/banner-4.jpg); }
	#bars #header { background-image: url(/images/banner-3.jpg); }
	#acti #header { background-image: url(/images/banner-4.jpg); }
	#test #header { background-image: url(/images/banner-5.jpg); }
	#cont #header { background-image: url(/images/banner-6.jpg); }
	#dinf #header { background-image: url(/images/banner-7.jpg); }
	#gsev #header { background-image: url(/images/banner-8.jpg); }
	#mspa #header { background-image: url(/images/banner-10.jpg); }
	
	
	#header-armstrong { width: 100%; height: 255px; clear: both; background-image: url(/images/banner-2.jpg); background-position: top right;  }
	
	#main {}
	#mainLeft { width: 287px; float: left; }
	
	#test hr { color: #9a6530; margin-bottom: 10px; margin-top: 10px; }
	
	#booking_information { background:url(../images/booking-background.gif) repeat-y; width: 287px; float: left; }
	#booking_information table tr td { text-align: left; color: #fff; vertical-align: top; }
	#booking_information h4 {color:#fff; padding-bottom:10px; font-weight: normal;}
	.address { width: 287px; float: left; text-align:  center; padding-top: 20px; padding-bottom: 20px; }
	.address p { line-height: 15px; letter-spacing: 1px; font-size: .8em; }
	.address a {}
	
	.a-log { width: 287px; float: left; text-align:  center; }
	.a-log p { line-height: 15px; letter-spacing: 1px; font-size: .8em; }
	/*.avail { position: absolute; top: 23px; right: 175px; }*/
	.avail { float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 20px;}
	
	

	.book { border: 0px solid red; width: 140px; margin: 25px auto 25px auto;}
	.book label { font-family: Geneva, Arial, Helvetica, sans-serif; color: 5986b0; font-size: .7em; font-weight: 600; display: block; padding-bottom: 5px; padding-top: 5px; }
	.book select { width: 45px; margin-bottom: 5px; margin-right: 3px; } 
	.book input { float: left; }
	
	.a-log input { width: 140px; height: 23px; background: url(/images/butt-2.jpg); margin-bottom: 3px; border: 0px; margin: 0px; padding: 0px; cursor: pointer; }
	.avail input { width: 150px; height: 30px; background: url(/images/butt-3.jpg); margin-bottom: 3px; border: 0px; margin: 0px; padding: 0px; cursor: pointer; }
	.check { width: 140px; height: 23px; background: url(/images/butt-1.jpg); border: 0px; margin: 0px; padding: 0px; cursor: pointer; }
	
	#mainRight { width: 662px; float: right; }
	#mainRight p { font-size: 0.8em; margin-bottom: 10px;  }
	
	#mainRight h1 {font-size: 1.8em; margin-bottom: 15px; clear: both; display: block; }
	#mainRight h2 { margin-bottom: 10px; clear: both; display: block; }
	#mainRight h3 { margin-bottom: 15px; border-bottom: 1px solid; clear: both; display: block; }
	#mainRight h4 { clear: both; display: block; font-size: 0.8em; padding-bottom: 1px; font-weight: normal; color: #5986b0;  }
	

	#content { padding: 25px; clear: both; position: relative; }
	
		#content-left { width: 285px; float: left; }
		#content-right { width: 315px; float: right; }

		#footer { width: 949p; height: 300px; clear: both; }
	
		.inner-footer { width: 662px; float: right; text-align: center; }
		
		.inner-footer p { color: #5986b0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em;  }
		.inner-footer a { color: #5986b0; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
		
		.inner-footer a:hover { text-decoration: underline; color: #3e6e9f }
		
		#floorplan { width: 100%; float: left; }
		#floorplan img {  border: 0px solid #5986B0; float: left; }
		
	
	ul#catalogue { width: 100%; float: left; }
    #catalogue li { width: 193px; height: 150px; float: left; margin-bottom: 10px; margin-right: 10px;  }
    #catalogue li a { font-size: 1em; display: block; height: 117px; width: 173px; float: left; cursor: pointer; margin-right: 10px; border: 1px solid #5986b0; background-color: #dbeff0; padding: 4px 0 0 4px; }
    #catalogue li p {}
    #catalogue li h3 { margin-bottom: 0px; }
	#catalogue li img { border: 1px solid white; }


	ul#catalogue-detail { width: 100%; float: left; }
	  #catalogue-detail li { width: 100%; float: left; margin-bottom: 10px; }
		#catalogue-detail li ul { float: left; padding-left: 50px; margin-bottom: 10px;  }
		#catalogue-detail li ul li { font-size: 0.8em; line-height: 20px; list-style: disc; margin-bottom: 0px; }
		
	  #amenities-wrapper { float: left; width: 470px; }
	ul#amenities { width: 470px; float: left; border: 0px solid #9a6530;  margin-bottom: 10px; }
		#amenities li { float: left; width: 135px; background-image: url(/images/tick.jpg); background-repeat: no-repeat; background-position: 0 0; font-size: 0.7em; padding-left: 18px; padding-bottom: 8px; padding-top: 2px; }

ul.inner-list { margin-left: 50px; margin-bottom: 15px; }
ul.inner-list li { font-size: 0.8em; line-height: 20px; list-style: disc; }
ol.inner-list { margin-left: 50px; margin-bottom: 15px; }
ol.inner-list li { font-size: 0.8em; line-height: 20px; list-style: decimal; }
	
	table.marina { width: 100%; text-align: left; margin-bottom: 10px; border-bottom: 1px solid; }
	table.marina tr td { font-size: 0.8em; vertical-align: top; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; text-align: left; font-family: Arial, Helvetica, sans-serif; }
	table.marina tr.top td { font-weight: bold; border-bottom: 1px solid; }
	table.marina tr.top td.cell-1 { width: 120px; }

	
/* navigation */

ul.head-nav { width: 612px; margin-bottom: 20px; display: block; float: left; clear: both; }
ul.head-nav li { float: left }
ul.head-nav li a { font-size: 0.8em; text-decoration: underline; padding-right: 10px; }
ul.head-nav li a:hover { color:#000066}
  
   li.hn01 { height: 23px; width: 91px; display: block; float: left;  }
   li.hn02 { height: 23px; width: 96px; display: block; float: left; }
   li.hn03 { height: 23px; width: 90px;  display: block; float: left; }
   li.hn04 { height: 23px; width: 335px; display: block; float: left; }
   li.hn05 { height: 23px; width: 127px; display: block; float: left;  }
   li.hn06 { height: 23px; width: 103px; display: block; float: left; }
   li.hn07 { height: 23px; width: 150px;  display: block; float: left; }
   li.hn08 { height: 23px; width: 232px; display: block; float: left; }
  
li.hn01 a { height: 23px; width: 91px; display: block; background-image: url(/images/head-nav_01.gif); }
li.hn02 a { height: 23px; width: 96px; display: block; background-image: url(/images/head-nav_02.gif); }
li.hn03 a { height: 23px; width: 90px; display: block; background-image: url(/images/head-nav_03.gif); }
li.hn04 a { height: 23px; width: 335px; display: block; background-image: url(/images/head-nav_04.gif); background-repeat: no-repeat; }
li.hn05 a { height: 23px; width: 127px; display: block; background-image: url(/images/head-nav_05.gif); }
li.hn06 a { height: 23px; width: 103px; display: block; background-image: url(/images/head-nav_06.gif); }
li.hn07 a { height: 23px; width: 150px; display: block; background-image: url(/images/head-nav_07.gif); }
li.hn08 a { height: 23px; width: 232px; display: block; background-image: url(/images/head-nav_08.gif); }

li.hn01 a:hover { background-position: 0 -23px; }	
li.hn02 a:hover { background-position: 0 -23px; }	
li.hn03 a:hover { background-position: 0 -23px; }	
li.hn04 a:hover { background-position: 0 -23px; }	
li.hn05 a:hover { background-position: 0 -23px; }	
li.hn06 a:hover { background-position: 0 -23px; }	
li.hn07 a:hover { background-position: 0 -23px; }	
li.hn08 a:hover { background-position: 0 -23px; }	

ul#nav{ width: 287px; float: left; }

ul#nav li ul { width: 287px; padding: 5px 0 5px 0; background-image: url(/images/accord.jpg); background-repeat: repeat-y; }
ul#nav li ul li { width: 287px; text-align: center; }
ul#nav li ul li a { width: 287px; font-size: 0.7em; line-height: 1.4em; display: block; color: #754c24; }
ul#nav li ul li a:hover { text-decoration: underline; }



#nav li a.nav_home { width: 287px; height: 36px; background-image: url(/images/nav1.jpg); display: block; text-indent: -9999px;  }
#nav li a.nav_acom { width: 287px; height: 26px; background-image: url(/images/nav2.jpg); display: block; text-indent: -9999px; }
#nav li a.nav_mari { width: 287px; height: 26px; background-image: url(/images/nav3.jpg); display: block; text-indent: -9999px;  }
#nav li a.nav_bars { width: 287px; height: 27px; background-image: url(/images/nav4.jpg); display: block; text-indent: -9999px;  }
#nav li a.nav_acti { width: 287px; height: 26px; background-image: url(/images/nav5.jpg); display: block; text-indent: -9999px;  }
#nav li a.nav_test { width: 287px; height: 25px; background-image: url(/images/nav6.jpg); display: block; text-indent: -9999px;  }
#nav li a.nav_cont { width: 287px; height: 26px; background-image: url(/images/nav7.jpg); display: block; text-indent: -9999px;  }
#nav li a.nav_dinf { width: 287px; height: 26px; background-image: url(/images/nav8.jpg); display: block; text-indent: -9999px;  }
#nav li a.nav_gsev { width: 287px; height: 25px; background-image: url(/images/nav9.jpg); display: block; text-indent: -9999px;  }

#nav li a.nav_home:hover { background-position: 0 -36px; }
#nav li a.nav_acom:hover { background-position: 0 -26px; }
#nav li a.nav_mari:hover { background-position: 0 -26px; }
#nav li a.nav_bars:hover { background-position: 0 -27px; }
#nav li a.nav_acti:hover { background-position: 0 -26px; }
#nav li a.nav_test:hover { background-position: 0 -25px; }
#nav li a.nav_cont:hover { background-position: 0 -26px; }
#nav li a.nav_dinf:hover { background-position: 0 -26px; }
#nav li a.nav_gsev:hover { background-position: 0 -25px; }

#home a.nav_home { background-position: 0 -36px; }
#acom a.nav_acom { background-position: 0 -26px; }
#mari a.nav_mari { background-position: 0 -26px; }
#bars a.nav_bars { background-position: 0 -27px; }
#acti a.nav_acti { background-position: 0 -26px; }
#test a.nav_test { background-position: 0 -25px; }
#cont a.nav_cont { background-position: 0 -26px; }
#dinf a.nav_dinf { background-position: 0 -26px; }
#gsev a.nav_gsev { background-position: 0 -25px; }

ul#inner-nav{ width: 662px; height: 105px; float:left; }

#inner-nav li.nav1 { width: 161px; height: 105px; float: left; margin: 0px; padding: 0px; }
#inner-nav li.nav2 { width: 165px; height: 105px; float: left; margin: 0px; padding: 0px; }
#inner-nav li.nav3 { width: 166px; height: 105px; float: left; margin: 0px; padding: 0px; }
#inner-nav li.nav4 { width: 170px; height: 105px; float: left; margin: 0px; padding: 0px; }

#inner-nav li.nav1 a { width: 161px; height: 105px; background-image: url(/images/in-1.jpg); display: block; }
#inner-nav li.nav2 a { width: 165px; height: 105px; background-image: url(/images/in-2.jpg); display: block; }
#inner-nav li.nav3 a { width: 166px; height: 105px; background-image: url(/images/in-3.jpg); display: block; }
#inner-nav li.nav4 a { width: 170px; height: 105px; background-image: url(/images/in-4.jpg); display: block; }

#inner-nav li.nav1 a:hover { filter:alpha(opacity=60); opacity:0.6; }
#inner-nav li.nav2 a:hover { filter:alpha(opacity=60); opacity:0.6; }
#inner-nav li.nav3 a:hover { filter:alpha(opacity=60); opacity:0.6; }
#inner-nav li.nav4 a:hover { filter:alpha(opacity=60); opacity:0.6; }


/* form */

.form { width: 285px; float: left; margin-bottom: 50px; margin-top: 10px;  }
.form li { margin-bottom: 5px; } 
.form label {
	display: inline-block;
	width: 80px;
	vertical-align: top;
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #754c24;
	padding-top: 5px;
	}
.form textarea { width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #754c24; font-size: 12px; }
.form input { font-family: Verdana, Arial, Helvetica, sans-serif; height: 25px; border: 1px solid #754c24; font-size: 12px;  }