/*------------------------------------------------------------------------------------------
	Cacadin Style Sheet Document
	NetFORCE Hosting Style Sheet Designed Guatemala Reservations www.guatemalareservations.com
	Updated: 08-20-2008
	Copyright www.netforcenet.com All rights reserved over this document.
	You may not use, modify or distribute this without the direct consent of the Author NetFORCE Hosting at www.netforcenet.com
	
	Documento de Cascading Style Sheet (CSS)
	NetFORCE Hosting Hoja de Estilo Diseņada para Guatemala Reservations www.guatemalareservations.com
	Actualizado: 08-20-2008
	Copyright www.netforcenet.com Reserva todos los derechos sobre este documento.
	Usted no puede usar, modificar, distribuir este documento sin el consento directo del autor NetFORCE Hosting en www.netforcenet.com
------------------------------------------------------------------------------------------*/

body
{
    background-color: #000000;
	margin: 0 auto;
	width: 927px;
	background: url("images/typical copy.jpg") repeat-y;
	background-attachment:fixed;

}

p
{
	text-indent: 2.0em;
}

p2
{
	text-indent: 0.0em;
}


.webpageframe
{
    float: left;
	width: 924px;
	background-color: #3E546C;
	border-left-style: solid;
	border-right-style: solid;
	border-color:#FFFFFF;
	border-width: 3px;
}
	
.topheader
{
    float: left;
	width: 927px;
	height: 316px;
	/* background: #000000 url("images/header.jpg") no-repeat;  */
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

.menubox 
{
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 920px;
	height: 30px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width: 2px;
	
}

.bluesquare
{
	float: left;
	width: 279px;
	background: #6493C1;
	border-style:solid;
	border-color:#FFFFFF;
	border-width: 3px;
	padding: 15px 0px 0px 15px;

}

.bluesquarebig
{
	float: left;
	width: 903px;
	background: #6493C1;
	border-style:solid;
	border-color:#FFFFFF;
	border-width: 2px;
	padding: 15px 0px 0px 17px;

}

.lightsquarebig
{
	float: left;
	width: 857px;
	height: 39px;
	text-decoration: none;
	font-size: 18px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: center;
	font-weight: normal;
	color: #57504D;
	padding: 30px 15px 10px 15px;
	background: url("images/main_blue.png") no-repeat;
}

.lightsquarebigtext{
	float: left;
	width: 836px;
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #57504D;
	background-color: #FFFFFF;
	padding: 10px 25px 10px 25px;
}

.lightsquarebigfooter
{
	float: left;
	width: 886px;
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #57504D;
	background-color: #E1F6FE;
}

.designleftsingle
{
	float: left;
	width: 63px;
	height: 59px;
	background-color: #E1F6FE;
	background: url("images/left_single_design.png") no-repeat;
}

.designrightsingle
{
	float: right;
	width: 59px;
	height: 59px;
	background-color: #E1F6FE;
	background: url("images/right_single_design.png") no-repeat;
}

.designleftsingle2
{
	float: left;
	width: 79px;
	height: 57px;
	background-color: #E1F6FE;
	background: url("images/middle_left.png") no-repeat;
}

.designrightsingle2
{
	float: right;
	width: 79px;
	height: 57px;
	background-color: #E1F6FE;
	background: url("images/middle_right.png") no-repeat;
}



.bluesquarebot
{
	float: left;
	width: 279px;
	background: #6493C1;
	border-style:solid;
	border-color:#FFFFFF;
	border-width: 3px;
	padding: 15px 0px 0px 15px;

}

.lightbluetext 
{
	float: left;
	width: 232px;
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #57504D;
	background-color: #E1F6FE;
	padding: 20px 15px 10px 15px;
	border-top-style: dashed;
	border-color:#747473;
	border-top-width: 1px;
}

.lightbluetextbot
{
	float: left;
	width: 232px;
	height: 263px;
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #57504D;
	background-color: #E1F6FE;
	padding: 20px 15px 10px 15px;
	border-top-style: dashed;
	border-color:#747473;
	border-top-width: 1px;
}

.lightbluetextbot2
{
	float: left;
	width: 232px;
	height: 240px;
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #57504D;
	background-color: #E1F6FE;
	padding: 20px 15px 10px 15px;
	border-top-style: dashed;
	border-color:#747473;
	border-top-width: 1px;
}

.lightbluetextbotright
{
	float: left;
	width: 232px;
	height: 246px;
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #57504D;
	background-color: #E1F6FE;
	padding: 20px 15px 10px 15px;
	border-top-style: dashed;
	border-color:#747473;
	border-top-width: 1px;
}

.browntag
{
    float: left;
	width: 103px;
	height: 81px;
	font-size: 16px;
	float: left; 
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #747473;
	background: url("images/brown_tag.png") no-repeat;
	padding: 15px 0px 0px 160px;
	text-decoration: none;
}

.bluetag
{
    float: left;
	width: 103px;
	height: 69px;
	font-size: 16px;
	float: left; 
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
	background: url("images/blue_tag.png") no-repeat;
	padding: 25px 0px 0px 160px;
	text-decoration: none;
}

.greentag
{
    float: left;
	width: 108px;
	height: 63px;
	font-size: 16px;
	float: left; 
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #3E0C89;
	background: url("images/green_tag.png") no-repeat;
	padding: 20px 0px 0px 155px;
	text-decoration: none;
}

.seethrutag
{
    float: left;
	width: 263px;
	height: 37px;
	font-size: 16px;
	float: left; 
	font-family: sans-serif, Times, serif;
	font-style:italic;
	text-align: center;
	font-weight: bold;
	color: #3E6541;
	background: url("images/seethru_tag.png") no-repeat;
	background-color: #E1F6FE repeat-y;
	padding: 20px 0px 0px 0px;
	text-decoration: none;
}

.designleft
{
    float: left;
	width: 262px;
	height: 53px;
	background: #000000 url("images/left_design.png") no-repeat;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

.designmiddle
{
    float: left;
	width: 262px;
	height: 59px;
	background: #000000 url("images/middle_design.png") no-repeat;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

.designright
{
    float: left;
	width: 262px;
	height: 58px;
	background: #000000 url("images/right_design.png") no-repeat;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

.spacer 
{
	padding: 0px 0px 0px 0px;
	float: left;
	width: 12px;
	height: 170px;
}

.spacerhorizontal
{
	padding: 0px 0px 0px 0px;
	float: left;
	width: 927px;
	height: 20px;
}

.mainbox 
{
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 921px;
	background-color: #6493C1;
	border-style:solid;
	border-color:#FFFFFF;
	border-width: 3px;
}

.footer
{
	padding: 5px 0px 0px 0px;
	float: left;
	width: 921px;
	height: 20px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width: 2px;
	text-decoration: none;
	font-size: 10px;
	font-family: sans-serif, Times, serif;
	font-style: strong;
	text-align: center;
	font-weight: normal;
	color: #E9EAEC;
	background-color: #0B245D;
}


div.bluesquare a:link, div.bluesquare a:active, div.bluesquare a:visited
{
	font-size: 16px; 
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #747473;
	text-decoration: none;
}

div.bluetag a:link, div.bluetag a:active, div.bluetag a:visited
{
	font-size: 16px;
	float: left; 
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
}

div.greentag a:link, div.greentag a:active, div.greentag a:visited
{
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #3E0C89;
}


div.bluesquare a:hover
{
	font-size: 16px; 
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #E40000;
	text-decoration: none;
}

div.seethrutag a:link, div.seethrutag a:active, div.seethrutag a:visited
{
	font-family: sans-serif, Times, serif;
	font-style:italic;
	text-align: center;
	font-weight: bold;
	color: #3E6541;
	text-decoration: none;
}

div.seethrutag a:hover
{
	font-family: sans-serif, Times, serif;
	font-style:italic;
	text-align: center;
	font-weight: bold;
	color: #E40000;
	text-decoration: none;
	background-color: #FFFFFF;
}

div.lightbluetext a:link, div.lightbluetext a:active, div.lightbluetext a:visited
{
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #57504D;
	background-color: #E1F6FE;
}

div.lightbluetext a:hover
{
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #E40000;
	background-color: #FFFFFF;
}

div.lightbluetextbot a:link, div.lightbluetextbot a:active, div.lightbluetextbot a:visited
{
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #57504D;
	background-color: #E1F6FE;
}

div.lightbluetextbot a:hover
{
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #E40000;
	background-color: #FFFFFF;
}

div.lightbluetextbotright a:link, div.lightbluetextbotright a:active, div.lightbluetextbotright a:visited
{
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #57504D;
	background-color: #E1F6FE;
}

div.lightbluetextbotright a:hover
{
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #E40000;
	background-color: #FFFFFF;
}


.thumbnail
{
   float: left;
  width: 182px;
  padding: 10px 10px 10px 40px;
  text-decoration: none;
}

.flashbox
{
 
  float: left;
  width: 220px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.smallbox
{
 
  float: left;
  width: 220px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

div.thumbnail a:link, div.thumbnail a:active, div.thumbnail a:visited
{
	display: inline;
    text-decoration: none;
	border: none;
	color: #E1F6FE;
	background-color: #E1F6FE;
}

div.thumbnail a:hover
{
	display: inline;
    text-decoration: none;
	display: block;

}

.thumbnailright
{
  float: right;
  width: 200px;
  padding: 10px 90px 10px 20px;
  text-decoration: none;
  border: none;
}

div.thumbnailright a:link, div.thumbnailright a:active, div.thumbnailright a:visited
{
	display: inline;
    text-decoration: none;
	border: none;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

div.thumbnailright a:hover
{
	display: inline;
    text-decoration: none;
	display: block;

}


 
 #lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */         
	display: block;
	}
	
	
	
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}



/*------------------------------------------------------------------------------------------
	Cacadin Style Sheet Document
	NetFORCE Hosting Style Sheet Designed Guatemala Reservations www.guatemalareservations.com
	Updated: 08-20-2008
	Copyright www.netforcenet.com All rights reserved over this document.
	You may not use, modify or distribute this without the direct consent of the Author NetFORCE Hosting at www.netforcenet.com
	
	Documento de Cascading Style Sheet (CSS)
	NetFORCE Hosting Hoja de Estilo Diseņada para Guatemala Reservations www.guatemalareservations.com
	Actualizado: 08-20-2008
	Copyright www.netforcenet.com Reserva todos los derechos sobre este documento.
	Usted no puede usar, modificar, distribuir este documento sin el consento directo del autor NetFORCE Hosting en www.netforcenet.com
------------------------------------------------------------------------------------------*/