/* The Atlantis Hotel 
 * (c) The Atlantis Hotel -- www.theatlantishotel.com
 * 
 */
 
html { padding: 0px; margin: 0px; }
body {
    padding: 0px;
    background: #fff;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #666; 
    margin: auto; }
    
img { border: 0; }
	
div { border: 0; }
    
a:link{ 
   color:#11648C;
   text-decoration: underline;
   background: transparent;}

a:visited{
   color:#666;
   text-decoration:underline;
   background: transparent;}

a:hover{
   color:#699;
   text-decoration:none;
   background: transparent;}

a:visited:hover{
    color:#699;
    text-decoration:underline;
    background: transparent;}

/* FONT IN TABLES */    
body td {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    }

/* HEADER TAGS USING h1 - h6 HELPS SEARCH ENGINES UNDERSTAND CONTENT IMPORTANCE*/

h1 { 
   font: bold 14px Verdana, Arial, Helvetica, sans-serif;
   color: #11648C;
   margin: 0px 0px 5px 0px;
   background: transparent;}

h2 { 
   font: bold 14px Verdana, Arial, Helvetica, sans-serif;
   margin: 20px 0px 5px 0px;
   color: #069;
   background: transparent;}
   
h3 { 
   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
   color: #09C;
   margin: 20px 0px 5px 0px;
   background: transparent;}
   
h4 { 
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   color: #72AFB6;
   margin: 0px;
   padding: 0px;
   background: transparent;}
   
   
ul  {
	list-style-type: disc;
	border: 0px solid #000000;
    padding: 0px;
    margin: 10px 10px 10px 30px;
	}
	
li  {
	list-style-type: disc;
	border: 0px solid #000000;
    margin: 0px;
	padding: 0px;
	}
   
/* PARAGRAPH TAG */

p {
   margin: 0px 0px 10px 0px;
   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
   line-height: 17px;
   color: #666;
   background: transparent;}
   
.pictures {	
    float: right;
	padding-left: 15px;
	padding-bottom: 10px;
	margin: 0px;}

/* HOLDS CONTENT ON THE PAGE */
#container { 
    width: 760px;
    padding: 0px;
    border: 0px dashed #CCC;
    margin: auto;
    color: #333;
    background: transparent;}
    
#container2 { 
    width: 742px;
    padding: 0px;
    border: 0px dashed #CCC;
    margin: auto;
    color: #333;
    background: transparent;}
    
#bluebar { 
    width: 742px;
    padding: 0px;
    border: 0px dashed #CCC;
    margin: auto;
    color: #333;
    background: #175CAB; }
    
    
#contentholder { 
    width: 760px;
    padding: 0px;
    margin: auto;
    color: #333;
    clear: both;
    background: transparent;}
    
 #contentholder2 { 
    width: 742px;
    border: 0px solid #CCC;
    padding: 0px;
    margin: auto;
    clear: both;
    color: #333;
    background: transparent;}
    
 #contentholder3 { 
    width: 500px;
    border: 0px solid #CCC;
    padding: 0px;
    clear: both;
    margin: auto;
    color: #333;
    background: transparent;}
    
#home_text {
	border: 0px solid #000;
	width: 642px;
	padding: 20px 50px 0px 50px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 16px;
    background: transparent;}
    
#specials_text {
	width: 542px;
	padding: 20px 100px 0px 100px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 16px;
    background: transparent;}

   
/* containers for large background */    
#family { 
    width: 760px;
    height: 303px;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent  url(/pics/family_specials/background.jpg) top no-repeat;}

#family_text {
	float: right;
	border: 0px solid #000;
	width: 330px;
	height: 250px;
	padding: 10px 20px 10px 10px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #005984;
    line-height: 16px;
    background: transparent;}
    
#romantic { 
    width: 760px;
    height: 303px;
    border: 0px solid #CCC;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent  url(/pics/romantic/background.jpg) top no-repeat;}
    
#romantic_text {
	float: left;
	border: 0px solid #000;
	width: 365px;
	height: 300px;
	padding: 10px;
	margin: 0px 0px 0px 10px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #005984;
    line-height: 16px;
    background: transparent;}
    
#rooms { 
	float: left;
    width: 532px;
    padding: 0px;
    margin: 0px;
    color: #333;
    background: transparent;}
    
#rooms_text {
	float: right;
	width: 208px;
	height: 302px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 12px;
    background: transparent url(/pics/rooms/rooms_rt_box.gif) top no-repeat;}

#testimonials { 
    width: 760px;
    height: 303px;
    border: 0px solid #CCC;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent  url(/pics/testimonials/background.jpg) top no-repeat;}

#testimonials2 { 
    width: 760px;
    height: 303px;
    border: 0px solid #CCC;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent  url(/pics/testimonials/background2.jpg) top no-repeat;}

#testimonials3 { 
    width: 760px;
    height: 303px;
    border: 0px solid #CCC;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent  url(/pics/testimonials/background3.jpg) top no-repeat;}
    
    
.testimonials_text {
	display: block;
	border: 0px solid #000;
	width: 335px;
	padding: 20px;
	margin: 0px 0px 0px 153px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 16px;
    background: transparent;}

.testimonials_text a:visited {  color: #fff ;text-decoration: underline;}
.testimonials_text a:active {  color: #fff; text-decoration: underline;}
.testimonials_text a:link {  color: #fff; text-decoration: underline;}
.testimonials_text a:hover {  color: #fff; text-decoration: none;}

.testimonials_text2 {
	display: block;
	border: 0px solid #000;
	width: 275px;
	padding: 20px;
	margin: 0px 0px 0px 315px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 16px;
    background: transparent;}

.testimonials_text2 a:visited {  color: #fff ;text-decoration: underline;}
.testimonials_text2 a:active {  color: #fff; text-decoration: underline;}
.testimonials_text2 a:link {  color: #fff; text-decoration: underline;}
.testimonials_text2 a:hover {  color: #fff; text-decoration: none;}

.testimonials_text3 {
	display: block;
	border: 0px solid #000;
	width: 375px;
	padding: 20px;
	margin: 0px 0px 0px 315px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    line-height: 16px;
    background: transparent;}

.testimonials_text3 a:visited {  color: #fff ;text-decoration: underline;}
.testimonials_text3 a:active {  color: #fff; text-decoration: underline;}
.testimonials_text3 a:link {  color: #fff; text-decoration: underline;}
.testimonials_text3 a:hover {  color: #fff; text-decoration: none;}


#waterpark { 
    width: 760px;
    height: 303px;
    border: 0px solid #CCC;
    padding: 0px;
    margin: 0px;
    color: #333;
    background: transparent  url(/pics/water_packages/background.jpg) top no-repeat;}
    
.waterpark_text {
	display: block;
	border: 0px solid #000;
	width: 335px;
	padding-top: 10px;
	padding-left: 170px;
	margin: 0px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #005984;
	line-height: 16px;
	background: transparent;
	position: absolute;
}
    
#gallery { 
	float: left;
    width: 388px;
    border: 0px solid #CCC;
    padding:  0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333;
    background: transparent;}
    
#gallery_text {
	float: right;
	border: 0px solid #093;
	width: 314px;
	height: 302px;
	padding: 20px;
	margin: 0px 0px 0px 0px;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 18px;
    text-align: center;
    letter-spacing: 2px;
    background: transparent url(/pics/gallery/background.gif) top no-repeat;}
   
#attractions { 
    width: 760px;
    height: 303px;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent  url(/pics/attractions/background_landing.jpg) top no-repeat;}

#attractions_text {
	border: 0px solid #000;
	width: 355px;
	padding: 20px;
	margin: 0px 0px 0px 10px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 16px;
    background: transparent;}
    
#attractions_text_waterparks {
    float: right;
	width: 300px;
	height: 280px;
	padding: 20px 35px 20px 20px;
	margin: 0px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #005984;
    line-height: 16px;
    background: transparent;}
    
#attractions_waterparks { 
    width: 760px;
    height: 314px;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent url(/pics/attractions/background_waterparks.jpg) top no-repeat;}
    
#attractions_golf { 
    width: 760px;
    height: 302px;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent url(/pics/attractions/background_golf.jpg) top no-repeat;}
    
#attractions_text_golf {
    float: right;
	width: 300px;
	height: 280px;
	padding: 20px 35px 20px 20px;
	margin: 0px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 16px;
    background: transparent;}
    
#attractions_dining { 
    width: 760px;
    height: 302px;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent url(/pics/attractions/background_dining.jpg) top no-repeat;}
    
#attractions_shopping { 
    width: 760px;
    height: 302px;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent url(/pics/attractions/background_shopping.jpg) top no-repeat;}
    
#attractions_entertain { 
    width: 760px;
    height: 302px;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent url(/pics/attractions/background_entertain.jpg) top no-repeat;}
    
#attractions_history { 
    width: 760px;
    height: 302px;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent url(/pics/attractions/background_historical.jpg) top no-repeat;}
    
#signup { 
    width: 760px;
    height: 302px;
    padding: 15px 0px 0px 0px;
    margin: auto;
    color: #005984;
    background: transparent url(/pics/signup/email_signup.gif) top no-repeat;}
    
#contacto { 
    width: 760px;
    height: 302px;
    padding: 0px;
    margin: auto;
    color: #333;
    background: transparent url(/pics/contact/contact.jpg) top no-repeat;}
    
#contact_text {
    float: right;
	width: 175px;
	height: 260px;
	padding: 45px 30px 20px 20px;
	margin: 0px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 20px;
    background: transparent;}
    
.atty {
    font: bold 14px/17px  Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: 2px; }
    
.hotel {
    display: block;
    padding-bottom: 6px;
    font: bold 10px/14px  Verdana, Arial, Helvetica, sans-serif;
    color: #fff;}

/* LISTS */
.funlist {
padding-left: 20px;
margin-left: 0;
margin-top: 10px; 
line-height: 16px;
font-family: verdana, helvetica, arial, sans-serif; font-size: 10px; }

.funlist li {
list-style: square;
margin: 0;
padding: 0;
padding-bottom: 10px; }
    
/* LIST */
#navcontainer { 
    margin: auto;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 742px;
    background: transparent;}

    
.utilitynav {
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color: #000033;
    line-height: 20px;
    background: transparent;}


.utilitynav a{
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color: #000033;

    text-decoration: none;
    background: transparent;}
    
.utilitynav a:hover{
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    background: transparent;}

.utilitynav a:visited{
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color: #000033;
    text-decoration: none;
    background: transparent;}

.utilitynav a:visited:hover{
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    background: transparent;}



.green {
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    color: #390;
    background: transparent;}
    
.red {
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    color: #C00;
    background: transparent;}
    
 .white {
 	display: block;
 	padding: 20px 70px 20px 70px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    letter-spacing: 2px;
    color: #fff;
    background: transparent;}
    
.signy {
    font: bold 11px/17px  Arial, Helvetica, sans-serif;
    color: #005984;
    letter-spacing: 2px; }
    
.tabby {
    padding: 20px 0px 10px 0px;
    color: #005984;
    letter-spacing: 2px; }
    
.tabby2 {
    padding: 0px 0px 5px 0px;
    color: #005984;
    letter-spacing: 2px; }
    
.blue {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #005984;
    background: transparent;}
    
a.blue:visited {  color: #005984 ;text-decoration: underline;}
a.blue:active {  color: #005984; text-decoration: underline;}
a.blue:link {  color: #005984; text-decoration: underline;}
a.blue:hover {  color: #699; text-decoration: none;}
    
.waterparkblue {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #005984;
    background: transparent;}
    
a.waterparkblue:visited {  color: #005984 ;text-decoration: underline;}
a.waterparkblue:active {  color: #005984; text-decoration: underline;}
a.waterparkblue:link {  color: #005984; text-decoration: underline;}
a.waterparkblue:hover {  color: #005984; text-decoration: none;}

.attractlinks {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #65A6B3;
    background: transparent;}
    
a.attractlinks:visited {  color: #77B5C1 ;text-decoration: underline;}
a.attractlinks:active {  color: #77B5C1; text-decoration: underline;}
a.attractlinks:link {  color: #77B5C1; text-decoration: underline;}
a.attractlinks:hover {  color: #77B5C1; text-decoration: none;}

/* FOOTER */
#footer {
    display: block;
    text-align: center;
    padding: 0px 0px 20px 20px;
    color: #003366;
    clear: both;
    background: transparent;}