/* CSS Document */
body {
background-color: #003E60;
margin: 0;
padding: 0;
}
#wrap {
	top:0;
padding-bottom: -10px;
float: none;
clear: inherit;
}
h1 {
height:45px;
margin-top: 15px;
}
h1 {
background: url(img/grandcaymancondotitle.gif) no-repeat;
}
h1.sister {
background: url(img/sisterresortstitle.gif) no-repeat;
margin-top: 25px;
}
#gallery {
margin-bottom: 10px;
}
#gallery p {
float: left;
clear: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin:0;
padding: 0;
margin-top: 5px;
margin-bottom: 10px;
}
#gallery ul {
float: left;
clear: left;
margin: 0;
padding: 0;
list-style: none;
}
#gallery 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;
}
#holdit {
position: relative;
float: left;
clear: both;
right: 0;
width: 801px;
padding:0;
margin: 0;
}
#outer {
position: relative; /* important */ 
float: left;
clear: left; 
left: 0;
width: 772px;
border: 1px solid #444;	
margin: 0 0 30px 0;
padding: 0;
background-color: #fff;
}

.special a, .special a:visited {
color:#639100;
border-bottom: 1px dotted #000;
text-decoration: none;
font-weight: 600;
font-size: 11px;
}
.special a:hover {
color: #144C6E;
border-bottom: 1px dotted #690;
}

#main {
width:475px;
margin-top: 45px;
padding:10px 23px 0 0;
}
.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: 128px;
margin-top: 20px;
margin-bottom: 0;
width: 670px;
height: 100px;
overflow: hidden;
}
.menul {
position: absolute;
top: 0;
left: 0;
width:220px;
margin: 16px 0 16px 0;
padding: 0;
background: none;
overflow: hidden;
}
.sub {
float:left;
height: 74px;
width: 218px;
margin:0;
padding:0;
padding-bottom: 5px;
margin-left: 5px;
overflow: hidden;
}
.sub a  {
height: 74px;
float:left;
width:218px;
padding:0;
text-indent: -2500px;
overflow:hidden;
}
.sub a.compare {background: url(img/whysmall.png) top left no-repeat; background-position:0 0;}
.sub a.sister {background: url(img/sisterresortssmall.png) top left no-repeat; background-position:0 0;}
.sub a.free {background: url(img/freenightssmall.png) top left no-repeat; background-position:0 0;}
.sub a.inquire {background: url(img/inquirysmall.png) top left no-repeat; background-position:0 0;}
.sub a.secure {background: url(img/secureformsmall.png) top left no-repeat; background-position: 0 0;}
.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;
}
.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;

}
.menur .subr a.free {background: url(img/whysmall.png) top left no-repeat; background-position:0 0;}
.menur .subr a.why {background: url(img/whysmall.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; }



#extra {background-color: #003E60; width: 475px;}
#clear {clear: both; background-color: #003E60; width: 100%; height: 1px;}

.twrap {border: 10px solid #e8e7ba; width: 752px; padding: 0; margin-bottom: 1px; margin-top: 0; float: left; clear: left;}
.inside {border: 1px solid #333; width: 740px; padding: 5px; margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #fff;
	position: relative;
	display: block; 
	clear: both;
	
}
.condo {width: 740px; height: 100%;}
.condo img.large {width: 260px; height: 146px; float: left;}
.condotitle {width: 430px; float: right; margin: 2px 0 5px 4px ;}
.condotitle span {float: right;}
.condotitle img {width: 32px; height: 32px; }
.unit {width: 430px; height: 25px; margin: 1px 0 1px 0; background-color: #444; color: #fff; line-height: 25px; float: right; position: relative; padding-left: 4px;}
.unit span {position: absolute; right: 4px; top: 0;}

.gone {text-indent: -2500px;}
.notes {width: 358px; background-color: #2d6384; height: 45px; line-height: 20px; color: #fff; float: right; margin: 5px 5px 0 0; padding:5px 2px 0 4px;}
.clear {clear: both; height: 0; margin: 0; padding: 0; }
.condotitle a {font-size: 13px; font-weight: bold; color: #000; text-decoration: underline; outline: none; border: none;}
.condotitle a:hover {color: #669933;}
a.moreinfo {width: 65px; float: right; clear: right; margin: 5px 0 0 0; height: 30px; padding: 10px 0 10px 0; background-color:#60842d; color: #fff; display: block; text-align: center; line-height: 15px; text-decoration: none; outline: none; border: none;}
a.moreinfo:hover {background-color:#669933;}
em {font-size: 11px; color: #2d6384;}
em a.mb {font-size: 11px; color: #60842d;}
em a.mb:hover {color:#669933; }
#holdit h2 {color: #2d6384; margin: 40px 0 20px 330px; font-family: Arial, Helvetica, sans-serif;}
#key {width: 0; height: 5px; margin-left: -4500px; overflow: hidden; display: none;}
#key p {line-height: 10px; margin-top:0; margin-bottom: 0; overflow: hidden;}