/* Initialize */
body, h1,h2,h3,h4,h5,h6,a,ul,li,p,div,span,table,td,tr,blockquote { margin: 0 0 0 0; padding: 0 0 0 0; }

/* --Layout-- */
body 								{ font-size: 76%; font-family: Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6,p,ul,ol 	{ margin-bottom: 0.8em; }
h1 								{ font-size: 1.5em; }
h2 								{ font-size: 1.3em; clear: both; }
h3 								{ font-size: 1.2em; color: #FF7C00; }
h4 								{ font-size: 1em; }
h5 								{ font-size: 0.9em; }
h6 								{ font-size: 0.8em; }
p, li, td						{ font-size: 1.2em; }
hr									{ clear: both; border: 1px solid #FDF4D7; }
.hide 							{ display: none; }
.quote 							{ text-align: center; font-size: 1.6em; }
legend							{ font-size: 1.3em; font-weight:bold;}
fieldset							{ margin-bottom: 1em; }
blockquote						{ margin: 1em; font-weight: bold; }


#main				{ width: 990px; margin: 0 auto 2em; position: relative; z-index: 0; }	
#header 			{ height: 227px; margin: 0 5px; }
#contentPane 	{ float: left; width: 820px; padding: 0 15px 0 20px;}
.gallery #contentPane	{ height: 710px; }
#navContainer 	{ float: left; display: inline; width: 120px; min-height: 500px; margin-right: 5px; padding: 15px 10px 0 0; }
#footer 			{ height: 77px; margin: 0 5px; clear: both; position: relative; z-index: 1; }

/* Header */
#header a { display: block; width: 330px; height: 115px; position: absolute; right: 25px; top: 25px; }

/* Content & Navigation */
#contentPane img 	{ margin: 1em; }
#contentPane .imageContainer { float: left; }
#navContainer 		{ font-size: 1.1em; text-align: right; }
#navContainer li 	{ margin-bottom: 1.2em; font-size: 1em; }


/* rates page */
table#rates 				{ width: 50%; margin-bottom: 1em; border-width: 1px; }

/* Contact Us & reservation*/
body.contact form	 		{ border-width: 1px; padding:1em;width:35em;}
body.contact label 		{ display: block; width: 8em; float:left;}
body.contact input 		{ margin-bottom:1em; }
body.contact textarea 	{ width:32em; }
body.reservation label  {  display: block; width: 10em; float:left;}
body.reservation .radioButtons label { margin-bottom:1.5em; }
body.reservation .radioButtons input { margin-top: 20px; }
body.reservation .radioButtons input,
body.reservation .radioButtons img  { float:left; }
body.reservation select,
body.reservation input	{ margin-bottom: 0.5em; }
body.reservation #info { text-align: center; float: right; width: 300px;	}

/* Footer */
#copyright 			{ padding-top: 5em; float: left; margin-left: 0.5em; }
#footer .address 	{ float: right; margin-right: 3em; text-align: center; padding-top: 1em; }
#operator 			{ position: absolute; bottom: -2.5em; left: 0.5em; font-size: 0.9em; }

/* --Presentation-- */
body 					{ background: url(../images/abv_bg_body.jpg) repeat 0 0; color: #000000; }
h1,h2,h3,h4,h5,h6 { color: #4074B0; }
a 						{ color: #4074B0; text-decoration: none; }
h2 a					{ color: #FF7C00; }
a:hover				{ text-decoration: underline; }
.quote 				{ color: #FF7C00; font-style: italic; font-weight: bold; }
.small 				{ font-size: smaller; }
ul 					{ list-style-image: url(../images/abv_li_palmtree.gif); }
legend				{ color: #4074B0; }

body.about span {
	font-size: .8em;
	color: #4074b0;
	font-weight: bold;
}


#main 			{ background: url(../images/abv_bg_main.jpg) repeat-y 0 0; }
#header 			{ background: url(../images/abv_bg_header.jpg) no-repeat 0 0; }
#navContainer 	{ background: url(../images/abv_bg_nav.jpg) no-repeat 0 0; }
#footer			{ background: url(../images/abv_bg_footer.gif) no-repeat 0 0; }

/* Extras */
#extra1,
#extra2,
#extra3,
#extra4,
#extra5,
#extra6 { position: absolute; z-index: 5; }
#extra1 { top: 15.5em; left: 20em; background: url(../images/abv_bg_shell-1.gif) no-repeat 0 0; width: 42px; height: 46px; }
#extra2 { top: 18.2em; right: 12em; background: url(../images/abv_bg_shell-2.gif) no-repeat 0 0; width: 42px; height: 39px; }
#extra3 { top: 35em; right: 20em; background: url(../images/abv_bg_dolphin.gif) no-repeat 0 0; width: 125px; height: 44px; }
#extra4 { bottom: 3em; left: 28em; background: url(../images/abv_bg_shell-2.gif) no-repeat 0 0; width: 42px; height: 39px; }
#extra5 { bottom: 7em; right: 2em; background: url(../images/abv_bg_shell-1.gif) no-repeat 0 0; width: 42px; height: 39px; }

body.about #extra3 { top: 33em; background: url(../images/abv_bg_dolphin2.gif) no-repeat 0 0;}
body.gallery #extra3 { left: 30em; top: 53em; background: url(../images/abv_bg_dolphin2.gif) no-repeat 0 0; }
body.aruba #extra3 { display: none; }
body.villas #extra3 { left:40em; top: 25em; background-image: url(../images/abv_bg_dolphin2.gif); }
body.location #extra3 { left: 30em; top: 53em; background: url(../images/abv_bg_dolphin2.gif) no-repeat 0 0; }
body.activities #extra3 { left: 40em; top: 23em; background: url(../images/abv_bg_dolphin.gif) no-repeat 0 0; }
body.culture #extra3 { left: 53em; top: 34em; background: url(../images/abv_bg_dolphin2.gif) no-repeat 0 0; }
body.sights #extra3 { left: 53em; top: 36em; background: url(../images/abv_bg_dolphin.gif) no-repeat 0 0; }
body.culture .spanish #extra3 { left:56em; top:57em;}
body.activities .spanish #extra3 { left: 58em; top: 23em; background: url(../images/abv_bg_dolphin.gif) no-repeat 0 0; }
body.sights .spanish #extra3 { left: 53em; top: 28em; background: url(../images/abv_bg_dolphin.gif) no-repeat 0 0; }

/* Content & Navigation */
#contentPane ul 	{ list-style-position: inside; }
#navContainer ul 	{ list-style: none; list-style-image: none;}
#navContainer a 	{ color: #96501B; font-weight: bold; }

/* rates page */
table#rates 				{ background-color: white; border-style: solid; border-color: silver; }
table#rates th 			{ background-color: #FF7C00; color: white; }
table#rates tr.hdodd 	{ background-color: #FADA6B; } 
table#rates tr.hdeven 	{ color: #FF7C00; }

/* Contact Us */
body.contact form { border-style:solid; border-color:#FADA6B }

/* Footer */
#special { left:763px; position:absolute; top:-217px; z-index:1; display: none;}
#special img { border-width:0px; }
.about #special, .home #special, .gallery #special, .villas #special, .rates #special  { display: inline; }
* html #special { left:763px; position:absolute; top:-217px; }

#footer		{ color: #FFFFFF; }
#copyright	{ font-weight: bold; }
#operator,
#operator a	{ color: #4074B0; }

/* IE hacks */
* html #navContainer { height: 500px; }