/*------------------------------------------------------------------------------------------
	Cacading Style Sheet Document
	NetFORCE Hosting Style Sheet Designed for Hostel Marie
	Updated: 08-14-2007
	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 Hostel Marie
	Actualizado: 08-14-2007
	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
{
	margin: 0 auto;
	width: 800px;  
	background: #6F0000;
	border: 0;
}

p
{
	text-indent: 2.0em;
}

a
{
text-decoration: none;
color: #000000;
}

.webpageframe
{
    float: left;
	width: 800px;
	background-color: #FFFFFF;
	background: #FFFFFF repeat-y;
}

.header
{
    float: left;
	width: 800px;
	height: 173px;
	background: #FFFFFF url("images/header.jpg") no-repeat;
}


.footer
{
    float: left;
	width: 500px;
	height: 427px;
	padding: 0px 150px 0px 150px;
	background: #FFFFFF url("images/footer.jpg") no-repeat;
}

.maintext 
{
	float: left;
	width: 480px;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	background: #FFFFFF repeat-y;
}

.menubox
{
	float: left;
	width: 320px;
	height: 25px;
	display: block;
	padding: 0px 0px 0px 130px;
}

.inicio
{
	float: left;
	width: 80px;
	height: 20px;
	font-size: 12px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: center;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #9CDD6A;
	margin-top: 0px;
	border: 1px solid black;
	padding: 5px 5px 0px 5px;
}

.footertext
{
	float: left;
	width: 500px;
	font-size: 10px;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	padding: 5px 150px 5px 150px;
}


.thumbnailright
 {
  float: right;
  padding: 8px;
  margin: 0px 10px 0px 10px;
  border: double #9A9A9A; 
 }

.thumbnail
{
  float: left;
  margin: 0px 5px 0px 5px;
  padding: 8px;
  border: double #9A9A9A;  
}
 
img 
{ 
	border: 0px;
} 

div.footertext a:active, div.footertext a:link, div.footertext a:visited
{
	color: #FFFFFF;
}

div.footertext a:hover
{
	color: #FFFFFF;
	background-color: #B42E23;
}

div.footertext2 a:active, div.footertext2 a:link, div.footertext2 a:visited
{
	color: #000000;
}

div.footertext2 a:hover
{
	color: #FFFFFF;
	background-color: #B42E23;
}


div.language a:hover, div.language2 a:hover, div.language3 a:hover, div.language4 a:hover
{
	color: #FFFFFF;
	background-color: #B42E23;
}

.divform
{
	float: left;
	width: 300px;
	padding: 10px 10px 10px 10px;
	border: 1px solid black; 
}


#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;
}


div.menubox a:hover, div.menubox2 a:hover
{
	background: none;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}


/*------------------------------------------------------------------------------------------
	Cacading Style Sheet Document
	NetFORCE Hosting Style Sheet Designed for Hostel Marie
	Updated: 08-14-2007
	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 Hostel Marie
	Actualizado: 08-14-2007
	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
------------------------------------------------------------------------------------------*/