/* Maruba Resort Jungle Spa 
http://www.maruba-spa.com
Main CSS file
Designed specifically for Maruba Resort
Author: Robert Cortez (http://levelorange.com)
*/


/*LAYOUT*/
body   { 
font-size: 62.5%; 
font-family: Arial, Helvetica, san-serif; 
background-color: #daad41; 
background-image: url("http://maruba-spa.com/images/background.jpg"); 
text-align: center; 
margin: 0;
 }

#page  { margin: 0 auto; padding: 0; width: 950px }


#header    { 
font-size: 1.25em;
font-weight: normal; 
text-align: center; 
width: 950px;
}

#header table {
margin: 10px 0 20px 0
}

#header table table {
margin: 0;
}

#header h2, #header h3 {
margin: 0;
padding: 0;
}

#header #logo {
margin: 0 auto;
width: 290px;
display: block;
}

#header #logo img {
float: left;
}

#header .tagline {
font-style: italic;
font-family: Georgia, serif;
color: #663300;
}

#navigation {
clear: both;
text-align: center;
width: 950px;
margin: 10px 0;
}


#navigation ul {
margin: 15px 0;
padding: 0;
}

#navigation a {
text-decoration: none;
color: #663300;
}

#navigation ul li {
display: inline;
}


#navigation #mainnav {
font-size: 1.2em;
}

#navigation #mainnav li {
}

#navigation #mainnav li a {
padding: 6px;
background: #eecc66;
}

#navigation #mainnav li#reservations a {
background: #ff9933;
}

#navigation #mainnav li a:hover, #navigation #mainnav li#reservations a:hover {
background: #ffeebb}

#navigation #secondarynav {
font-size: .9em;
}

#navigation #secondarynav li {
}

#navigation #secondarynav li a {
padding: 4px;
background: #eecc66;
}

#navigation #secondarynav li a:hover {
background: #ffeebb;
}


#navigation #bookonline {
background: #ffeebb;
font-size: 1em;
padding: 5px;
font-weight: bold;
color: red;
}

#navigation #bookonline a {
font-size: 1em;
text-transform: uppercase;
text-decoration: underline;
}


#content table  { font-size: 1.1em; width: auto; min-width: 100% }

#content table table {

font-size: 1.1em;}

#content {
font-size: 1.1em;}

#footer {
border-top: 1px solid #333;
margin: 10px 0 20px;
text-align: center;
font-size: .8em;
}

#footer .block {
float: left;
text-align: left;
width: auto;
clear: right;
padding: 0;
margin: 0 10px 0;
}

#footer table {
width: 100%}

#footer td h3 {
font-size: 0.9em;
margin: 3px 0;
padding: 0;
}

#footer {
font-size: 0.8em;
margin: 3px 0;
padding: 0;
}


#footer .navigation {
text-align: left;
margin: 10px;
clear: both;}

#footer ul {
font-size: 0.85em;
list-style: none;
margin: 0;
padding: 0;

}

#footer ul li {
margin: 0;
padding: 3px 0;
}

/*ELEMENTS*/

a:link { 
color: black 
}

a:visited { 
color: #630 
}
a:hover { 
color: #fff 
}

h1  { 
color: black; 
font-size: 1.5em; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
text-align: center }

h2 { 
color: black; 
font-weight: bold; 
font-size: 1.3em; 
font-family: Arial, Helvetica, sans-serif; 
border-bottom: 1px solid black }

h2.pagetitle {
font-size: 1.5em; 
text-align: center;
border-bottom: none}

ul { list-style-type: disc }

dd  { margin-bottom: 6px }
dt { margin-bottom: 2px }
li { margin-bottom: 4px }

img {
border: none;}

/*TEXT STYLES*/

#header h2 {
border: none;
font-size: 1.2em;
margin: 10px 0 20px;}


#header table {
border: none
background: none
}

.header_links     { font-size: 0.8em; font-family: sans-serif; font-weight: bold; background: #fd6; text-align: center; padding: 4px 8px; border-right: 1px solid #b86; border-bottom: 1px solid #b86 }

.header_links a:link  { 
color: #630; text-decoration: none }

.header_links a:visited { 
color: #b60;
text-decoration: none }

.header_links a:hover  { 
color: #000; 
text-decoration: underline }

.header_sublinks   {
text-align: center; 
font-size: .7em; 
font-weight: bold; 
padding: 3px 6px; 
vertical-align: middle; 
background: #ddaa22;
border-bottom: 1px solid #b86;
border-right: 1px solid #b86; }

.header_sublinks a:link { 
color: #630; 
text-decoration: none }

.header_sublinks a:visited { 
color: #840;
text-decoration: none }

.header_sublinks a:hover  { 
color: black; 
text-decoration: underline }

.back { 
font-size: .8em; 
}


.chart_data { 
color: black; 
font-family: Arial, Helvetica, sans-serif }

.chart_head { 
color: black; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif }

.caption { 
color: black; 
}

.italic { font-style: italic }


/*CUSTOM ELEMENTS AND STYLES*/

#homenavigation {
font-size: .8em;
}

#homenavigation td {
width: 20%;
text-align:center;
vertical-align: middle;
background: #fc3;
padding: 5px 3px;
height: 30px;
}

.watchvideo {
width: 150px;
padding: 0 5px;
margin: 10px;
float: right;
font-size: .8em;
background: #333;
color: #fff;
text-align: center;
}

.watchvideo a {
color: #fff;}

#floatbox-box {
background-image: url("http://maruba-spa.com/images/background.jpg");
z-index: 99;
}

#floatbox-box .donations {
text-align: left;
width: 650px;
margin: 10px auto;
}

#floatbox-box .donations h2 {
color: blue;
border: none;
}

#floatbox-box .donations h3 {
color: blue;
}

#floatbox-box img {
float: left;
margin: 0px 20px 0 0;}

#floatbox-box .donations a, #floatbox-box .donations a:hover {
color: red;
}