* { margin: 0; padding: 0; list-style: none; border: 0; background-repeat: no-repeat; text-decoration: none; outline:0px; }
body { background:#1488c1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; line-height: 18px; }
a { color: #eee; text-decoration:none; }
a:hover { color: #CCC; }
.arrow { background:url(../images/site/arrow_orange.png) no-repeat 0px 4px; padding-left:13px; }
img { display: block; }
a:active { outline:none; }
:focus { -moz-outline-style:none; }
em { font-style: normal; font-weight: bold; }
h1 { width: 180px; position: absolute; top: 0px; left:200px; z-index: 10000; height: 0px; }
h1 a { text-indent: -3000px; overflow: hidden; background: url(../images/site/logo.jpg); display: none; height: 100%; width: 100%; }
h2 { font-size:1.0em; color:#F60; }
h3 {}
h4 { font-size: 10px; }
.title { height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px; position:relative; left:0px; }
.clearer { height: 0.1em; clear: both; }
.clear { clear:both; }
.bold { font-weight:bold; color:#ddd;}
#container { width: 1020px; height: 660px; margin: 0 auto; position: absolute; top: 40px; left: 50%; margin-left: -515px; }
#tel { position:absolute; left:810px; top:22px; color:#eee; }
#tel img { display:inline; }
#mail { position:absolute; left:560px; top: 25px; color:#eee; z-index:70; }
#mail img { display:inline; }
#language { width:160px; position: absolute; left: 905px; top:0px; z-index:85; font-size:0.8em; }
#language li { display:inline; float:left; padding: 0 5px; }
#language a:hover { color:#F60; }
#logo { position:absolute; top: 110px; left:736px; z-index:40; }
#logo h1 { text-indent: -3000px; overflow: hidden;}
#reserv { position:absolute; top:160px; left:740px; }
#nav { width:100%; position: absolute; top:0px; left: 17px; z-index:80; margin: 0; padding: 7px 0; float: left; }
#nav li { margin: 53px 10px 0 0; padding: 0 0 8px; float: left; position: relative; list-style: none; }
/* main level link */
#nav a { color: #e5e3ee; text-decoration: none; display: block; padding:  5px 20px 3px; margin: 0; background: #dc580f; border-top-right-radius:0.8em; -moz-border-radius-topright:0.8em; border-top-left-radius:0.8em; -moz-border-radius-topleft:0.8em; box-shadow: 0 1px 1px rgba(0, 0, 0, .2); }
#nav a:hover { background: #000; color: #fff; }
/* main level link hover */
#nav .current a, #nav li:hover > a { color: #3C2C1F; background: #e5e3ee; }
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a { background: none; color: #261b15; -webkit-box-shadow: none; -moz-box-shadow: none; z-index:80; }
#nav ul a:hover { background: #173251 url(../images/site/gradientt.png) repeat-x 0 -100px !important; color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; }
/* dropdown */
#nav li:hover > ul { display: block; z-index:80; }
/* level 2 list */
#nav ul { display: none; margin: 0; padding: 10px; width: 160px; position: absolute; top: 29px; left: 0; background: #e5e3ee; color: #3C2C1F; -webkit-border-radius: 0.8em; -moz-border-radius:0.8em; border-radius: 0.8em; border-top-left-radius:0em; -moz-border-radius-topleft:0em; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .3); z-index:80; }
#nav ul li { float: none; margin: 0; padding: 0; z-index:80; }
#nav ul a { font-weight: normal; text-shadow: 0 1px 0 #color: #3C2C1F;;
}
/* level 3+ list */
#nav ul ul { left: 181px; top: -3px; }
/* rounded corners of first and last link */
#nav ul li:first-child > a { -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px; }
#nav ul li:last-child > a { -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px; }
#lt { position: absolute; top:14px; left:13px; background:url(images/site/topleft.png); width:20px; height:20px; z-index:80; }
#bl { position:absolute; top:492px; left:13px; background:url(images/site/bottomleft.png); width:20px; height:20px; z-index:80; }
#rt { position: absolute; top:14px; left:713px; background:url(images/site/topright.png); width:20px; height:20px; z-index:80; }
#rb { position:absolute; top:492px; left:713px; background:url(images/site/bottomright.png); width:20px; height:20px; z-index:80 }
#real_page { background: #e5e3ee; height: 495px; position: relative; overflow: hidden; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); padding: 15px; margin-top: 86px; }
#contents_wrapper { width: 700px; height: 495px; position: absolute; overflow: hidden; }
#contents { width: 5600px; height: 100%; position: relative; }
#overlay { width: 700px; height:490px; border-top-left-radius:1em; -moz-border-radius-topleft:1em; border-bottom-left-radius:1em; background: #173251; -moz-border-radius-bottomleft:1em; }
.content { width: 700px; position: absolute; overflow: hidden; }

#reservationform { width: 260px; margin-top: 3px; }
#reservationform .input1 { width:100px; }
#reservationform .input2 { width:50px; }
#reservationform fieldset .width { width:80px; float: left; }
input, textarea, select { padding: 2px 4px; margin: 3px 0; border: solid 1px #E5E5E5; background: #FFFFFF;-webkit-border-radius: 0.4em; -moz-border-radius:0.4em; border-radius: 0.4em; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/ -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; }
textarea { width: 230px;height: 40px; -webkit-border-radius: 0.7em; -moz-border-radius:0.7em; border-radius: 0.7em; }
input:hover, textarea:hover, input:focus, textarea:focus { -moz-box-shadow:0 0 8px lightblue; -webkit-box-shadow:0 0 8px lightblue; box-shadow:0 0 8px lightblue; }
.form label { margin-left: 12px; color: #999999; width:80px; }
.submit input { width: auto; padding: 2px 5px; background: #dc580f; border:0px; color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; float:right; margin: 5px 20px 0 0; }

/*HOME*/
#home { left: 0px; top: 0; background: #173251 url(../images/site/oferte_thumb.jpg) top no-repeat; padding: 160px 0 0; height:5500px; }
#home .description, #rooms .description, #area .description, #car .description, #links .description, #specials .description { background:#173251; height: 260px; padding: 30px 0px 48px 40px; color: #c8b18b; width: 600px; }
#home h1 { background-image:url(../images/site/willkommen.png); width:180px; height:30px; }
#com { float:right; margin:20px 0 0 0; }
#comments { padding:20px 35px; color: #c8b18b; }
#comments .comment { width: 640px; height:auto; padding: 5px; margin: 2px 0; font-size:0.9em; }
/*ROOMS*/
#rooms { left: 700px; top: 0; background:#173251 url(../images/site/camere_thumb.jpg) no-repeat; padding: 160px 0 0; height:5500px; }
#rooms h1 { background: url(../images/site/zimmer.png); width:280px; height:30px; }
#rooms dt, #rooms dd { display: inline; }
#rooms dt { color: #eee; }
#rooms dl, #rooms p { line-height: 18px; }
#list_rooms dl { padding:4px 0px; }
#list_rooms { padding: 10px 0; }
#dr { background:url(../images/site/room2.jpg); width:700px; height:500px; z-index: 10; }
#dr h1 { background:url(../images/site/doppelzimmer.png); height:26px; }
#tr { background:url(../images/site/room2.jpg); width:700px; height:500px; }
#tr h1 { background:url(../images/site/dreibettzimmer.png); height:26px; }
.roominfos, .carinfos { margin: 0px 20px; width: 220px; padding:40px 0 0 0; color: #eee; }
.roomtext { height:210px; border-bottom: 1px solid #e325883; }
.price { margin:30px 0; }
.price li { margin-bottom:8px; padding-bottom:4px; border-bottom:1px solid #325883; }
.extras { font-size:0.7em; line-height:normal; color: #ccc; }
/*SPECIALS */
#specials { left: 1400px; top: 0; background:#173251 url(../images/site/angebote.jpg) top no-repeat; padding: 160px 0 0; height:5500px; }
#specials h1 { background: url(../images/site/angebote.png); width:280px; height:30px; }
#specials ul { width:180px; float:left; margin: 30px 0 0 0; padding:0 10px 0 5px; border-left: 1px solid #325883; }
/*AREA*/
#area { left: 2100px; top: 0; background: #173251 url(../images/site/area.jpg) top no-repeat; padding: 160px 0 0; height:5500px; }
#area h1 { background-image: url(../images/site/umgebung.png); height:30px; }
#area ul { width:600px; float:left; margin: 20px 10px 0 0; }
#galini { background:url(../images/site/galini.jpg) top no-repeat; height:500px; width:700px; }
#galini .info { color: #c8b18b; padding:20px; width: 240px; }
#galini h1 { background-image: url(../images/site/agiagalini.png); height:30px; }
#preveli { background:url(../images/site/preveli.jpg) top no-repeat; height:500px; width:700px; }
#preveli .info { color: #c8b18b; padding:20px; width: 240px; }
#preveli h1 { background-image: url(../images/site/preveli.png); height:30px; }
#faistos { background:url(../images/site/faistos.jpg) top no-repeat; width:700px; height:500px; }
#faistos .info { padding: 20px; color: #c8b18b; width: 240px; }
#faistos h1 { background-image: url(../images/site/phaistos.png); height:30px; }
#matala { background:url(../images/site/matala.jpg) top no-repeat; width:700px; height:500px; }
#matala .info { color: #c8b18b; padding:20px; width: 240px; }
#matala h1 { background-image: url(../images/site/matala.png); height:30px; }
#triopetra { background:url(../images/site/triopetra.jpg) top no-repeat; width:700px; height:500px; }
#triopetra .info { color: #c8b18b; padding:20px; width: 240px; }
#triopetra h1 { background-image: url(../images/site/triopetra.png); height:30px; }
#spili { background:url(../images/site/spili.jpg) top no-repeat; width:700px; height:500px; }
#spili .info { color: #c8b18b; padding:20px; width: 240px; }
#spili h1 { background-image: url(../images/site/spili.png); height:30px; }
#rethimnon { background:url(../images/site/rethimnon.jpg); width:700px; height:500px; }
#rethimnon .info { color: #c8b18b; padding:20px; width: 240px; }
#rethimnon h1 { background-image: url(../images/site/rethimnon.png); height:30px; }
/*GALLERY*/
#galerie { left: 2800px; top: 0; height: 2000px; background:#173251; height:5500px; }
#gallery { }
#gallery li a { display:block; padding:3px; border: 1px solid #325883; background:#14355b; float:left; margin:12px; border-radius:0.8em; -moz-border-radius:0.8em; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .8); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .8); box-shadow: 0 3px 5px rgba(0, 0, 0, .8); }
#gallery a:hover { border:1px solid #061628; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
#gallery .gal { padding: 10px 30px; height: 500px; border-radius:5% }
/*CAR*/
#car { left: 3500px; top: 0; background:#173251 url(../images/site/carrental.jpg) top no-repeat; padding: 160px 0 0; height:5500px; }
#car h1 { background: url(../images/site/autovermietung.png) no-repeat; height:30px; width:280px; }
#car #info { padding: 20px 0 30px 0px; line-height:19px; color: #e5e3ee; }
#car .description { padding: 30px 0px 80px 40px; }
#carlist { line-height: 17px; padding: 20px; color:#e5e3ee; }
#carlist li { width:300px; display:block; height:125px; float:left; border:1px solid #325883; padding:5px 5px 5px 7px; margin: 0px 20px 12px 0; background:#14355b;border-radius:0.9em; -moz-border-radius:0.9em;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .8); -moz-box-shadow: 0 31px 3px rgba(0, 0, 0, .8); box-shadow: 0 1px 3px rgba(0, 0, 0, .8); }
#car_list #carlist li div { float:left; margin:5px;}
#car .border { margin: 0px 0px 12px 0; }
#carlist h4 { float:left; }
#carlist li span { float:right; padding-left:3px;}
.extras li{ display:inline; float:left; padding:0px 0px 0 30px; margin:-5px 0 0 0; }


/*LINKS*/
#links { left:4200px; top:0; background:#173251 url(../images/site/links.jpg) no-repeat; padding: 160px 0 0; height:4000px; }
#links h1 { background-image: url(../images/site/links.png); height:30px; }
#links ul { width:240px; float:left; margin: 20px 10px 0 0; }
/*CONTACT*/
#contact { left: 4900px; top: 0; background:#173251; padding: 0px 0 0; height:2000px; }
#contact .description { background: #173251 url(../images/site/map.jpg) no-repeat; height: 265px; padding: 190px 25px 42px 40px; color: #c8b18b; }
#contact h1 { background: url(../images/site/Kontakt.png) no-repeat; height:30px; }
#contact_info { float:left; width:220px; margin: 0 55px 0 0; }
#contact_info ul { margin-bottom:15px; }
#contact p { padding:10px 0;}
/*FOOTER*/
#footer { float:left; margin-right:20px; margin-left: 20px; }
#footer li { display:inline; padding: 5px 10px; color:#9dbad6; font-size:0.8em; }
#footer li a { color:#eee; }
#footer li a:hover { color:#CCC; }
#facebook { padding: 15px 0 0 896px; }


/*  ENGLISH VERSION  */
#en #home h1 { background-image:url(../images/site/welcome.png); width:180px; height:30px; }
#en #rooms h1 { background: url(../images/site/rooms.png); width:280px; height:30px; }
#en #dr h1 { background:url(../images/site/doubleroom.png); height:26px; }
#en #tr h1 { background:url(../images/site/tripleroom.png); height:26px; }
#en #specials h1 { background: url(../images/site/specials.png); width:280px; height:30px; }
#en #car h1 { background: url(../images/site/carrental.png) no-repeat; height:30px; width:280px; }
#en #contact h1 { background: url(../images/site/contact.png) no-repeat; height:30px;}
#en #area h1 { background-image: url(../images/site/location.png); height:30px; }
#en #galini h1 { background-image: url(../images/site/agiagalini.png); height:30px;}
#en #preveli h1 { background-image: url(../images/site/preveli.png); height:30px;}
#en #faistos h1 { background-image: url(../images/site/phaistos.png); height:30px; }
#en #matala h1 { background-image: url(../images/site/matala.png); height:30px; }
#en #triopetra h1 { background-image: url(../images/site/triopetra.png); height:30px; }
#en #spili h1 { background-image: url(../images/site/spili.png); height:30px; }
#en #rethimnon h1 { background-image: url(../images/site/rethimnon.png); height:30px; }

/*  GREEK VERSION  */
#gr #home h1 { background-image:url(../images/site/welcome_gr.png); width:220px; height:30px; }
#gr #rooms h1 { background: url(../images/site/rooms_gr.png); width:280px; height:30px; }
#gr #dr h1 { background:url(../images/site/doubleroom_gr.png); height:26px; }
#gr #tr h1 { background:url(../images/site/tripleroom_gr.png); height:26px; }
#gr #links h1 { background-image: url(../images/site/links_gr.png); height:30px; }
#gr #specials h1 { background: url(../images/site/specials_gr.png); width:280px; height:30px; }
#gr #car h1 { background: url(../images/site/carrental.png) no-repeat; height:30px; width:280px; }
#gr #contact h1 { background: url(../images/site/contact_gr.png) no-repeat; height:30px;}
#gr #area h1 { background-image: url(../images/site/location_gr.png); height:30px; }
#gr #galini h1 { background-image: url(../images/site/agiagalini_gr.png); height:30px;}
#gr #preveli h1 { background-image: url(../images/site/preveli_gr.png); height:30px;}
#gr #faistos h1 { background-image: url(../images/site/phaistos_gr.png); height:30px; }
#gr #matala h1 { background-image: url(../images/site/matala_gr.png); height:30px; }
#gr #triopetra h1 { background-image: url(../images/site/triopetra_gr.png); height:30px; }
#gr #spili h1 { background-image: url(../images/site/spili_gr.png); height:30px; }
#gr #rethimnon h1 { background-image: url(../images/site/rethimnon_gr.png); height:30px; }