/* CSS Document */

html{text-align:center;}
*{
	padding:0px;
	margin:0px;
}
a:link{

}
a:visited{
	color:#666666;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	background:url(../images/BG2.jpg) top center #6ddcf8;
}

.wrapper{	
	padding:0px;
	margin:0px auto 0px auto;
	display:block;
	width:1024px;
	height:auto;
	text-align:center;
    display:block;
}
.container{	
	padding:0px;
	margin:0px auto 0px auto;
	display:block;
	width:1024px;
	height:auto;
	float:left;
	text-align:left;
	background:url(../images/mainBG.jpg) top #ffffff no-repeat;
}
.header{
	margin:0px auto 0px auto;
	width:1024px;
	height:auto;
	float:left;
	display:block;
	background:url(../images/headerBGr.jpg) right #00CCCC;
	position:relative;
	clear:both;
}

	.header .G1Logo{
		margin:0px;
		padding:0px;
		float:left;
		width:499px;
		height:165px;
		border:none;
		}
	.header h5{
		position:absolute;
		top:130px;
		left:180px;
		font-size:14px;
		font-weight:normal;
		margin:0px;
		padding:0px;
		}


.socialLinks{
	display:block;
	width:230px;
	height:40px;
	margin:40px 0px 30px 15px;
	padding:0px 0px 0px 0px;
	font-size:14px;	
	float:right;
	color:#ffffff;
	list-style:none;
	}
	
	.socialLinks li{
		display:inline;
		list-style:none;
		margin:0px 8px 0px 0px;
	}


.alerts{
	display:block;
	width:880px;
	height:60px;
	margin:10px auto 0px auto;
	padding:0px 0px 0px 20px;
	background:url(../images/alertsBG.png) no-repeat;
}

	.alerts h1{
	line-height:60px;
	font-size:18px;
	font-weight:normal;
	}

	.alerts h1 strong{
	line-height:60px;
	font-size:18px;
	font-weight:bold;
	}
	
	.alerts h2{
	line-height:50px;
	font-size:16px;
	font-weight:normal;
	}
	
	.alerts h2 strong{
	line-height:60px;
	font-size:18px;
	font-weight:bold;
	}
	
	.alerts h2 span{
		font-size:26px;
		color:#CCCCCC;
		margin:0px;
	}


	.date{
		width:auto;
		float:left;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:50px;
		color:#999999;
	}
		.date img{
			margin-top:5px;
			width:40px;
			float:left;
			}
.mainarea{
	width:900px;
	display:block;
	height:auto;
	padding:0px;
	margin:0px auto 0px auto;
}

		 p.pre{
			font-weight:normal;
			font-size:14px;
			line-height:22px;	
			margin:0px;
			padding:10px 0px 10px 20px;	
			}
	.leftnav{
		float:left;
		display:block;
		width:580px;
		margin:0px 0px 0px 0px;
		padding:10px;
		background:url(../images/photoBG.png) no-repeat;
		height:330px;
	}
	
		.leftnav .slide{
		
			}
	
	.fullwidth{
		float:left;
		display:block;
		width:900px;
		margin:0px;
		background:url(../images/photoBGlarge.png) no-repeat;
		height:350px;
	}
	
	.content{
		float:right;
		display:block;
		width:240px;
		margin:0px 0px 0px 0px;
		padding:30px;	
		background:url(../images/textIntroBG.png) no-repeat;
		height:290px;	
	}
	.content_0{
		float:right;
		display:block;
		width:280px;
		margin:0px;
		padding:10px;	
		background:url(../images/textIntroBG.png) no-repeat;
		height:330px;	
	}
	
		.content h1{
					color:#adaa89;
					font-weight:normal;
					font-size:22px;
					line-height:28px;
					margin:0px;
					padding:0px;
					}
					
		.content h2{
					color:#adaa89;
					font-weight:normal;
					font-size:20px;
					line-height:22px;
					margin:0px;
					padding:0px;
					}
					
		.content p{
					font-weight:normal;
					font-size:14px;
					line-height:22px;
					margin:0px;
					padding:10px 0px 10px 0px;	
					}

		.content a{
					font-weight:bold;
					font-size:10px;
					line-height:14px;
					margin:0px;
					padding:5px 0px 0px 0px;	
					color:#2ca6af;
					}
					
		.content ul{
					margin:20px 0px 0px 0px;
					}
					
		.content ul li{
					list-style:none;
					line-height:36px;
					}
					
		.content ul li strong{
					color:#adaa89;
					}
		.content ul li a{
					font-weight:normal;
					font-size:12px;
					line-height:36px;
					margin:0px;
					padding:0px;	
					color:#2ca6af;
					}
					
		.extraContent{clear:both;}

		.extraContent .feature0{
					float:left;
					width:286px;
					margin:0px 0px 0px 0px;
					padding:7px;
					background:url(../images/featurebg_high.png) no-repeat;
					height:210px;		
					}

.extraContent h2{float:left; display:block; width:900px; padding:10px; margin:0px;}
.extraContent h3{float:left; display:block; width:560px; padding:10px; margin:0px;}
.extraContent p{float:left; width:560px; padding:10px 0px 20px 20px; margin:0px;}
.extraContent div.shot{margin:0px 10px 0px 0px; float:right; display:block; width:278px;}
.extraContent img.shot{margin:0px 0px 10px 0px; width:270px; height:180px; border:4px solid #999;}

	
	.features{
		display:block;
		clear:both;	
		margin:0px 0px 20px 0px;
	}


		.feature1, .feature2, .feature3{
			float:left;
			display:block;
			width:286px;
			margin:0px 0px 0px 0px;
			padding:7px;	
			background:url(../images/featureBG.png) no-repeat;
			height:142px;		
		}
		
		.feature0 a img, .feature1 a img, .feature2 a img, .feature3 a img{
			border:2px solid #ffffff;
		}

		.feature0 a:hover img, .feature1 a:hover img, .feature2 a:hover img, .feature3 a:hover img{
			border:2px solid #2ca6af;	
		}
		
		.feature2 blockquote{
			background:url(../images/quoteBG.gif) no-repeat;
			display:block;
			width:200px;		
			height:90px;
			color:#009999;
			font-size:22px;
			padding:20px 10px 20px 70px;
		}
		
				.feature2 blockquote span{
					color:#666666;
					font-size:14px;
					font-weight:bold;
					display:block;
					padding:10px 0px 0px 0px;
					}
		.feature1-2{
			float:left;
			display:block;
			width:560px;
			margin:0px 20px 0px 0px;
			padding:10px;	
			background:url(../images/featureBG.png) repeat-x;
			height:130px;		
		}
		
		.feature2 .weather{
			
		}

.footer{
	width:100%;
	background-color:#adaa89;
	height:40px;
   	clear:both;
	text-align:center;
	color:#f4f4f4;
	font-size:14px;
	padding-top:80px;
}
.copyright{	
    clear:both;
	margin:auto;
	width:900px;
	text-align:center;
}

.copyright span{	
    float:left;
	line-height:40px;
}

.copyright a img{	
    float:right;
	border:none;
	margin:5px 0px 5px 0px;
}


ul.navigation{
	display:block;
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;	
	float:right;
	color:#ffffff;
	list-style:none;
}


ul.navigation li{
	list-style:none; 
	margin:5px 0px 0px 0px; 
	padding:0px 10px 0px 10px; 
	line-height:40px; 
	float:left;
	}
	
ul.navigation li a{
	color:#98f0f4;
	text-decoration:none;
	}
	
	ul.navigation li.ayianapa a{}
	ul.navigation li.ayianapa_current a{color:#ffffff;}
	ul.navigation li.ayianapa_current a:hover {}
	ul.navigation li.ayianapa a:hover {color:#ffffff;}
	
	ul.navigation li.photo-gallery a{}
	ul.navigation li.photo-gallery_current a{color:#ffffff;}
	ul.navigation li.photo-gallery_current a:hover {}
	ul.navigation li.photo-gallery a:hover {color:#ffffff;}
	
	ul.navigation li.reservation-calendar a{}
	ul.navigation li.reservation-calendar_current a{color:#ffffff;}
	ul.navigation li.reservation-calendar_current a:hover{}
	ul.navigation li.reservation-calendar a:hover{color:#ffffff;}
	
	ul.navigation li.contact-us a{}
	ul.navigation li.contact-us_current a{color:#ffffff;}
	ul.navigation li.contact-us_current a:hover{}
	ul.navigation li.contact-us a:hover{color:#ffffff;}
	
	ul.navigation li.place2b a{}
	ul.navigation li.place2b_current a{color:#ffffff;}
	ul.navigation li.place2b_current a:hover{}
	ul.navigation li.place2b a:hover{color:#ffffff;}
		

form.contact_form, .receipt{
		display:block;
		padding:0px;
		margin:20px 0px 0px 30px;
		width:520px;
		}
		
form.contact_form h2, .receipt h2{
		color:#adaa89;
		font-weight:normal;
		font-size:20px;
		margin:0px;
		padding:0px;
		}
		
form.contact_form p, .receipt p{
		margin:0px;
		padding:10px 0px 20px 0px;
		}
		
.receipt dl{
		margin:0px;
		padding:10px 0px 20px 0px;	
		}
		
.receipt dl dd strong{
		color:#adaa89;
		font-weight:bold;	
		}
		
form.contact_form label{
		color:#adaa89;
		font-weight:bold;
		display:block;
		float:left;
		padding:3px;
		margin:0px 0px 5px 0px;
		width:140px;
		}
		
form.contact_form input.contactInput{
		font-size:10px;
		color:#999999;
		display:block;
		padding:3px;
		margin:0px 0px 5px 0px;
		width:220px;
		border:2px solid #d2d2b9;
		}

form.contact_form input.contactInput_date{
		font-size:10px;
		color:#999999;
		display:block;
		padding:3px;
		margin:0px 0px 5px 0px;
		width:100px;
		border:2px solid #d2d2b9;
		}
		
form.contact_form textarea{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#999999;
		display:block;
		padding:3px;
		margin:0px;
		width:320px;
		height:80px;
		border:2px solid #d2d2b9;
		}

.contactSubmit{
		display:block;
		padding:0px;
		margin: -3px 0px 0px 378px;
		width:100px;
		height:30px;
		border:none;
}

 .error{
	padding:10px 0px 10px 30px;
	margin:8px 8px 0px 8px;
 	background-color:#98f0f4;
	color:#333333;}
	
.footerlinks{
	list-style:none;
	line-height:58px;
	display:inline;
	color:#806862;
}
	.footerlink{
		display:inline;
		margin:0px 20px 0px 20px;
		color:#806862;
		text-decoration:none;
	}
	.footerlink a{
		color:#806862;
		text-decoration:none;
	}
	.footerlink_current{
		display:inline;
		margin:0px 20px 0px 20px;
		padding:0px 0px 6px 0px;
		color:#806862;
		text-decoration:none;
		border-bottom:2px solid;
	}
	.footerlink_current a{
		color:#806862;
		text-decoration:none;
	}
	
	
	
	/********* calendar ************/
	
	
.calendar h2 {font-size:18px; font-weight:normal; padding:0px; margin:0px 0px 5px 0px; color:#996}
.calendar {display:block; padding: 20px 10px 0px 10px; margin:10px 0px 0px 20px; width: 290px; float:left; clear:none; overflow:hidden;}
.calendar span {float: left; width: 35px; height:35px; padding: 0; margin:2px;
  text-align: center; border: 0px solid silver; line-height:35px;}
.sun {clear: left; }
.calendar span.day {float: left; width: 37px; height:20px; padding: 0; margin: 2px;
  text-align: left; border:0px solid; font-weight:bold;}
 
ul.calendarLegend{text-align:center; display:block; float:right; width:180px; padding:20px 10px 20px 0px; margin:0px;} 
	ul.calendarLegend li{list-style:none; line-height:22px; padding:0px; margin:0px 0px 5px 0px; color:#666}
	
	ul.calendarLegend li.avail{background:url(../images/available_r.gif) left center no-repeat;}
	ul.calendarLegend li.unavail{background:url(../images/unavailable_r.gif) left center no-repeat;}
	
	.avail{background:url(../images/available_r.gif) left center; color:#FFF}
	.unavail{background:url(../images/unavailable_r.gif) left center; color:#eaeaea}
  
ul.calendarLinks{text-align:center; display:block; float:right; width:180px; padding:0px; margin:20px 10px 0px 0px; border-right: 1px solid silver;}
	ul.calendarLinks li.normal{list-style:none; padding:10px 5px 10px 5px; margin:0px; border:1px solid silver; border-right:0px solid; background-color:#999999;}
	ul.calendarLinks li.current{list-style:none; padding:10px 5px 10px 5px; margin:0px; border:1px solid silver; border-right:0px solid; border:0px solid; font-weight:bold;}
	ul.calendarLinks li a{text-decoration:none;}
	
	ul.calendarLinks li.normal a{ color:#ffffff;}
	ul.calendarLinks li.normal a:hover{ color:#ffffff;}
	ul.calendarLinks li.current a{ color:#996}
	ul.calendarLinks li.current a:hover{ color:#996}