/*
Description: faviesuzanne.gr
Author URI: http://www.whitehat.gr/
*/

body {font-size:62.5%; text-align:center; background: #e6f3e5; line-height:1.4em; padding:0 0 40px 0;}

body, div, p, span, ul, ol, li, h1, h2, h3, h4, h5, table, td, th, input, textarea  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#556677; 
	}	

/*----- GLOBAL -------- */
* {padding:0; margin:0;} img, img a {border:none;} a {outline:none;} 
.left {float:left;} .right {float:right !important;} .centered {margin:0 auto;}
.left_text {float:left; width:290px;}
.indent {text-indent:-9999px;}
hr {clear:both; visibility:hidden; font-size:1px; line-height:0; height:-1px; } 
.clear {clear:both;}
.clear-r {display:block !important; float:none !important; clear:both;}
a, a:visited {color:#00adef; text-decoration:none;}
a:hover, a:active {color:#556677;}
.back_to {text-align:left; margin:6px; clear:both;}
/*.blue {color:#00adef !important;}*/
.blue a, .blue a:visited {color:#00adef !important;}
strong {font-weight:bold !important;}
.note {border-top:1px solid #B6BCBF; padding-top:10px !important;}

.borderb {border-bottom:1px solid #B6BCBF; padding-bottom:15px !important; margin:0 2px 15px 2px !important;}
.borderb_m {border-bottom:1px solid #B6BCBF; padding-bottom:15px !important; margin-right:5px !important; margin-bottom:0 !important;}
.right_link {float:right; padding:5px 0 0 0 !important; margin:0 !important;}
.min-height {min-height:650px; height:auto !important; height:650px; position:relative;}
.min-height2 {min-height:660px; height:auto !important; height:660px; position:relative;}

.hidden {display:none;}

#active-sub a, #active-sub a:visited {color:#00adef !important;} 


/*---- HEADINGS --------*/
h1 {text-align:left;}
h2 {font:2.23em Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; margin:0 0 10px 0;}
h3 {text-align:left; font:1.1em Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; margin:0; padding:0 0 0 2px; font-weight:bold;}
h4 {text-align:left; font:1.1em Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; margin:0 5px 0 0; padding:0 0 3px 2px; font-weight:bold; border-bottom:1px solid #B6BCBF;}
h5 {text-align:left; font:1.1em Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; margin:0; padding:0 0 0 2px; color:#00adef;}
h6 {text-align:left; font:1.3em Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; margin:0 0 0 2px; padding:0 0 3px 0; color:#8bc53f; border-bottom:1px solid #B6BCBF;}


/*----- NAVIGATION ------*/
#navigation {margin:15px 0 0 0; padding:0; text-align:left;}
#navigation li {list-style-type:none; font-size:1.3em; font-family: Verdana, Arial,Helvetica,sans-serif; line-height:1.15em;}
#navigation li a, #navigation li a:visited {color:#556677;}
#navigation li a:hover, #navigation li a:hover {color:#00adef;}
#active a, #active a:visited {color:#00adef !important;}


/*----- IMAGE TITLES ------*/
#home {margin:0 0 17px 0; background:url(../images/hometext.jpg) no-repeat; display:block; height:33px;}
#aboutus {margin:0 0 17px 0; background:url(../images/aboutustext.jpg) no-repeat; display:block; height:15px;}
#rooms {margin:0 0 17px 0; background:url(../images/roomstext.jpg) no-repeat; display:block; height:16px;}
#standard {margin:0 0 17px 0; background:url(../images/standard.jpg) no-repeat; display:block; height:33px;}
#deluxe {margin:0 0 17px 0; background:url(../images/deluxe.jpg) no-repeat; display:block; height:33px;}
#executive {margin:0 0 17px 0; background:url(../images/executive.jpg) no-repeat; display:block; height:33px;}
#amea {margin:0 0 17px 0; background:url(../images/amea.jpg) no-repeat; display:block; height:33px;}
#services {margin:0 0 17px 0; background:url(../images/services.jpg) no-repeat; display:block; height:14px;}
#oxygen {margin:0 0 17px 0; background:url(../images/oxygen.jpg) no-repeat; display:block; height:33px;}
#map {margin:0 0 17px 0; background:url(../images/map.jpg) no-repeat; display:block; height:16px;}
#map-pre {margin:0 0 17px 0; background:url(../images/map-pre.jpg) no-repeat; display:block; height:16px;}
#contact {margin:0 0 17px 0; background:url(../images/contact.jpg) no-repeat; display:block; height:16px;}
#general-info {margin:0 0 17px 0; background:url(../images/general-info.jpg) no-repeat; display:block; height:33px;}
#xora {margin:0 0 17px 0; background:url(../images/general-info.jpg) no-repeat; display:block; height:33px;}
#tinos {margin:0 0 17px 0; background:url(../images/xora.jpg) no-repeat; display:block; height:16px;}
#arts {margin:0 0 17px 0; background:url(../images/arts.jpg) no-repeat; display:block; height:33px;}
#ekdiloseis {margin:0 0 17px 0; background:url(../images/ekdiloseis.jpg) no-repeat; display:block; height:33px;}
#protaseis {margin:0 0 17px 0; background:url(../images/protaseis.jpg) no-repeat; display:block; height:33px;}

#villages {margin:0 0 17px 0; background:url(../images/villages.jpg) no-repeat; display:block; height:33px;}
#volaxtitle {margin:0 0 17px 0; background:url(../images/volaxtitle.jpg) no-repeat; display:block; height:14px;}
#pirgostitle {margin:0 0 17px 0; background:url(../images/pirgostitle.jpg) no-repeat; display:block; height:14px;}
#kardianititle {margin:0 0 17px 0; background:url(../images/kardianititle.jpg) no-repeat; display:block; height:14px;}
#isterniatitle {margin:0 0 17px 0; background:url(../images/isterniatitle.jpg) no-repeat; display:block; height:14px;}
#falatadostitle {margin:0 0 17px 0; background:url(../images/falatadostitle.jpg) no-repeat; display:block; height:14px;}
#loutratitle {margin:0 0 17px 0; background:url(../images/loutratitle.jpg) no-repeat; display:block; height:14px;}
#exobourgotitle {margin:0 0 17px 0; background:url(../images/exobourgotitle.jpg) no-repeat; display:block; height:14px;}

#beachestitle {margin:0 0 17px 0; background:url(../images/beachestitle.jpg) no-repeat; display:block; height:33px;}
.beach1 {display:block; width:200px; height:138px; background:url(../photos/beaches/kolimpithra.jpg) no-repeat;}
.beach2 {display:block; width:200px; height:138px; background:url(../photos/beaches/ormos.jpg) no-repeat;}
.beach3 {display:block; width:200px; height:138px; background:url(../photos/beaches/kionia.jpg) no-repeat;}
.beach4 {display:block; width:200px; height:138px; background:url(../photos/beaches/romanos.jpg) no-repeat;}
.beach5 {display:block; width:200px; height:138px; background:url(../photos/beaches/fokas.jpg) no-repeat;}
.beach6 {display:block; width:200px; height:138px; background:url(../photos/beaches/livada.jpg) no-repeat;}
.beach7 {display:block; width:200px; height:138px; background:url(../photos/beaches/petros.jpg) no-repeat;}
.beach8 {display:block; width:200px; height:138px; background:url(../photos/beaches/apigania.jpg) no-repeat;}

.beach0_map {display:block; width:488; height:327px; background:url(../photos/beaches/map4beaches.jpg) no-repeat;}
.beach1_map {display:block; width:488; height:327px; background:url(../photos/beaches/kolimpithra_map2.jpg) no-repeat;}
.beach2_map {display:block; width:488; height:327px; background:url(../photos/beaches/ormos_map2.jpg) no-repeat;}
.beach3_map {display:block; width:488; height:327px; background:url(../photos/beaches/kionia_map2.jpg) no-repeat;}
.beach4_map {display:block; width:488; height:327px; background:url(../photos/beaches/romanos-map2.jpg) no-repeat;}
.beach5_map {display:block; width:488; height:327px; background:url(../photos/beaches/fokas_map2.jpg) no-repeat;}
.beach6_map {display:block; width:488; height:327px; background:url(../photos/beaches/livada_map2.jpg) no-repeat;}
.beach7_map {display:block; width:488; height:327px; background:url(../photos/beaches/petros_map2.jpg) no-repeat;}
.beach8_map {display:block; width:488; height:327px; background:url(../photos/beaches/apigania_map2.jpg) no-repeat;}
 

.amea_bg {background:url(../photos/rooms/amea/amea1.jpg) no-repeat bottom right !important;}
.oxygen_bg {background:url(../photos/oxygen/oxygen_bg.jpg) no-repeat bottom right !important;}
.services_bg {position:absolute; width:387px; height:186px; bottom:-10px; right:-10px; background:url(../photos/services/services_bg.jpg) no-repeat 110% 110% !important;}
.contact_bg {background:url(../images/contact_bg.jpg) no-repeat; min-height:460px; height:auto !important; height:460px; font-size:1.2em;}
.tinos_bg {min-height:460px; height:auto !important; height:460px;}


/*----- IMAGE TITLES ENGLISH------*/
#home_en {margin:0 0 17px 0; background:url(../images/hometext_en.jpg) no-repeat; display:block; height:33px;}
#aboutus_en {margin:0 0 17px 0; background:url(../images/aboutustext_en.jpg) no-repeat; display:block; height:21px;}
#rooms_en {margin:0 0 17px 0; background:url(../images/roomstext_en.jpg) no-repeat; display:block; height:21px;}
#standard_en {margin:0 0 17px 0; background:url(../images/standard_en.jpg) no-repeat; display:block; height:40px;}
#deluxe_en {margin:0 0 17px 0; background:url(../images/deluxe_en.jpg) no-repeat; display:block; height:40px;}
#executive_en {margin:0 0 17px 0; background:url(../images/executive_en.jpg) no-repeat; display:block; height:40px;}
#amea_en {margin:0 0 17px 0; background:url(../images/amea_en.jpg) no-repeat; display:block; height:21px;}
#services_en {margin:0 0 17px 0; background:url(../images/services_en.jpg) no-repeat; display:block; height:21px;}
#oxygen {margin:0 0 17px 0; background:url(../images/oxygen.jpg) no-repeat; display:block; height:33px;}
#map_en {margin:0 0 17px 0; background:url(../images/map_en.jpg) no-repeat; display:block; height:21px;}
#map-pre_en {margin:0 0 17px 0; background:url(../images/map-pre_en.jpg) no-repeat; display:block; height:21px;}
#contact {margin:0 0 17px 0; background:url(../images/contact.jpg) no-repeat; display:block; height:16px;}
#contact_en {margin:0 0 17px 0; background:url(../images/contact_en.jpg) no-repeat; display:block; height:16px;}
#general-info_en {margin:0 0 17px 0; background:url(../images/general-info_en.jpg) no-repeat; display:block; height:40px;}
#xora_en {margin:0 0 17px 0; background:url(../images/tinos_chora.jpg) no-repeat; display:block; height:40px;}
#tinos_en {margin:0 0 17px 0; background:url(../images/xora_en.jpg) no-repeat; display:block; height:21px;}
#arts_en {margin:0 0 17px 0; background:url(../images/arts_en.jpg) no-repeat; display:block; height:21px;}
#ekdiloseis_en {margin:0 0 17px 0; background:url(../images/ekdiloseis_en.jpg) no-repeat; display:block; height:21px;}
#protaseis_en {margin:0 0 17px 0; background:url(../images/protaseis_en.jpg) no-repeat; display:block; height:40px;}

#villages_en {margin:0 0 17px 0; background:url(../images/villages_en.jpg) no-repeat; display:block; height:40px;}
#volaxtitle_en {margin:0 0 17px 0; background:url(../images/volaxtitle_en.jpg) no-repeat; display:block; height:21px;}
#pirgostitle_en {margin:0 0 17px 0; background:url(../images/pirgostitle_en.jpg) no-repeat; display:block; height:21px;}
#kardianititle_en {margin:0 0 17px 0; background:url(../images/kardianititle_en.jpg) no-repeat; display:block; height:21px;}
#isterniatitle_en {margin:0 0 17px 0; background:url(../images/isterniatitle_en.jpg) no-repeat; display:block; height:21px;}
#falatadostitle_en {margin:0 0 17px 0; background:url(../images/falatadostitle_en.jpg) no-repeat; display:block; height:21px;}
#loutratitle_en {margin:0 0 17px 0; background:url(../images/loutratitle_en.jpg) no-repeat; display:block; height:21px;}
#exobourgotitle_en {margin:0 0 17px 0; background:url(../images/exobourgotitle_en.jpg) no-repeat; display:block; height:21px;}

#beachestitle_en {margin:0 0 17px 0; background:url(../images/beachestitle_en.jpg) no-repeat; display:block; height:21px;}


/*----- STRUCURE ------*/
#bird {width:940px; margin:10px auto 10px auto; height:100px; text-align:left;}

#wrap {width:940px; margin:10px auto 10px auto; background:url(../images/bg.jpg) repeat-y;}
#container {padding:10px; background:url(../images/favie_bg-bottom.jpg) no-repeat bottom;}
#content {position:relative; float:left; width:710px;}
#sidebar {float:right; width:179px;}

#logo {margin:1px 0 0 0; text-align:left;}
#logo a, #logo a:visited {display:block; width:130px; height:70px; background:url(../images/logo.jpg) no-repeat;}


#photo {clear:both;}

ul.photoalbum {padding:0; margin:0;}
ul.photoalbum li {list-style-type:none; float:left; margin:0 0 1px 4px;}
ul.photoalbum li span {display:block; text-align:left; font-size:10px; padding:3px 0 0 0;}

.roomsGeneric li {margin-right:10px !important;}

ul.simple {padding:0 5px 0 0; margin:10px 0 20px 0; text-align:left;}
ul.simple li {list-style-type:none; margin:0 0 5px 4px; color:#556670;}
ul.simple li a, ul.simple li a:visited {display:block; color:#556670; border-bottom:1px solid #B6BCBF; padding:0 0 3px 0;}
ul.simple li a:hover, ul.simple li a:active {border-bottom:1px solid #00adef;}

ul.simple_with {padding:0 10px 0 12px; margin:10px 0 30px 0; text-align:left;}
ul.simple_with li {margin:0 0 2px 4px; color:#556670;}

ul.simple_info {padding:0 10px 0 0; margin:2px 0 12px 0; text-align:left;}
ul.simple_info li {list-style-type:none; margin:0 0 0 2px; color:#556670;}

ul.inline {text-align:left; margin:0 0 10px 0;}
ul.inline li {display:inline; list-style-type:none; margin:0 0 0 2px; color:#556670; font-size:1.2em; padding:0 2px 0 0;}
ul.inline li a, ul.inline li a:visited {color:#556670;}
ul.inline li a:hover, ul.inline li a:active {color:#00adef;}

ul.inline-b {text-align:left; margin:0 0 10px 0; padding:10px 0 10px 0;}
ul.inline-b li {display:inline; list-style-type:none; margin:0 0 0 2px; color:#556670; font-size:1.1em; padding:0 7px 0 0; }
ul.inline-b li a, ul.inline-b li a:visited {color:#556670;}
ul.inline-b li a:hover, ul.inline-b li a:active {color:#00adef;}

#left-region {float:left; width:365px; text-align:left;}
#right-region {float:right; width:329px;}
#right-region-larger {float:right; width:334px;}

.photoCustomPreview {}
.photoCustomPreview span {display:block; text-align:left; font-size:10px; padding:3px 0 0 0;}
.bmargin {margin-bottom:10px;}


/*----- TYPOGRAPHY ------*/

#content p {font:1.1em Verdana, Arial,Helvetica,sans-serif; color:#556677; text-align:left; padding:0 20px 20px 2px;}


#footer {clear:both; width:940px; margin:0 auto; padding:0 0 0 5px;}
#footer ul {text-align:left; float:left; width:100%; padding:0;}
#footer ul li {float:left; list-style-type:none; color:#939598; font-size:1em; padding:0 4px 0 0;}
#footer ul li a, #footer ul li a:visited {color:#939598}
#litle-contact {float:right; margin:0; padding:0; text-align:right; color:#949494; font-size:.9em;}


#whitehat {float:left; font:.9em Verdana, Arial, Helvetica, sans-serif; color:#9b9a9a; background:url(../images/whitehat.jpg) no-repeat left; margin:0 0 10px 2px; padding:14px 0 2px 0;}
#whitehat a, #whitehat a:visited {color:#9b9a9a;}
#whitehat a:hover, #whitehat a:active {color:#9d5527;}


/*-------- MAPS ---------*/
.map002 {clear:both; margin:60px 0 0 0!important; padding:0 0 0 2px!important;}
#map-preview {position:absolute; top:177px; left:2px; width:703px; height:449px;}
#map-preview img {border:1px solid #B6BCBF;}

#map-preview2 {position:absolute; top:177px; left:2px; width:705px; height:385px; padding-top:64px; background:url(../images/map2details.jpg) no-repeat top left;}
#map-preview2 img {border:1px solid #B6BCBF;}
#map-preview2-details {position:absolute; top:94px; left:2px; width:500px; height:125px; text-align:left; padding:0 0 0 1px; background:url(../images/map2details_text.jpg) no-repeat top left;}
#map-preview2-details strong {color:#333;}
#map-preview2-details span {color:#eb060f;}
.bullet {display:inline-block;display:-moz-inline-block; background:url(../images/bullet.jpg) no-repeat; width:23px; height:12px;}

#map-for-print {display:none;}
.print {float:left; margin:10px 0 0 0;}
a.print, a.print:visited {color:#556677;}
a.print:hover, a.print:active {color:#00adef;}

#map4beach {float:left; width:488px; height:327px; margin:0 0 0 2px;}
#right_reg {float:right; width:200px; margin-right:5px;}
#smallmap4beach {margin:0 0 20px 0; width:198px; height:136px; padding:1px;}

#zoom_in a, #zoom_in a:visited {float:left; display:block; width:45px; height:45px; background:url(../images/plus.jpg) no-repeat; margin:0 20px 0 0;}
#zoom_in a:hover, #zoom_in a:active {background:url(../images/plus_r.jpg) no-repeat;}

#zoom_out a {float:left; display:block; width:45px; height:45px; background:url(../images/minus.jpg) no-repeat;}
#zoom_out a:hover, #zoom_out a:active {background:url(../images/minus_r.jpg) no-repeat;}

.active_plus a, .active_plus a:visited {background:url(../images/plus_r.jpg) no-repeat !important; cursor:pointer;}
.active_minus a, .active_minus a:visited {background:url(../images/minus_r.jpg) no-repeat !important; cursor:pointer !important;}


.vill-region {position:relative; padding:22px 0 0 0;}
.vill-hr {position:absolute; top:0; left:-10px; width:730px; height:12px; background:url(../images/village-top.jpg) no-repeat;}
.vill-region dl {padding:0;}
dd.text {float:left; width:360px; text-align:left; font:1.1em Verdana, Arial,Helvetica,sans-serif; color:#556677; min-height:209px; height:auto !important; height:209px;}
dd.img {float:right !important; width:327px !important; margin:-30px 0 8px 0;}
dd.top {clear:both !important; float:left; margin:-22px 0 0 0!important;}
dd.top a, dd.top a:visited {color:#556677;}
dd.top a:hover, dd.top a:active {color:#00adef;}

.padbotless {padding-bottom:0 !important;}


.lang a, .lang a:visited {color:#939598;}
.lang a:hover, .lang a:active {color:#00adef !important;}


/*-------- HOME PAGE ---------*/
#main-photo {position:relative; width:710px; height:448px;}
#main-photo p {position:absolute; bottom:20px; right:20px; width:380px; font-size:14px; color:white; text-shadow:0px 1px #666; text-align:right; padding:0; line-height:18px;}
#main-photo p a, #main-photo p a:visited {color:white;}
#main-photo p a:hover, #main-photo p a:active {color:#1B5770;}