/************* GENERAL CSS ************/

body {
	margin: 0px;
	padding: 0px;
	background: #666666 url(images/back2.png) repeat-y center top;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3399FF;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #0033FF;
}

a:hover {
	text-decoration: underline;
	color: #33CCFF;
}


/*******************foto****************/

/* needed for IE to make :active state work first time */
#foto a, a:visited {color:#000;}

/* common styling for all galleries */

#foto a.gallery, a.gallery:visited {display:inline-block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:55px; float:left; margin:4px; z-index:50;}
#foto a.slidea {background:url(arbolimages/image1_small.jpg);}
#foto a.slideb {background:url(arbolimages/image2_small.jpg);}
#foto a.slidec {background:url(arbolimages/image3_small.jpg);}
#foto a.slided {background:url(arbolimages/image4_small.jpg);}
#foto a.slidee {background:url(arbolimages/image5_small.jpg);}
#foto a.slidef {background:url(arbolimages/image6_small.jpg);}
#foto a.slideg {background:url(arbolimages/image7_small.jpg);}
#foto a.slideh {background:url(arbolimages/image8_small.jpg);}
#foto a.slidei {background:url(arbolimages/image9_small.jpg);}
#foto a.slidej {background:url(arbolimages/image10_small.jpg);}
#foto a.slidek {background:url(nueimages/image1_small.jpg);}
#foto a.slidel {background:url(nueimages/image2_small.jpg);}
#foto a.slidem {background:url(nueimages/image3_small.jpg);}
#foto a.sliden {background:url(nueimages/image4_small.jpg);}
#foto a.slideo {background:url(nueimages/image5_small.jpg);}
#foto a.slidep {background:url(nueimages/image6_small.jpg);}
#foto a.slideq {background:url(nueimages/image7_small.jpg);}
#foto a.slider {background:url(nueimages/image8_small.jpg);}
#foto a.slides {background:url(nueimages/image9_small.jpg);}
#foto a.slidet {background:url(nueimages/image10_small.jpg);}
#foto a.gallery em, a.gallery span {display:none;}
#foto a.gallery:hover {border:1px solid #fff;}

/* styling for LEFT gallery */

#container_left {position:relative; width:600px; height:325px; background: url(images/galbkgnd.png) 0px 0px no-repeat; border:1px solid #a49188; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}
#container_left a.gallery:active, 
#container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, 
#container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:302px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}

/************* HEADER STUFF ************/

#header {
	width: 843px;
	height: 120px;
	margin: 0px auto;
	padding: 10px 0px;
	background: #FFFBFD url(images/banner-new.gif);
}

#header h1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #3399FF;
	font-size: 3em;
	text-transform: uppercase;
}

#header h2 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 1.5em;
	text-transform: uppercase;
}

/************* MENU ************/

#menu {
	width: 843px;
	margin: 0px auto;
	padding: 5px 0px 5px 0px;
	background-color: #000000;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background-color: #333333;
}

/************* CONTENT ************/

#content {
	width: 810px;
	margin: 0px auto;
	position: relative;
	padding: 20px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	line-height: 150%;
}

#left {
	float: left;
	width: 480px;
	padding: 0px 20px 40px 20px;
}

#right {
	float: right;
	width: 240px;
	padding: 0px 20px 40px 20px;
	color: #000033;
}

#center {
	float: left;
	width: 780px;
	padding: 0px 20px 40px 20px;
	text-align: center;
}


table.availbook {align:center}

td.offer {background-color:#FFFF00;}
td.avail {background-color:#AFEEEE;}
td.book {background-color:#B03060;}

/************* FOOTER ************/

#footer {
	clear: both;
	width: 843px;
	margin: 0px auto;
	border-top: 1px solid #666666;
	background: url(images/back-footer.png) repeat-n center top;
	font-size: 9px;
	text-align: center;
	padding: 2px;
	color: #333333;
}