@charset "iso-8859-1";
/* CSS Document */

body{
background-image: url(img/tlo.gif);
background-repeat: repeat-x;
text-align: center;
color: #FFFFFF;
font-size: 11px;
font-family: "Arial";
}

a:link{
color: #ff6633;
font-size: 12px;
text-decoration: none;
}

a:active{
color: #ff6633;
font-size: 12px;
text-decoration: none;
}

a:visited{
color: #ff6633;
font-size: 12px;
text-decoration: none;
}

a:hover{
color: #FFCC00;
}

p{
margin: 0px 0px 0px 0px;
padding: 0px 10px 14px 10px;
text-align: justify;
}

p.right{
padding: 0px 0px 14px 0px;
}

h2{
color: #ff6633;
font-size: 11px;
font-weight: bold;
text-align: left;
padding: 0px 0px 0px 10px;
margin: 0px 0px 4px 0px;
}

ul{
text-align: left;
padding: 0px 0px 0px 20px;
margin: 10px 0px 10px 0px;
}

#container{
	position: relative;
	width: 980px;
	height: 600px;
	margin: 0 auto;
}

#top{
position: relative;
width: 980px;
height: 60px;
text-align: left;
}

#left{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left.gif);
background-repeat: no-repeat;
}

#left{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left.gif);
background-repeat: no-repeat;
}

#left_home{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_home.gif);
background-repeat: no-repeat;
}

#left_location{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_location.gif);
background-repeat: no-repeat;
}

#left_prices{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_prices.gif);
background-repeat: no-repeat;
}

#left_booking{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_booking.gif);
background-repeat: no-repeat;
}

#left_groups{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_booking.gif);
background-repeat: no-repeat;
}


#left_contact{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_contact.gif);
background-repeat: no-repeat;
}

#left_links{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_links.gif);
background-repeat: no-repeat;
}

#left_gallery{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_gallery.gif);
background-repeat: no-repeat;
}

#left_guestbook{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_guestbook.gif);
background-repeat: no-repeat;
}

#left_facebook{
position: relative;
width: 220px;
height: 480px;
background-image: url(img/left_guestbook.gif);
background-repeat: no-repeat;
}


#left2{
position: relative;
margin: 0px 0px 0px 35px;
}

#menu{
position: relative;
top: 10px;
left: 50px;
text-align: left;
color: #660000;
font-family: "Verdana";
font-weight: bold;
font-size: 12px;
line-height: 22px;
}

#menu a:link, #menu a:active, #menu a:visited{
color:#660000;
font-weight: bold;
text-decoration: none;
}

#menu a:hover{
color:#FF6600;
}

#right{
position: relative;
width: 760px;
height: 480px;
background-image: url(img/right.gif);
background-repeat: no-repeat;
float: right;
}

#pics{
position: relative;
width: 310px;
min-height: 400px;
text-align: left;
float: right;
padding: 0px 0px 0px 10px;
margin-right: 40px;
border-left: 1px dotted white;
}

#slimpics{
position: relative;
width: 150px;
min-height: 400px;
text-align: left;
float: right;
padding: 0px 0px 0px 10px;
margin-right: 40px;
border-left: 1px dotted white;
}

#midpics{
position: relative;
width: 200px;
min-height: 400px;
text-align: left;
float: right;
padding: 0px 0px 0px 10px;
margin-right: 40px;
border-left: 1px dotted white;
}

#pic1 { float: left; }
#pic2 { float: right; padding-right: 5px;}
#picclear { clear: both; }

#promo {
position: relative;	
}

#text{
position: relative;
width: 390px;
margin: 0px 5px 0px 5px;

}


#widetext{
position: relative;
width: 540px;
margin: 0px 5px 0px 5px;

}

#midtext{
position: relative;
width: 480px;
margin: 0px 5px 0px 5px;

}

#text2{
position: relative;
width: 720px;
height: 460px;
overflow-y: auto;
}

#text3{
position: relative;
width: 720px;
height: 460px;
overflow: auto;
}

#maintext{

color: #000000; 
font-size: 11px;
font-family: "Arial";
}


#down{
position: relative;
width: 980px;
height: 58px;
background-image:url(img/dol.gif);
background-repeat: no-repeat;

}

.mainright{
font-size:11px;
color:#660000;
}
