/* 	Web Designer & 	
	Author: Maniataki Katerina	
	Developer: Nikos Papanikolaou	
	Sales Manager: Alatzakis Prodromos	
	Company: Net360 S.A.	
	Client: Mykonos Star	
	Date:	14.04.2010	
	Update: 22.04.2010	
	=============================================================	
	=============================================================*/
	

/* 	
	General  	
	============================*/

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

html {
	font-size: 62.5%;
}

body {
	font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body, html {
	width: 100%;
	height:100%;
	overflow: hidden;
position:relative;
}

.inv, #gr span, #en span, #it span {
	position: absolute;
	left: -5000px;
}

#supperWrapper {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

#wrapper{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

#header, .row2, #footer {
	position: relative;
	float: left;
	width:100%;

}

#header {
	position:absolute;
	top: 0;
	left:0;
	height:135px;
	background: url(../images/headerBG.png) repeat-x top left;
	clear:both;
	z-index:10;
}

#footer {
	position: absolute;
	bottom:0;
	left:0;
	height:120px;
	background: url(../images/footerBG.png) repeat-x bottom left;
	z-index:11;
	clear:both;
}

.row1 {
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
}

.row2 {
	position: absolute;
	bottom:120px;
	height:351px;
	z-index:13;
}

/* 	

	Banner 	
	============================*/

#banner, #banner table, #banner td {
	height:100%;
	width:100%;
	overflow:hidden;
	z-index: -1;
}

#banner {
	position: fixed;
}

#banner div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
}

#banner td {
	text-align:center;
	vertical-align:middle;
}

#banner img {
	margin:0 auto;
	height:50%;
	width:50%;
	min-height:530px;
	min-width:960px;
}

/* 	

	Header	
	============================*/

#header h1{
	position:absolute;
	top:50px;
	left:12px;
	width:278px;
	height:85px;
	display: block;
}

#header h1 a{
	width:278px;
	height:85px;
	display: block;
	background: url(../images/mykonosStar.png) no-repeat top left;
	z-index: 99;
	position:relative;
}

.addthis_default_style a {
	color:#3300FF;
	font-size:1.3em;
	text-decoration: none;
	float:left;
	width:53px;
	margin-left:17px;
	margin-top:7px;
}

#weather {
	position:absolute;
	left:90px;
	top:7px;
}

#weather h2, #weather #temperature {
	font-size:1.2em;
	font-weight: lighter;
	float:left;
}

#weather #temperature {
	padding:0 5px;
}

#weather #icon img {
	width:19px;
	height:22px;
	float: left;
	margin-top:-3px;
}

#top_menu {
	position: absolute;
	left: 300px;
	top:5px;
}

#top_menu ul {
	list-style: none;
}

#top_menu ul li {
	float: left;
}

#top_menu ul li a {
	color: #3300ff;
	font-size:1.3em;
	text-decoration: none;
	padding: 5px;
}

#top_menu ul li a:hover {
	text-decoration:underline;
}

#languages {
	position: absolute;
	right: 17px;
	top:0px;
}

#languages ul, #languages li {
	list-style: none;
}

#languages li {
	float: left;
	margin:5px;
}

#header #languages #gr a, #languages #en a, #languages #it a {
	width:16px;
	height:14px;
	display:block!important;
}

#header #languages #gr a {
	background: url(../images/gr.jpg) no-repeat top left;
}

#header #languages #gr a:hover, #header #languages #gr a.active {
	background: url(../images/grH.jpg) no-repeat top left;
}

#header #languages #en a {
	background: url(../images/en.jpg) no-repeat top left;
}

#header #languages #en a:hover, #header #languages #en a.active {
	background: url(../images/enH.jpg) no-repeat top left;
}

#header #languages #it a {
	background: url(../images/it.jpg) no-repeat top left;
}

#header #languages #it a:hover, #header #languages #it a.active {
	background: url(../images/itH.jpg) no-repeat top left;
}

/* 	
	
	Navigation	
	============================*/

#navigationBlock {
	float:left;
	width:201px;
	height:231px;
	margin-bottom:10px;
	z-index: 888;
}

#navigation {
	background: url(../images/textBG.png) repeat-y top left;
	height:231px;
	width:169px;
	padding:0px;
}
#navigation ul li {
	list-style: none;
	border-bottom: 1px solid white;
}
#navigation ul li#gr14, #navigation ul li#en14, #navigation ul li#it14 {
	border:none;
}
#navigation ul li a {
	display:block;
	padding:5px 10px;
	color:#1462C0;
	font-size:1.4em;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li.active a {
	background-color:#2094b5;
	color:#ffffff;
}

#navigation ul ul{
	padding:0;
	position: absolute;
	left: -999em;
	width: 180px;
	margin-left:157px;
	background-color: #e2ecef;
	top: 0;
}

#navigation ul ul li{
	border-bottom: 1px solid #ffffff;
}

#navigation ul ul li a{
	display: block;
}

#navigation ul ul li a:hover{
	color:#e2ecef;
}



/* 	

Sub Menu	

============================*/


.submenu {
	background: url(../images/submenuBG.png) repeat-x top left;
	height:30px;
	position:absolute;
	right:0;
	bottom:380px;
}
.submenu p {
	margin:7px 5px;
}
.submenu p a {
	color:white;
	font-size:1.2em;
	padding: 1px 5px;
	text-decoration:none;
}
.submenu p a:hover {
	color:#5e5dab;
}

/* 	

Best Price	

============================*/


#bestPrice {
	width: 265px;
	height:102px;
	display: block;
	float: none;
	clear: both;
	margin-top:10px;
	/*background: url(../images/textBG.png) repeat top left;*/
}

#bestPrice h2#offersP{
	width:44px;
}

#bestPrice .rate {
	float:left;
	width:78px;
	height:46px;
	color:#2A4E88;
	margin-top:-5px;
}
#bestPrice .rateBig {
	float:left;
	font-size:3em;
}
#bestPrice .euro {
	float:left;
	font-size:1.5em;
	margin-top:10px;
}

#bestPrice .rate a{font-size:1.2em;color:#2a4e88; text-decoration:none; padding:2px 5px; background-color:#ffffff;border:1px solid #2a4e88;margin-top:-10px;display:block; width:auto;text-align:center;margin-right:10px;}

#bestPrice .description {
	clear:both;
	display:block;
	float:none;
	font-size:1.2em;
}
#bestPrice .imgOffer {
	width:90px;
	height:72px;
	border-left:1px solid #ffffff;
	overflow: hidden;
	float: left;
padding-left:10px;
}

#bestPrice .imgOffer a{color:#FF3C0F; text-align:center; font-size:12px;}
#bestPrice .imgOffer a:hover{text-decoration:none;}

/* 	

	Content	
	
	============================*/
	
.row2 .column1 {
	float:left;
	position:relative;
	z-index: 99;
}

.row2 .column2 {
	float:right;
	width:450px;/* 359 */
	height:332px;	/*overflow: hidden;*/
	color: #333333;
	z-index: 99;
	position:relative;
}

.row2 .column3 {
	width:459px;
	height:432px;
	margin-top:-300px;
	float:right;
}
.row2 .column2 h3, .row2 .column3 h3 {
	font-size:1.9em;
	padding: 10px;
	font-weight: lighter;
}
.row2 .column2 h4, .row2 .column3 h4 {
	font-size:1.6em;
	padding: 10px;
	display:block;
	clear:both;
	overflow:hidden;
}
.row2 .column2 ul, .row2 .column3 ul {
	padding: 10px 30px;
}
.row2 .column2 ul li, .row2 .column3 ul li {
	font-size:1.2em;
	padding: 2px 10px;
}
.row2 .column2 p, .row2 .column3 p {
	font-size:1.3em;
	padding: 10px;
}
.row2 .column2 a, .row2 .column3 a {
	color:#1462C0;
}
.mail {
	background: url(../images/mailico.gif) no-repeat left 4px;
	padding-left:20px;
}/* 	Rates	============================*/
.row2 .column3 .ratesContainer {
	background: url(../images/textBG.png) repeat top left;
	padding:10px 0;
	position:absolute;
	bottom:0px;
}

.row2 .column3 .ratesContainer table{color:#ffffff;}

.row2 .column3 .rates {
	font-size:1.1em;
	margin-left:5px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
.row2 .column3 .rates th {
	background-color:#d44b20;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	padding: 2px;
	font-weight: normal;
	border-bottom:none;
}
.row2 .column3 .rates th.blank {
	background-color: transparent;
	border:none;
}
.row2 .column3 .rates .zebra, .rates .zebraBold {
	background-color: #7ca800;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	font-size:1.15em;
	padding: 2px;
}
.row2 .column3 .rates .zebraBold {
	background-color: #a0a32f;
}/* 	Gallery	============================*/
.row2 .column2 .gallery {
	margin:0 10px;
	width:385px;
}
.row2 .column2 .gallery a {
	overflow:hidden;
	width:110px;
	border:1px solid #F1EAC7;
	float:left;
	height:90px;
	margin-bottom:10px;
	margin-right:5px;
}
.row2 .column2 .gallery a:hover {
	border:1px solid #fe6d4c;
}
#mapCanvas {
	width:400px;
	height:400px;
	display:block;
	margin: 20px auto;
	border:1px solid #7ca800;
}/* 	Footer	============================*/

#footer .column1, #footer .column2{
	width:auto;
	float:left;
	position:relative;
	z-index:99;
}

#footer .column3{
	width:auto;
	float:right;
	position:relative;
	z-index:99;
}

.address {
	float: left;
	margin:20px 10px;
	color:#333333;
	font-size:1.2em;
	border-right:1px solid #A0A32F;
	padding-right:10px;
}
#availability-checker {
	width:auto;
	height:70px;
	float:left;
	margin-top:15px;
	overflow:hidden;
	padding-right:24px;
}

.hidden{
	display:none;
}	
#availability-checker h2 {
	font-size:1.2em;
	font-weight: bold;
	color:#D44B20;
	padding-left:15px;
}
#availability-checker div {
	float:left;
	padding: 5px;
}
#availability-checker label {
	color:#333333;
	float:left;
	font-size:1.2em;
	line-height:20px;
	padding-right:4px;
}
#availability-checker input, #availability-checker select {
	border:1px solid #5E5DAB;
	float:left;
}
#availability-checker .date input {
	width:100px;
}
#availability-checker .date {
	
}
#availability-checker .go {
	background: url(../images/buttonBG.jpg) repeat-x top left;
	border:1px solid #7CA800;
	padding: 2px 5px;
	color:#008C00;
	width:auto;
	cursor:pointer;
}
#net360 {
	padding:46px 10px;
}

#net360 a {
	width:46px;
	height:38px;
	background: url(../images/net360.png) no-repeat top left;
	display: block;
}


#bestOffer{margin-top:42px;}

#bestOffer a{background-color:#FF3C0F;
color:#FFFFFF;
font-size:12px;
padding:10px;
text-align:center;
text-decoration:none;}

#bestOffer a:hover{background-color:#AFDC27; color:#008C00;}