@import "/lib/css/jquery.validationEngine.css";

/***********************************************/
/* Global Rules	                               */
/***********************************************/

* { margin: 0; padding: 0; outline: none; }

body {
    background: #3291c9 repeat-x url(../imgs/main_bg.jpg);
	color: #3d3d3d;
}

img { border: 0; }
ul {list-style-image:url(../imgs/list_arrow.gif); margin-left: 15px;}
li {margin-bottom: 5px;}
.nodisp { display: none; }

.alignleft { float:left;}
.alignright { float:right;}

.highlight { color: #3cb0e2;}
.alert { color: #e20000;}

p, li, table { font: normal 9px verdana, arial, geneva, sans-serif; color: #6e6e6e; }

table {border: 1px solid #dedede;}

td {border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding: 5px;
}

a:link, a:visited, a:active {
    text-decoration: underline;
	color: #3cb0e2;
}

a:hover {
    text-decoration: none;
}

.contain_clear { 
    position: relative;
    clear: both;
}

label	{
	font-size: 9px;
	color: #6e6e6e;
	font-family: verdana, arial, geneva, sans-serif;
	font-weight: bold;
	line-height: normal;
	
}

input, textarea, select	{
	font-family: verdana, arial, geneva, sans-serif;
	border: 1px solid #dedede; 
	font-weight: normal;
	font-size: 11px;
	margin-top: 3px;
	color: #3e595b;
	background: #fff url(../imgs/bg_formfield.gif) no-repeat;
}

.no_bg{
	font-family: verdana, arial, geneva, sans-serif;
	border: none;
	font-weight: normal;
	font-size: 11px;
	color: #3e595b;
	background: none;
}

.btn {
	cursor:pointer;
	border: 1px solid #dedede;
	color: #3e595b;
	font-family: verdana, arial, geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 2px;
	margin: 15px 0px 15px 0px; 
	background: transparent url(../imgs/btn_bg.gif) repeat-x left top;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {
    width: 100%;
}

#content {
    background: transparent repeat-y url(../imgs/content_bg.gif);
	width:781px;
    margin: auto;
	padding: 0;
    text-align: left;
    position: relative;
}

html>body #content {
    background: transparent repeat-y url(../imgs/content_bg.png);
	width:781px;
    margin: auto;
	padding: 0;
    text-align: left;
    position: relative;
}


/***********************************************/
/* hurricaneAlert  			                   */
/***********************************************/

#hurricaneAlert {
	padding: 10px;
	left: 210px;
	position: absolute;
}

#hurricaneAlert a:link, #hurricaneAlert a:visited, #hurricaneAlert a:active {
    font: normal 9px verdana, arial, geneva, sans-serif;
	text-decoration: underline;
    color: #e20000;
}

#hurricaneAlert a:hover {
    text-decoration: none;
}

#hurricaneAlert img {
    margin-right: 5px;
}


/***********************************************/
/* callNow	                                   */
/***********************************************/

#callNow {
	width: 308px;
	height: 33px;
	display:block;
	text-align:right;
	background: transparent url(../imgs/call_now.gif) no-repeat bottom right;
}


/***********************************************/
/* Header	                                   */
/***********************************************/

#header {
    width: 737px;
	height: 35px;
	position: relative;
	margin-left: 22px;
}

#header p {
	color: #878787;
	padding: 10px;
}

/***********************************************/
/* topNav		                               */
/***********************************************/

#topNav {
	height: 45px;
	position: relative;
	margin-left: 22px;
}

#topNav ul{ list-style:none; }

li#navItem-1	{ position: absolute; left: 0; }
li#navItem-2	{ position: absolute; left: 149px; }
li#navItem-3	{ position: absolute; left: 284px; }
li#navItem-4	{ position: absolute; left: 424px; }
li#navItem-5	{ position: absolute; left: 567px; }

#navItem-1 a, #navItem-2 a, #navItem-3 a, #navItem-4 a, #navItem-5 a { display:block; background: transparent url(../imgs/main_nav.gif) no-repeat;  height: 45px;}

#navItem-1 a { background-position: 0 0; width: 149px; }
#navItem-2 a { background-position: -149px 0; width: 137px; }
#navItem-3 a { background-position: -284px 0; width: 140px; }
#navItem-4 a { background-position: -424px 0; width: 143px; }
#navItem-5 a { background-position: -567px 0; width: 170px; }

#navItem-1 a:hover{ background-position: 0 -45px; width: 149px; }
#navItem-2 a:hover{ background-position: -149px -45px; width: 137px; }
#navItem-3 a:hover{ background-position: -284px -45px; width: 140px; }
#navItem-4 a:hover{ background-position: -424px -45px; width: 143px; }
#navItem-5 a:hover{ background-position: -567px -45px; width: 170px; }

/***********************************************/
/* flashcontent	                               */
/***********************************************/

#flashcontent {
	position: relative;
	margin-left: 22px;
}

/***********************************************/
/* bottomContent                               */
/***********************************************/

#bottomContent {
	height: 162px;
	background: transparent url(../imgs/lower_bg.gif) no-repeat;
	position: relative;
	margin-left: 22px;
}

#bottomContent ul{ list-style:none; }

#bottomContent p {
	padding: 0px 12px 0px 12px;
}

#bottomContent img.smlpic {
	margin: 0px 12px 0px 0px;
}

#bottomContent img.more {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: 115px;

}

li#bottomItem-1	{ width: 225px; position: absolute; left: 10px; top: 10px; }
li#bottomItem-2	{ width: 225px; position: absolute; left: 256px; top: 10px;}
li#bottomItem-3	{ width: 225px; position: absolute; left: 502px; top: 10px;}

#bottomItem-1 h2 {
	height: 36px;
	display:block;
	background: transparent url(../imgs/title_previewOffers.gif) no-repeat;
}

#bottomItem-2 h2 {
	height: 36px;
	display:block;
	background: transparent url(../imgs/title_atlantisInformation.gif) no-repeat;
}

#bottomItem-3 h2 {
	height: 36px;
	display:block;
	background: transparent url(../imgs/title_conciergeServices.gif) no-repeat;
}


/***********************************************/
/* pageHeader	                               */
/***********************************************/

#pageHeader {
	position: relative;
	margin-left: 22px;
}

/***********************************************/
/* twoColumn	                               */
/***********************************************/

#twoColumn {
	width: 737px;
	background: transparent url(../imgs/2col_bg.gif) no-repeat bottom right;
	position: relative;
	margin-left: 22px;
}

/***********************************************/
/* resortInfo	         		               */
/***********************************************/

#resortInfo {
	width: 460px;
	position: relative;
	padding: 22px 0px 0px 22px;

}

#resortInfo img.smlpic{
	padding: 0px 12px 12px 0px;
}

#resortInfo img.lngpic{
	padding: 12px 0px 12px 0px;
}

#resortInfo hr{
	height:0px;
	width: 459px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#resortInfo h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_resortInfo.gif) no-repeat;
}

#resortInfo h2.wonder{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_dazzlingWonder.gif) no-repeat;
}

#resortInfo h2.discover{
	margin: 35px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_discoverAtlantis.gif) no-repeat;
}


/***********************************************/
/* villaFeatures	    		               */
/***********************************************/

#villaFeatures {
	width: 460px;
	position: relative;
	padding: 22px 0px 0px 22px;

}

#villaFeatures img.smlpic{
	padding: 0px 12px 12px 0px;
}

#villaFeatures img.lngpic{
	padding: 12px 0px 12px 0px;
}

#villaFeatures hr{
	height:0px;
	width: 459px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#villaFeatures h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_villaFeatures.gif) no-repeat;
}

#villaFeatures h2.villa{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_grandVilla.gif) no-repeat;
}

#villaFeatures h2.seaside{
	margin: 35px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_seasideFantasy.gif) no-repeat;
}

#villaFeatures h3{
	font: normal 9px verdana, arial, geneva, sans-serif;
	color: #3cb0e2;
}

#villaFeatures ul li {list-style-image:url(../imgs/list_arrow.gif); margin-left: 15px;}

/***********************************************/
/* photoGallery	         		               */
/***********************************************/

#photoGallery {
	width: 737px;
	position: relative;
	padding: 22px 0px 0px 22px;
	margin-left: 22px;

}

#photoGallery ul{
	width: 693px;
	height: 126px;
	background: transparent url(../imgs/gallery_bg.gif) no-repeat;
	list-style: none;
	margin: 0px;
	padding: 14px 0px 0px 17px;
}

#photoGallery p {
	padding: 15px 0px 5px 0px;

}

#photoGallery li{
	display: inline;
	margin-right: 7px;
	padding: 0px;
}


#photoGallery hr{
	height:0px;
	width: 693px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#photoGallery h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_photoGallery.gif) no-repeat;
}

#photoGallery h2.exteriors{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_resortExteriors.gif) no-repeat;
}

#photoGallery h2.interiors{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_villaInteriors.gif) no-repeat;
}

#photoGallery h2.activities{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_reosrtActivities.gif) no-repeat;
}

/***********************************************/
/* previewOffers        		               */
/***********************************************/

#previewOffers {
	width: 460px;
	height: 585px;
	position: relative;
	padding: 22px 0px 0px 22px;
}

#previewOffers p {
	padding: 5px 0px 5px 0px;

}

#previewOffers p.description {
	color: #3cb0e2;
	font-weight: bold;
	font-size: 11px;

}

#previewOffers p.dates {
	color: #6e6e6e;
	font-size: 11px;

}

#previewOffers p.extra {
	color: #6e6e6e; 
	font-size: 10px;

}

#previewOffers img.smlpic{
	padding: 0px 12px 12px 0px;
}

#previewOffers div.left {
	margin: 0px 55px 15px 0px;
	float: left;

}

#previewOffers hr{
	height:0px;
	width: 459px; 
	border:0px; 
    border-top:1px solid #dedede;
	
}

#previewOffers h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_previewOffers.gif) no-repeat;
}

#previewOffers h2.package{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_discoverPackage.gif) no-repeat;
}

#previewOffers h2.terms{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_termsConditions.gif) no-repeat;
}

/***********************************************/
/* details of participation		               */
/***********************************************/

#details  {
	width: 737px;
	position: relative;
	padding: 22px 0px 0px 22px;
	margin-left: 22px;

}

#details p {
	padding: 20px 40px 5px 0px;

}

#details  hr{
	height:0px;
	width: 693px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#details h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_details.gif) no-repeat;
}


/***********************************************/
/* requestInfo		     		               */
/***********************************************/

#requestInfo  {
	width: 737px;
	position: relative;
	padding: 22px 0px 0px 22px;
	margin-left: 22px;

}

#requestInfo p {
	padding: 5px 0px 5px 0px;

}

#requestInfo div.left {
	margin: 0px 55px 15px 0px;
	float: left;

}

#requestInfo  hr{
	height:0px;
	width: 693px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#requestInfo h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_requestInfo.gif) no-repeat;
}


/***********************************************/
/* conciergeServices		   	               */
/***********************************************/

#conciergeServices  {
	width: 737px;
	position: relative;
	padding: 22px 0px 0px 22px;
	margin-left: 22px;

}

#conciergeServices p {
	padding: 5px 25px 5px 0px;

}

#conciergeServices div.left {
	margin: 0px 55px 15px 0px;
	float: left;

}

#conciergeServices  hr{
	height:0px;
	width: 693px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#conciergeServices h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_conciergeServices.gif) no-repeat;
}

#conciergeServices h2.adventure{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_createAdventure.gif) no-repeat;
}

#conciergeServices img.smlpic{
	padding: 0px 12px 12px 0px;
}

/***********************************************/
/* atlantisInfo	         		               */
/***********************************************/

#atlantisInfo {
	width: 460px;
	position: relative;
	padding: 22px 0px 0px 22px;

}

#atlantisInfo img.smlpic{
	padding: 0px 12px 12px 0px;
}

#atlantisInfo img.lngpic{
	padding: 12px 0px 12px 0px;
}

#atlantisInfo hr{
	height:0px;
	width: 459px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#atlantisInfo h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_atlantisInfo.gif) no-repeat;
}

#atlantisInfo h2.grows{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_legendGrows.gif) no-repeat;
}

#atlantisInfo h2.amenities{
	margin: 35px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_atlantisAmenities.gif) no-repeat;
}

#atlantisInfo h2.opening{
	margin: 35px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_opening2007.gif) no-repeat;
}


/***********************************************/
/* locationMap	         		               */
/***********************************************/

#locationMap {
	width: 460px;
	position: relative;
	padding: 22px 0px 0px 22px;

}


#locationMap hr{
	height:0px;
	width: 459px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#locationMap h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_locationMap.gif) no-repeat;
}

#locationMap h2.there{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_gettingThere.gif) no-repeat;
}

#locationMap h2.around{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_gettingAround.gif) no-repeat;
}

#locationMap h2.tip{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_shoppingTip.gif) no-repeat;
}

#locationMap h2.nearby{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_nearbyInterest.gif) no-repeat;
}

#locationMap h2.driving{
	margin: 25px 0px 10px 0px;
	height: 17px;
	display:block;
	background: transparent url(../imgs/h2_drivingDirections.gif) no-repeat;
}



/***********************************************/
/* rightColumn	                               */
/***********************************************/

#rightColumn {
	width: 234px;
	float: right;
}

#rightColumn img.thumbnail {
	padding: 0px 15px 14px 16px;
}


#rightColumn p {
	padding: 16px 23px 0px 23px;
}


/***********************************************/
/* popUp		         		               */
/***********************************************/

#popUp {
	width: 264px;
	background: transparent repeat-y url(../imgs/popup_bg.gif);
	position: relative;
}

#popUp p{
	padding: 15px 18px 0px 18px;
}

#popUp p.timeshare {
	font-size:12px;
}


#popUp ul{
	padding: 20px 0px 30px 32px;
}

#popUp ul ul{
	padding: 5px 0px 5px 0px;
}

/***********************************************/
/* privacy		         		               */
/***********************************************/

#privacy  {
	width: 737px;
	position: relative;
	padding: 22px 0px 0px 22px;
	margin-left: 22px;

}

#privacy p {
	padding: 20px 40px 5px 0px;

}

#privacy  hr{
	height:0px;
	width: 693px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#privacy h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_privacy.gif) no-repeat;
}

/***********************************************/
/* terms		         		               */
/***********************************************/

#terms  {
	width: 737px;
	position: relative;
	padding: 22px 0px 0px 22px;
	margin-left: 22px;

}

#terms p {
	padding: 20px 40px 5px 0px;

}

#terms  hr{
	height:0px;
	width: 693px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#terms h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_terms.gif) no-repeat;
}

/***********************************************/
/* thankYou		         		               */
/***********************************************/

#thankYou {
	width: 737px;
	position: relative;
	padding: 22px 0px 0px 22px;
	margin-left: 22px;

}

#thankYou p {
	padding: 20px 40px 5px 0px;

}

#thankYou  hr{
	height:0px;
	width: 693px; 
    border:0px; 
    border-top:1px solid #dedede;
}

#thankYou h1{
	height: 35px;
	display:block;
	background: transparent url(../imgs/h1_thankYou.gif) no-repeat;
}



/***********************************************/
/* footer		                               */
/***********************************************/

#footer {
	width: 753px;
	height: 130px;
	background: transparent url(../imgs/footer_bg.gif) no-repeat bottom;
	margin-left: 14px;
	position: relative;
	text-align: center;
}


#footer p {
	color: #acacac;
	padding: 12px 20px 5px 20px;
}

#footer p.timeshare {
	font-size:12px;
}