/* Body Rules */
body, td, th {
	background: #ffffff;
    margin: 0;
    padding: 0;
    color: #3F3452;
	/* Redundant rules for non web standard browsers */
	font-family: 1.2em Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; 
	voice-family: inherit;
    font-size: 62.5%; /* Setting body to 62.5% means 1em=10pt, 1.2em=12pt, etc. */	
}
/* Redundant rules for non web standard browsers */
html>body, html>body td, html>body th {
	font-size: 62.5%;
}


/* External_Container Rules*/
#external_container {
	margin: 1em auto;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #FFFFFF;
}
#external_container #lt_corner img{
	float:left; 
	margin:0;
	padding:0 0 0 0;
	border:0;
}
#external_container #rt_corner img{
	float:right; 
	margin:0;
	padding:0 0 0 0;
	border:0;
}


/* Header Container Rules*/
#header {
	background-color: #FFFFFF;
	float: center;
}
#header img {
	float: center;
	margin:0;
	padding:30px 0px 0px 0px;
	border:0;
}

/* Tab Navigation */
#tabnav {
	float:left;
	width:100%;
    background:#FFFFFF url("images/tabs.jpg") repeat-x bottom;
    font-size:1.2em;
    line-height:normal;
	padding-bottom:3px;
}
#tabnav ul {
	margin:0;
   	list-style:none;
	padding:10px 10px 0 10px;
}
#tabnav li {
    display:inline;
    margin:0;
    padding:0;
}
#tabnav a {
    float:right;
    background:url("images/tabs.jpg") no-repeat left top;
    margin:0;
    padding:0 0 0 15px;
    text-decoration:none;
}
#tabnav a span {
    float:right;
    display:block;
    background:url("images/tabs.jpg") no-repeat right top;
    padding:5px 16px 4px 3px;
    font-weight:bold;
    color:#FFFFCC;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabnav a span {float:none;}
/* End IE5-Mac hack */

#tabnav a:hover span {
    color:#009900;
}
#index #tabnav-index a, 
#accommodations #tabnav-accommodations a,
#rates #tabnav-rates a, 
#photos #tabnav-photos a,
#manzanillo #tabnav-manzanillo a 
{
    background-position:0 -50px;
    border-width:0;
}
#index #tabnav-index a span, 
#accommodations #tabnav-accommodations a span,
#rates #tabnav-rates a span, 
#photos #tabnav-photos a span,
#manzanillo #tabnav-manzanillo a span  
{
    background-position:100% -50px;
    padding-bottom:5px;
    color:#006600;
}
#tabnav a:visited span {
	color:#CCFF99;
}
#tabnav a:hover {
    background-position:0% -100px;
}
#tabnav a:hover span {
    background-position:100% -100px;
	color:#006600;
}

/*Clears the floated menu items.*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}


/* Text Area */
#textarea {
	font-size:1.4em;
	margin:20px;
	padding:0 0 0 0;
	border:0;
	text-align:justify;
}

#textarea img{
	float:left; 
	margin:0;
	padding:10px 10px 10px 10px;
	border:0;
}
#textarea #photo1 img{
	float:right; 
	margin:0;
	padding:10px 10px 10px 10px;
	border:0;
}
#textarea #photo2 img{
	float:right; 
	margin:0;
	padding:10px 10px 10px 10px;
	border:0;
}
#textarea #photo3 img{
	float:right; 
	margin:0;
	padding:10px 10px 10px 10px;
	border:0;
}

#textarea h1{
	text-align:center;
	color: #009900;
}
#textarea h2{
	text-align:center;
}
#textarea h3{
	text-align:left;
	color: #009900;
}
#textarea li { 
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: disc; 
	color: #000000;
}
#textarea #rooms ul li { 
	margin: 0 0 0 350px;
	padding: 0;
/*	list-style-image: url(images/bullet.jpg); */
	list-style-position: outside;
	list-style-type: disk; 
	color: #000000;
}
#textarea #rooms ul li li{ 
	margin: 0;
	padding: 0;
/*	list-style-image: url(images/bullet.jpg); */
	list-style-position: outside;
	list-style-type: disk; 
	color: #000000;
}
#textarea #rooms ul li li li { 
	margin: 0;
	padding: 0;
/*	list-style-image: url(images/bullet.jpg); */
	list-style-position: outside;
	list-style-type: square; 
	color: #000000;
}

/*
#textarea ul.bullets {
	margin: 0; 
	padding: 0;
}
#textarea ol.decimal {
	margin: 0; 
	padding: 0;
}
*/

#textarea pre{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1 em;
	margin:0;
	padding:0 0 0 0;
	border:0;
	text-align:justify;
}
#textarea td {
	font-size:1em;
	text-align:center;
}
#textarea a {
    text-decoration:none;
	font-weight:bold;
	color:#006600;
}
#textarea a:visited {
    text-decoration:none;
	font-weight:bold;
	color:#CC9933;
}
#textarea a:hover {
    text-decoration:none;
	font-weight:bold;
	color:#99CC66;
}


/* Photo Gallery*/

#gallery img
{ 
	margin:0;
	padding:0;
	border:0;
}

ul#gallery { /* Overall Gallery Container */
  padding:0; 
  margin:0 auto; 
  width:547px; 
  height:415px; 
  position:relative; 
  background:#99CC66; /* url(images/gallery/1placeholder.jpg) no-repeat; /* Overall background color */
}
#gallery li { /* Thumbnail Images */
  list-style-type:none; 
  width:90px; 
  height:68px; 
  float:left; 
  z-index:100;
}
#gallery li.lft {
  float:left; 
  clear:left;
}
#gallery li.rgt {
  float:right; 
  clear:right;
}
#gallery a { /* Small Thumbnail images */
  position:relative; 
  width:90px; 
  height:68px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
}
#gallery a img {
  position:relative; 
  width:90px; 
  height:68px; 
  border:1px solid #000000; 
  z-index:100;
}
#gallery a:hover {
  width:350px; 
  height:263px; 
  padding:79px 101px;
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
}
#gallery a:hover img {
  background:#CCFF99; 
  position:relative; 
  width:350px; 
  height:263px; 
  border:0; 
  z-index:10;
}
#gallery a:active, #gallery a:focus {
  background:transparent; 
  width:350px; 
  height:263px; 
  padding:79px 101px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
}
#gallery a:active img, #gallery a:focus img {
  background:#CCFF99; 
  position:relative; 
  width:350px; 
  height:263px; 
  border:0; 
  z-index:10;
}
/* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:547px; 
  font-size:0;
}
#gallery a:hover img {
  background:#CCFF99; 
  position:relative; 
  width:350px; 
  height:263px; 
  border:0; 
  z-index:10;
}


/* Footer */
#footer {
	clear: both;
	text-align: center;
	background-color:#FFFFFF;
    font-size:1.2em;
    line-height:normal;
	font-weight:bold;
	color:#006600;
}
#footer ul{
    margin:0;
    padding:10px 10px 0px 10px; /* last number moves links to right as increased */
    list-style:none;
}
#footer li{
	font-family: 1em Arial, Helvetica, sans-serif;
	float: left;	
    margin: 0;
}
#footer a {
	padding:0 0 0 15px;
    text-decoration:none;
	font-weight:bold;
	color:#006600;
}
#footer a:visited {
    text-decoration:none;
	font-weight:bold;
	color:#CC9933;
}
#footer a:hover {
    text-decoration:none;
	font-weight:bold;
	color:#99CC66;
}


@media print 
{
  body { 
  	background-color:#FFFFFF; 
	background-image:none; 
	color:#000000; 
  }
  p {
  	font-family:times,serif; 
	font-size:10px; 
  }
  #external_container #lt_corner { display:none;}
  #external_container #rt_corner { display:none;}
  #tabnav { display:none;}
  #textarea{ width:100%;}
}

@media screen
{
	p {
		font-family:Arial, Helvetica, sans-serif; font-size:1em
	}
	#gallery a:hover {
  	background:#99CC66; 
  	width:350px; 
  	height:263px; 
  	padding:79px 101px; 
  	position:absolute; 
  	left:0; 
  	top:0; 
  	z-index:10;
	}
}

/* hack for Opera 7+ */
/*
@media all and (min-width:0px){
#gallery a:hover {
  background:#99CC66; 
  width:350px; 
  height:263px; 
  padding:79px 101px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
}
*/