/* Designed and Developed by
Christou Penny
The 7th Design
Copyright 2008,All rights Reserved  */

p{ line-height:18px;}

.style1 {
	color: #3366CC;
	font-weight: bold;
}

.style10 {font-size: 14px;}
.style11 {color: #466C93;}
.style6 {	font-size: 14px;
	font-weight: bold;
	color: #466C93;
}

body {
	background: #ffffff ;
	font-family:arial;
	font-size:12px;
	line-height:18px; 
	color:#333333;
	background-image:url(../images/bg_02.gif);
	background-repeat:repeat-x;
	text-align:center;
	 padding: 0;
	margin: 0;
	}
	
	a:link {
	color: #5F94CA;
	text-decoration: none;
}
a:visited {
	color: #5F94CA;
	text-decoration: none;
}
a:active {
	color: #5F94CA;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #ECA66E;
}
		
img, div { behavior: url(../iepngfix.htc)}



#background{ background-image:url(../images/bg_02.gif);
background-position:top left;
background-repeat:repeat-x;
text-align:left;}

#backgroundsea{ background-attachment:scroll;
background-image:url(../images/bg.png);
background-repeat:no-repeat;
background-position:top left;
min-height:700px;
max-height:1300px;
text-align:left;}

#container{ 
margin: 0 auto;
text-align: left;
width:1041px;
}

.container2{
width:908px;
background-color:#FFFFFF;
}

#logo{ background-image:url(../images/logo.png); 
float:left; 
width:130px; 
height:288px;
background-position:top left;}

.surveywrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 96.25%;
padding-top: 0px;
height: 0;
}

.surveywrapper iframe {
position: absolute;
top: 210px;
left: -145px;
width: 205%;
height: 290%;
}

#surveylabel {
position: absolute;
top:180px;
left: -100px;
}

.tickets {
max-width:100%;
max-height:100%;
}

.fadein { position:relative; width:900px; height:450px;}
.fadein img { position:absolute; left:0; top:0; }

#mainbg{ background-image:url(../images/main_bg.gif);
background-repeat:repeat-y;
float:right;
width:911px;
min-height:712px; }

.header{ width:903px;
 height:470px; 
 float:right;}

.header_gal{ width:903px;
 height:145px; 
 float:right;}

.crossfade { width:905px;
 height:450px; 
 position: relative;
 float:right;}

#crossfade > img { 
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 40s linear infinite 0s;
    -moz-animation: imageAnimation 40s linear infinite 0s;
    -o-animation: imageAnimation 40s linear infinite 0s;
    -ms-animation: imageAnimation 40s linear infinite 0s;
    animation: imageAnimation 40s linear infinite 0s; 
}

#crossfade > img:nth-child(2)  {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
  }
#crossfade > img:nth-child(3) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade > img:nth-child(4) {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade > img:nth-child(5) {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}

#crossfade > img:nth-child(6) {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

/* =MENU NAV */
#menu{margin: 0 auto;
text-align:right; 
width:905px;}

#nav {
	width: 971px;
	margin: 0 auto;
	height: 28px;
	
}
#nav ul { 
	list-style: none; 
	margin: 0;
	padding: 0;
}
#nav ul li {
	display: block;
	float: right;
}
#nav ul li a {
	display: block;
	height: 28px;
}
#nav span { display: none; }
#nav a.home {
	width: 89px;
	background: url(../images/home.gif);
	margin-left: 0px;
}
#nav a.home:hover { background-position: 0% -28px; }
#nav a.location {
	width: 92px;
	background: url(../images/location.gif);
	margin-left: 0px;
}
#nav a.location:hover { background-position: 0% -28px; }
#nav a.accomodation {
	width: 93px;
	background: url(../images/accomodation.gif);
	margin-left: 0px;
}
#nav a.accomodation:hover { background-position: 0% -28px; }
#nav a.photogallery {
	width: 105px;
	background: url(../images/gallery_en.gif);
	margin-left: 0px;
}
#nav a.photogallery:hover { background-position: 0% -28px; }
#nav a.contact {
	width: 119px;
	background: url(../images/contact.gif);
	margin-left: 0px;
}
#nav a.contact:hover { background-position: 0% -28px; }

#nav a.reservations {
	width: 105px;
	background: url(../images/reservations.png);
	margin-left: 0px;
}
#nav a.reservations:hover { background-position: 0% -28px; }

/*eng_menu*/
#nav a.home_en {
	width: 89px;
	background: url(../images/home_en.gif);
	margin-left: 0px;
}
#nav a.home_en:hover { background-position: 0% -28px; }
#nav a.location_en {
	width: 94px;
	background: url(../images/location_en.gif);
	margin-left: 0px;
}
#nav a.location_en:hover { background-position: 0% -28px; }
#nav a.accomodation_en {
	width: 105px;
	background: url(../images/accomodation_en.gif);
	margin-left: 0px;
}
#nav a.accomodation_en:hover { background-position: 0% -28px; }
#nav a.photogallery {
	width: 105px;
	background: url(../images/gallery_en.gif);
	margin-left: 0px;
}
#nav a.photogallery:hover { background-position: 0% -28px; }
#nav a.contact_en {
	width: 114px;
	background: url(../images/contact_en.gif);
	margin-left: 0px;
}
#nav a.contact_en:hover { background-position: 0% -28px; }

#nav a.reservations_en {
	width: 105px;
	background: url(../images/reservations.png);
	margin-left: 0px;
}
#nav a.reservations_en:hover { background-position: 0% -28px; }

#content{ width:730px;
padding-top:10px;
padding-left:10px; 
padding-right:10px;
}

.flags{ float:right; margin-right:5px; color:#666; text-align:center; display:inline-block; background-color:#fafafa; border-bottom:solid 1px #eeebed;}
.galbt{ float:right; text-align:right;width:620px;   }

#content_page2{ width:900px; float:right;
padding-right:5px;
padding-top:5px;}

#img{ width:141px;  margin-right:0px;
height:107px; float:left;}
#img2{ width:103px;
height:85px; float:right; padding-left:5px;}
#right{
float:right;
	position:relative;
	width: 290px;
	padding:0px;
	margin:0px;
}

#text{ width:890px; padding-left:5px; text-align:justify; margin-top:0px; float:left;}
#text2{ width:520px; text-align:right; line-height:20px;  float:left;}
#textindex{ width:700px; padding-left:5px; float:left; margin-top:10px; }
#cont_text{ width:500px; float:right;}
#bottom_content{ width:763px; padding-left:10px; }
#bottom_content_page2{ float:right; width:710px; padding-top:15px; }
#text_page2{ width:570px; float:right; padding-right:0px;}

#accom{ width:350px; float:left; padding:20px 0px 0px 0px; }
#accom_page2{ width:115px; float:left; padding:0px 0px 0px 0px;}
#text_bot{ width:400px; float:right; padding:0px 0px 0px 0px;}
#text_bot_page2{ width:730px; float:left; padding: 26px 0px 0px 140px; text-align:justify;padding-top:26px}

#high{ width:143px; padding:100px 0px 0px 0px; height:73px; float:right;}

#footer{ background-image:url(../images/footer_bg.png); width:900px; color:#6699cc;
font-size:10px; font-family:arial; 
height:50px; background-repeat:no-repeat;margin: 0 auto;
text-align: right;}

.footer{ color:#6699cc;
font-size:10px;text-align: right; font-family:arial;  padding-right:10px; padding-top:23px; margin-right:10px;}

.clear{clear: both; padding-top:50px;}