html, body { background-repeat: no-repeat; background-position: center top; background-image: url(back.jpg); margin: 0px; padding:0px; background-color: #9c3; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;font-weight: 400;}
/*CLEARFIX*/
/* Hides from IE-mac float clearing for IE6 \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix:after {DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both;}
.img {border: none; margin: 0px; border: 0px;}
LI { list-style-type: none; DISPLAY: block;}
OL, UL { list-style-type: none; DISPLAY: block; margin: 0px; padding: 0px;}
.clearboth { CLEAR: both; HEIGHT: 0px; VISIBILITY: hidden;}
.highlight { font-weight: bold;}
#wrapper { width: 970px; margin: 0px auto; padding: 0px;}
.content {margin: 0px 10px;}
.info1 { color: #fff; font-size: 16px; line-height: 22px; margin: 0px; padding-bottom: 15px;}
.border1 { border-bottom: 1px dotted #fff;font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.button { float: right;}
/* Default titles */
H1, h2, h3, h4, h5, h6{ color: #fff; margin: 0px;font-weight: 400;padding: 0px; }
h1 { font-size: 36px; font-family: Georgia,"Times New Roman", Times, serif; letter-spacing: -1px; margin-bottom: 8px;}
h3 { margin-left: 28px;width: 207px; font-size: 16px; letter-spacing: 6px; background-color: #72b4b4; padding: 4px 10px;}
h4 { padding: 0px; margin: 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; }
h5 { padding: 0px; margin: 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #000; font-style:italic;}
H6 { color: #000; font-size: 11px; padding: 0px; line-height: 18px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px;}
H6 A{ color: #000; font-size: 11px; padding: 0px; line-height: 18px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 10px; text-decoration: underline;outline: 0; }
H6 A:hover{ text-decoration: none; }
/*NAV*/
.navtop{ position: relative; margin: 0px; padding: 0px; height: 130px;}
.clock { position: absolute; left: 10px; top: 30px;}
.date { position: absolute; left: 100px; top: 60px;}
.menu { position: absolute; right: 0px; top: 0px;}
/*TOP MENU*/
UL.menu { width: 360px; padding: 0px; margin: 0px; list-style: none; float: left; font-weight: 400; line-height: 20px;}
UL.menu li { float: left; }
UL.menu li a { text-align:center; padding: 18px 10px 0px 10px ; font-size: 14px; color: #fff; text-decoration: none; display: block; outline: 0; width: 155px; height: 100px; background-image: url(menu.png); background-repeat: no-repeat; background-position: center top; text-decoration:none ;}
UL.menu li a:hover { color:#d4f4f4; text-decoration: none; outline: 0;}
/*LOGO*/
.logocontent {margin-left: 180px; background-image: url(tisantorini.png); background-repeat: no-repeat; background-position: 250px 0px;}
#logo {position: relative; width: 740px;left: 0px; top: 0px;}
UL#logo {margin: 0px; padding: 0px; list-style: none;}
UL#logo li { text-indent: -9999px; }
UL#logo li a { height: 40px; display: block; background-image: url(logo.png); background-repeat: no-repeat; background-position: left top; outline: 0;}
.title {float: right; right: 0px;}
/*SLIDE*/
.slidecontent {margin-left: 170px; margin-bottom: 15px;}
.slideimg {padding: 33px 40px;}
.slidebg {background-image: url(backflash.png); background-repeat: no-repeat; background-position: left top; width: 780px; height: 460px; padding:0px; margin: 0px;}
.left {float:left; width: 290px; margin-bottom: 20px;}
.right {float:left; width: 640px; margin-left:12px; margin-bottom: 20px;}
/*FOOTER*/
.footer{ width:100%; height: 120px; background-image: url(footer.gif); background-repeat: repeat-x; background-position: center top; margin: 0px auto; background-color:#FFF;}
.footercontent {padding-top: 50px; width: 950px; margin: 0px auto;}
.leftcol{float: left; width: 300px; padding: 0px 10px; margin: 0px;}
/*FACIL*/
.topfacil {width: 280px; height: 29px; border: 0px; margin:0px; background-image: url(tabtop.png); background-repeat:no-repeat; background-position: left top;}
.botfacil {width: 280px; height: 29px; border: 0px; margin:0px; background-image: url(tabbot.png); background-repeat:no-repeat; background-position: left top;}
.facilcontent {width: 280px; border: 0px; margin:0px; background-image: url(tabmain.png); background-repeat:repeat-y; background-position: left top; }
UL.facil {width: 210px; margin-left: 28px; margin-right: 0px; margin-bottom:0px; margin-top: 0px; font-size: 12px; line-height: 20px; padding: 8px; background-color:#FFF;}
LI.facil{ list-style-type: none; DISPLAY: block; }
/*ROOMS*/
.toprooms {width: 930px; height: 29px; border: 0px; margin:0px; background-image: url(tabtop1.png); background-repeat:no-repeat; background-position: left top;}
.botrooms {width: 930px; height: 29px; border: 0px; margin:0px; background-image: url(tabbot1.png); background-repeat:no-repeat; background-position: left top;}
.roomscontent {width: 930px; border: 0px; margin:0px; background-image: url(tabmain1.png); background-repeat:repeat-y; background-position: left top; }
.roomsinfo { width: 862px; background-color: #fff; margin-left: 27px; margin-right: 0px; margin-bottom:0px; margin-top: 0px; font-size: 12px; line-height: 20px; padding: 8px;}
.roomsinfoh3{ width: 859px; background-color: #fff; margin-left: 27px; margin-right: 0px; margin-bottom:0px; margin-top: 0px; line-height: 20px; font-size: 16px; letter-spacing: 6px; background-color: #72b4b4; padding: 4px 10px;}
.frame {border: solid #fff 15px; margin: 10px;}
/*BOOKINGS*/
.topbook{width: 626px; height: 29px; border: 0px; margin:0px; background-image: url(tabtop2.png); background-repeat:no-repeat; background-position: left top;}
.botbook {width: 626px; height: 29px; border: 0px; margin:0px; background-image: url(tabbot2.png); background-repeat:no-repeat; background-position: left top;}
.bookcontent {width: 626px; border: 0px; margin:0px; background-image: url(tabmain2.png); background-repeat:repeat-y; background-position: left top; }
.book { width: 570px; background-color: #fff; margin-left: 27px; margin-right: 0px; margin-bottom:0px; margin-top: 0px; font-size: 11px; line-height: 18px; padding: 0px;}
.frame {border: solid #fff 15px; margin: 10px;}
/*FORM + PRICES*/
.formcontent {margin-top: 10px; padding:0px;}
.prices1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #fff; font-style: italic;}
.seasons { font-size: 11px; color: #FFF; line-height: 17px; padding: 0px; margin: 0px;}
.star{ font-size: 12px; color: #F00;}
textarea, input, option, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #fff; background-color:#72b4b4; padding: 2px; border: 1px solid #fff; margin-bottom: 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px 5px 5px 5px;}
input#form {margin-top: 8px; margin-bottom: 0px; padding: 4px; color: #fff; border: 1px solid #fff; cursor: pointer;
background-color:#72b4b4;
-webkit-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
#formbg {background-image: url(back3.gif); background-repeat: no-repeat; background-position: 250px 490px;}