body {
	background-color: #CADBFA;
	margin: 0;
	padding: 0;
	text-align: center;
	scrollbar-shadow-color: #FDF6E4;
	scrollbar-highlight-color: #FDF6E4;
	scrollbar-face-color: #CEE7A3;
	scrollbar-3dlight-color: #FDF6E4;
	scrollbar-darkshadow-color: #FDF6E4;
	scrollbar-track-color: #FDF6E4;
	scrollbar-arrow-color: #FDF6E4;
}
#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 780px;
	padding: 0;
	text-align: center;
}

#intro {
	background-image: url(images/intro/intro.jpg);
	background-repeat: no-repeat;
	width: 650px;
	height: 650px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.languageSelectEN {
	top: 60.5px;
	left: 23.5px;
	width: 51px;
	height: 332px;
	position: absolute;
}
.languageSelectGR {
	top: 60.5px;
	left: 574px;
	height: 332px;
	width: 51px;
	position: absolute;
}
#header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 293px;
	margin: 0;
	padding: 0;
	background-position: center top;
}
#aboutEN {
	width: 780px;
	margin: 0;
	padding: 0;
	height: 1057px;
	position: relative;
	background-image: url(images/body/about-en.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#aboutGR {
	width: 780px;
	margin: 0;
	padding: 0;
	height: 1057px;
	position: relative;
	background-image: url(images/body/about-gr.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#text {
	border: 1px dashed #c6d2b1;
	width: 500px;
	margin: 0;
	padding: 5px;
	height: 240px;
	position: absolute;
	top: 90px;
	left: 220px;
	overflow: auto;
}
#text p {
	margin: 0;
	padding: 0;
	font-family: Garamond, "Times New Roman", serif;
	text-align: left;
	text-indent: 25px;
	
}

#pics {
	position: absolute;
	top: 345px;
	left: 215px;
	width: 500px;
	height: 0;
}

#middleRight {
	background-image: url(images/center/pics.jpg);
	background-repeat: no-repeat;
	width: 252px;
	height: 683px;
	margin: 0;
	padding: 0;
	float: right;
	clear: right;
}
#contactEN {
	background-image: url(images/body/contact-en.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 1057px;
	margin: 0;
	padding: 0;
	position: relative;
}
#contactGR {
	background-image: url(images/body/contact-gr.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 1057px;
	margin: 0;
	padding: 0;
	position: relative;
}
#contactnumbers{
	position: absolute;
	margin: 0;
	padding: 10px;
	top: 110px;
	left: 240px;
	background-color: #FBE1E7;
	border: 1px dashed gray;
	overflow: auto;
}
#contactnumbers p{
	font-family: Garamond, "Times New Roman", serif;
	font-size: 1.5em;
	text-align: left;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
#thanks {
	width: 400px;
	margin: 0;
	padding: 0;
	height: 500px;
	position: absolute;
	top: 90px;
	left: 230px;
}
#thanks p {
	margin: 0;
	padding: 0;
	font-family: Garamond, "Times New Roman", serif;
	text-align: left;
}
#footer{ /******Copyright stuff*******/
	position: absolute;
	top: 915px;
	left: 25px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Garamond, "Times New Roman", serif;
	clear: both;
}
#transparentsquare {
	width: 147px;
	height: 111px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 670px;
	left: 7px;
}



#ContactInfo{
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;
	font-family: Garamond, "Times New Roman", serif;
	clear: both;
	font-size: 1.5em;
}
#table {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 300px;
	left: 200px;
	text-align: center;
	width: 540px;
}

td,th{ padding: 0;}

img {
	border-style: none;
}

/****************Image Popups*****************/
.thumbnail img{
border: 0;
margin: 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 0px solid #000;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFFFE0;
	padding: 10px;
	left: -1000px;
	border: 2px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width: auto;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}
.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 100px;
	left: 100px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}
#picturebox {
	width: 218px;
	margin: 0;
	padding: 0;
	height: 683px;
	float: left;
	text-align: center;
}


/****************Images**********************/
#image1{
	width: 173px;
	height: 155px;
}
#image2{
	width: 211px;
	height: 117px;
}
#image3{
	width: 211px;
	height: 136px;
}
#image4{
	width: 211px;
	height: 126px;
}
#image5{
	width: 173px;
	height: 149px;
}
#mapEN {
	background-image: url(images/map/en.jpg);
	background-repeat: no-repeat;
	width: 350px;
	height: 265px;
	margin: 0;
	padding: 0;
	background-position: center top;
	position: absolute;
	top: 155px;
	left: 300px;
}
#mapGR {
	background-image: url(images/map/gr.jpg);
	background-repeat: no-repeat;
	width: 350px;
	height: 265px;
	margin: 0;
	padding: 0;
	background-position: center top;
	position: absolute;
	top: 100px;
	left: 300px;
}



/******************Form*******************/
#formbox{
	font-size: 1em;
	overflow: auto;
	position: absolute;
	top: 358px;
	left: 180px;
	width: 580px;
	padding: 5px;
}

#form p{
	margin-top: 5px;
	margin-bottom: 5px;
}
/***********COLUMNS GLOBAL**********/
#column1 {
	float: left;
	margin-right: 20px;
}
#column2{
	float: left;
	margin-left: auto;
}		
#comments{
	float: left;
	margin-right: auto;
}
/***********LABELS**********/
.labelEN{
	float: left;
	width: 80px;
	margin-right: 5px;
	text-align: left;
	font-weight: bold;
}
.labelGR{
	float: left;
	width: 85px;
	margin-right: 5px;
	text-align: left;
	font-weight: bold;
}

/***********FORM ELEMENTS GLOBAL**********/
select#Country, select#Arrival-Month, select#Arrival-Day, select#Arrival-Year, select#Departure-Month, select#Departure-Day, select#Departure-Year, select#Persons, select#Rooms {
	font-family: Garamond, "Times New Roman", serif;
	font-size: 1em;
}
input#Name, input#email, input#Tel, input#Fax, input#City, select#Persons, select#Rooms{
	background-color: #FBEF99;
	font-family: "Lucinda Console", Monaco, monospace;
	font-size: 1em;
	width: 180px;
	margin-top: -2px;
	margin-left: 0px;
}

textarea#comments{
	float: left;
	margin-right: auto;
	background-color: #FBEF99;
	font-family: "Lucinda Console", Monaco, monospace;
	font-size: 1em;
	width: 470px;
	height: 60px;
	margin-top: -1px;
}
select#Country{
	width: 185px;
}
select#Arrival-Month, select#Departure-Month{
	width: 70px;
}
select#Arrival-Year, select#Departure-Year {
	width: 58px;
}


input#Name:focus, input#email:focus, input#Tel:focus, input#Fax:focus, input#City:focus, select#Country:focus, select#Arrival-Month:focus, select#Arrival-Day:focus, select#Arrival-Year:focus, select#Departure-Month:focus, select#Departure-Day:focus, select#Departure-Year:focus, select#Persons:focus, select#Rooms:focus, textarea#comments:focus
{
	background-color: #FDD041;
}

/***************SUBMIT BUTTONS***************/
input#SubmitEN{
	margin-left: auto;
	background-color: #FBEF99;
	font-family: Garamond, "Times New Roman", serif;
	margin-right: auto;
}

input#SubmitGR{
	background-color: #FBEF99;
	font-family: Garamond, "Times New Roman", serif;
	margin-left: auto;
	margin-right: auto;
}


/**********************Pics & Captions Right Float********************/
.figureright{
	z-index:1;
	width: 200px;
	margin-left: 10px;
	margin-right: 10px;
	position: absolute;
	top: 80px;
	left: 530px;
}
#popuprightmap {
	position:relative;
	padding:0;
	background-color:#FDF6E4;
	margin-bottom:0;
}


#popuprightmap  a:hover {
	background:transparent
}
#popuprightmap  a  span {
	display:none
}
#popuprightmap  a:hover  span {
	display:inline;
	position:absolute;
	top:0px;
	right:0px;
	width:350px;
	height:315px;
}
.mapbig{background:url(images/map/en.jpg) no-repeat top left; width:350px; height: 265px;}
.mapbigGR {
	background:url(images/map/gr.jpg) no-repeat top left;
	width:350px;
	height: 265px;
}

