/* CSS Document */
body {
background-color: #003E60;
margin: 0;
padding: 0;
height: 100%;
}
#topbar {
position: absolute;
left: 0;
top: 0;
margin:0;
padding: 0;
height: 125px;
width: 100%;
background: url(img/headbg.gif) repeat-x;
}
#wrap {
position: relative;
top: 0;
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
width: 801px;
}
#logo {
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: 0;
height: 124px;
width: 673px;
background: url(img/logo.gif) top right no-repeat;
}
#container {
	position: absolute;
	top: 7px;
	right: -62px;
	margin: 0;
	padding: 0;
	width: 801px;
	background: url(img/mainbg.gif) top right repeat-y;
	overflow: hidden;
}
#nav {
position: absolute;
top: 94px;
left: 0;
margin: 0;
padding: 0;
width: 297px;
height: 328px;
background: url(img/menubg1.png) no-repeat;
}
.menu {
z-index:1000;
font-size:10px;
font-family:arial, sans-serif;
float:right;
padding-right:23px;
margin-top:59px;
line-height:19px;
}
.menu ul {
list-style-type:none;
width:145px;
margin:0;
padding:0;
}
.menu ul li {
position:relative;
}
.menu table {
position:absolute;
border-collapse:collapse;
top:0;
left:0;
z-index:100;
font-size:1em;
}
.menu a,.menu a:visited {
display:block;
text-decoration:none;
outline:none;
height:19px;
line-height:19px;
width:145px;
color:#B18C63;
text-indent:3px;
}
.menu a:hover {
color: #fffeff;
background:url(img/green2.jpg) no-repeat top left;
}
.menu :hover > a {
color:#fffeff;
background:url(img/green2.jpg) no-repeat top left;
}
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-113px;
width:107px;
}
.menu ul ul a,.menu ul ul a:visited {
font-size:10px;
font-family:arial, sans-serif;
text-align:right;
padding-right:6px;
width:107px;
}
.menu ul :hover ul {
visibility:visible;
}
#main {
float:right;
background:none;
width:450px;
height: 100%;
margin-top: 140px;
padding:10px 23px 0 0;
}
#main h1 {
position:relative;
top:0;
text-indent:-2000px;
left:0;
height:35px;
margin:0;
margin-bottom: 10px;
margin-top: 15px;
margin-left: -2px;
}
#main h2, #main h3 {
margin-top: 20px;
margin-bottom: 15px;
text-align: left;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
#main h3 {
font-size: 12px;
}
#main p {
clear: left;
white-space: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin:0;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
}
#main p a:hover {
color: #144C6E;
border-bottom: 1px dotted #690;
}
#main p.disclaimer {
font-size: 10px;
color: #666;
}
#main ul {
float: left;
clear: left;
margin: 0;
padding: 0;
list-style: none;
}
#main ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
line-height:1.7em;
color: #144C6E;
margin:0;
padding: 0;
padding-left: 15px;
margin-left: 15px;
background-image: url(img/bullet1.gif);
background-repeat: no-repeat;
background-position: left;
width: 400px;
}
#main ul.two li {
padding-left: 15px;
margin-left: 35px;
background-image: url(img/bullet1.gif);
background-repeat: no-repeat;
background-position: left;
}
a.go {
color: #006666;
text-decoration: none;
border-bottom: dotted #006666 1px;
}
#slidersystem {
width: 450px;
float: right;
clear: both;
padding: 0;
margin: 0;
margin-top: 20px;
}
#trigger {
display: block;
background-color: #003366;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 19px;
font-weight: 400;
height: 19px;
width: 444px;
padding: 0;
padding-left: 4px;
margin: 0;
}
#trigger:hover {
cursor: pointer;
}
#slider_content {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
border-top: 0;
width: 440px;
color: #000;
padding: 3px;
margin: 0;
margin-bottom: 5px; 
margin-top: 2px;
}
.tool-tip {
	color: #fff;
	width: 156px;
	height: 95px;
	z-index: 13000;	
}
#slider_content a {
color:#639100;
border-bottom: 1px dotted #000;
text-decoration: none;
font-weight: 400;
font-size: 11px;
}
#slider_content a:hover {
color: #144C6E;
border-bottom: 1px dotted #690;
}
table, th, tr, td, .tableinfo {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
white-space: nowrap;
}
.rates {
border:1px dotted #999;
color:#333;
margin: 0;
margin-bottom:5px;
background-color:#fff;
float: left;
clear:left;
width: 440px;
}
.rates td, .rates th {
padding: 2px 4px 2px 4px;
}
.rates tr {
text-align:left;
}
.rates tr td {
height:20px;
background:#fff;
border:1px dotted #ccc;
color:#000;
}
.rates th {
background:#F7FBD9;
border:1px dotted #ccc;
font-weight:400;
color:#333;
}
table caption {
text-align:left;
background-color: #0E4764;
color:#fff;
font-weight:400;
height:22px;
line-height:22px;
border:1px dotted #CCC;
margin:0;
padding:0;
padding-left: 4px;
}
.rates a, #main p a {
color:#639100;
border-bottom: 1px dotted #000;
text-decoration: none;
font-weight: 400;
font-size: 11px;
}
.rates a:hover, #main p a:hover {
color: #144C6E;
border-bottom: 1px dotted #690;
}

#button {
float:left;
width:280px;
border:0;
margin:0;
padding:0;
margin-top: 420px;
}
#button ul {
float:left;
width:276px;
height:298px;
margin:0;
padding:0;
}
#button ul li {
float:right;
width:258px;
height:30px;
border:0;
display:inline;
overflow:hidden;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
text-align:center;
margin:0;
padding:2px 0 0;
}
#button ul li.rez a {
display:block;
width:258px;
height:40px;
background:url(img/rezgreenbg.jpg) top left no-repeat;
overflow:hidden;
padding:40px 0 0;
}
#button ul li.link a {
float:right;
display:block;
width:134px;
height:21px;
color:#fffeff;
background:url(img/green.jpg) top right no-repeat;
text-decoration:none;
margin-top:-2px;
padding-top:2px;
}
#button li.rez a:hover {
background-position:0 -40px;
}
#button li.link a:hover {
background:url(img/green2.jpg) top right no-repeat;
}
#rezhere{
float: left;
clear: left;
margin-top: -195px;
margin-left: 40px;
height:100px;
width: 141px;
background:url(img/rezhere.png) no-repeat top left;
visibility: hidden;
z-index: 998;
}
#main .rezlinks {
margin: 0;
margin-top: 10px;
margin-bottom: 20px;
display: list-item;
list-style: none;
}
#main .rezlinks li {
list-style: none;
background: none;
padding: 0;
margin: 0;
margin-top: 5px;
}
.rezlinks a {
background: url(img/boxinfobg2.jpg) no-repeat;
background-position: 0 0;
height: 62px;
width: 430px;
overflow: hidden;
display: block;
text-decoration: none;
color: #fff;
outline: none;
padding-top:3px;
}
.rezlinks a:hover {
background-position: 0 -64px;
cursor: pointer;
color: #fff;
}
.rezlinks b {
float: left;
clear: left;
padding: 0;
margin: 0;
margin: 3px 0 0 22px;
width: 430px;
color: #fff;
} 
.rezlinks span {
float: left;
clear: left;
color: #fff;
width: 390px;
padding: 7px 0 0 22px;
margin: 0;
line-height: 14px;
}
.rezlinks a:hover b, .rezlinks a:hover span {
color: #fff;
}
span.email {
background: url(img/email.gif) top left no-repeat;
width: 189px;
height: 30px;
display: inline;
padding-right: 180px;
padding-bottom: 4px;
} 
#footer {
float:right;
margin:0;
padding: 0;
width:673px;
height:49px;
background:url(img/footerbg.gif) no-repeat right bottom;
}
#extra {
float:right;
clear: right;
background-color: #003E60;
padding: 0;
margin: 0;
padding-top:10px;
width:801px;
}
#extracontent {
float: left;
clear: left;
margin-left: 325px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
line-height:1.4em;
height:35px;
color:#271E17;
}
#extra a {
padding: 2px;
padding-right:5px;
padding-left:5px;
color:#fefefe;
text-decoration:none;
}
#extra a:hover,#extra a:active {
background:url(img/green2.jpg) top left no-repeat;
}
#nospam {
background: url(img/nospam.gif) bottom right no-repeat;
width: 200px;
height: 100px;
position: absolute;
bottom: 115px;
left: 90px;
}
#nospam2 {
background: url(img/nospam.gif) bottom left no-repeat;
width: 200px;
height: 100px;
}
.tabholder, .tabholdertop {
float: left;
position: relative;
padding: 0;
margin: 0;
width: 450px;
height: 300px;
margin-top: 5px;
margin-left: 24px;
overflow: hidden;
}
.tabholdertop {
margin-left: 0;
height: 100px;
}
.menul {
position: absolute;
top: 0;
left: 0;
width:220px;
margin: 16px 0 16px 0;
padding: 0;
background: none;
overflow: hidden;
}
.menul .sub {
float:left;
clear: left;
height: 74px;
width: 218px;
margin:0;
padding:0;
padding-bottom: 5px;
}
.menul .sub a {
height: 74px;
float:left;
width:218px;
text-indent: -2500px;
padding:0;
overflow:hidden;
}
.menul .sub a.compare {background: url(img/compareratessmall.png) top left no-repeat; background-position:0 0;}
.menul .sub a.sister {background: url(img/sisterresortssmall.png) top left no-repeat; background-position:0 0;}
.menul .sub a.free {background: url(img/freenightssmall.png) top left no-repeat; background-position:0 0;}
.menul .sub a.inquire {background: url(img/inquirysmall.png) top left no-repeat; background-position:0 0;}
.menul .sub a.bonus {background: url(img/bonussmall.png) top left no-repeat; background-position:0 0;}

.menul .sub a:hover {background-position:0 -81px; }


.menur {
position: absolute;
top: 0;
right: 0;
width:220px;
margin: 16px 0 16px 0;
padding: 0;
background: none;
overflow: hidden;
}
.menur .subr {
float:right;
clear: right;
height: 74px;
width: 218px;
margin:0;
padding:0;
padding-bottom: 5px;
}
.menur .subr a {
height: 74px;
float:left;
width:218px;
text-indent: -2500px;
padding:0;
overflow:hidden;
}
.menur .subr a.why {background: url(img/whysmall.png) top left no-repeat; background-position:0 0;}
.menur .subr a.promo {background: url(img/promosmall.png) top left no-repeat; background-position:0 0;}
.menur .subr a.bonus {background: url(img/bonussmall.png) top left no-repeat; background-position:0 0;}
.menur .subr a.secure {background: url(img/secureformsmall.png) top left no-repeat; background-position:0 0;}

.menur .subr a:hover {background-position:0 -81px; }
.gone {text-indent: -2500px; overflow: hidden;}

#main p a.no, #main p a.no img, #main p a.no:hover, #main p a.no:active, #main p a.no:focus {text-decoration: none; outline: none; border: none; color: #fff; margin-top: 10px; width: 449px; height: 80px; z-index: 10001;}
li a.book { background: url(img/bookbg.jpg) no-repeat; display: block; text-decoration: none; height: 50px;  }
li a.book2 { background: url(img/book2bg.jpg) no-repeat; display: block; text-decoration: none; height: 50px;  }
li a.book3 { background: url(img/book3bg.jpg) no-repeat; display: block; text-decoration: none; height: 50px;  }
li a.book:hover, li a.book2:hover, li a.book3:hover {color: #fff; background-position: 0 -84px;}