body {
	background-color: #FBE1E7;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/**********placement**************/
#container{ /*****Container to keep everything centered*********/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding: 0px;
	width: 760px;
	border-left: 2px dashed green;
}

#top{ /*******LOGO Graphic*******/
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
	height: 408px;
	width: 760px;
}

#middle1{ /****CONTAINER for CenterLefts & CenterRight****/
	position: relative;
	margin: 0;
	padding: 0;
	width: 760px;
	height: 614px;
}
#middleContactEN{ /****CONTACT PAGE english****/
	position: relative;
	margin: 0;
	padding: 0;
	width: 760px;
	height: 614px;
	background-image: url(images/contactmiddle-en.jpg);
}
#middleContactGR{ /****CONTACT PAGE greek****/
	position: relative;
	margin: 0;
	padding: 0;
	width: 760px;
	height: 614px;
	background-image: url(images/contactmiddle-gr.jpg);
}
#centerleftAboutEN{ /******English ABOUT header graphic******/
	float: left;
	background-image: url(images/centerleft/about-en.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
	height: 614px;
	width: 507px;
}

#centerleftAboutGR{ /******Greek ABOUT header graphic******/
	float: left;
	background-image: url(images/centerleft/about-gr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
	height: 614px;
	width: 507px;
}
#centerright{ /******FLOWER w/Picframes******/
	position: relative;
	float: right;
	background-image: url(images/centerright.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
	height: 614px;
	width: 253px;
}
#bottom1{ /****FOR ABOUT PAGE w/ picframe edges****/
	position: relative;
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
	height: 479px;
	width: 760px;
}
#bottom2{ /****FOR CONTACT PAGE w/o picframe edges****/
	position: relative;
	background-image: url(images/bottom2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
	height: 479px;
	width: 760px;
}
#footer{ /******Copyright stuff*******/
	position: absolute;
	top: 320px;	
	left: 350px;
	margin: 20px;
	padding: 10px;
	text-align: center;
	font-family: Garamond, "Times New Roman", serif;
	clear: both;
}
/****************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: 320px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 75px;
left: -410px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/****************Images**********************/
#c1a{position: absolute; top: 62px; left: 0; width: 125px; height: 187px;}
#c1b{position: absolute; top: 249px; left: 0; width: 125px; height: 179px;}
#c1c{position: absolute; top: 428px; left: 0; width: 125px; height: 186px;}
#c3b{position: absolute; top: 202px; left: 136px; width: 71px; height: 106px;}
#c3d{position: absolute; top: 322px; left: 136px; width: 71px; height: 106px;}
#c3f{position: absolute; top: 444px; left: 136px; width: 71px; height: 105px;}

#englishflag{position: absolute; top: 8px; left: 5px; width: 58px; height: 40px;}
#greekflag{position: absolute; top: 8px; left: 63px; width: 58px; height: 40px;}
#englishflag2{position: absolute; top: 8px; left: 511px; width: 58px; height: 40px;}
#greekflag2{position: absolute; top: 8px; left: 569px; width: 58px; height: 40px;}
#button{position: absolute; top: 42px; left: 197px; width: 137px; height: 99px;}
#mapEN{position: absolute; top: 65px; left: 20px; width: 348px; height: 266px; background-image: url(images/map/en.jpg);}
#mapGR{position: absolute; top: 65px; left: 20px; width: 348px; height: 266px; background-image: url(images/map/gr.jpg);}
#infoheaderEN{position: absolute; top: 78px; left: 420px; width: 192px; height: 66px; background-image: url(images/contact-header/en.jpg);}
#infoheaderGR{position: absolute; top: 78px; left: 420px; width: 192px; height: 66px; background-image: url(images/contact-header/gr.jpg);}

/***************information****************/
#aboutusEN{
	position: absolute;
	border: 0;
	top: 35px;
	left: 30px;
	width: 440px;
	height: 550px;
	margin-top: 30px;
	overflow: auto;
		
}
#aboutusEN p{
	margin: 2px;
	font-family: Garamond, "Times New Roman", serif;
	font-size: 1em;
	text-indent: 25px;
	text-align: left;
}
#aboutusGR{
	position: absolute;
	border: 0;
	top: 35px;
	left: 30px;
	width: 440px;
	height: 550px;
	margin-top: 30px;
	overflow: auto;
}

#aboutusGR p{
	margin: 2px;
	font-family: Garamond, "Times New Roman", serif;
	font-size: 1.1em;
	text-indent: 25px;
	text-align: left;
}
#contactEN{
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	top: 350px;
	left: 30px;
	width: 680px;
	height: 285px;
	overflow: auto;
}
#thanks{
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	top: 60px;
	left: 30px;
	font-family: Garamond, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
}

#contactEN p {
	font-family: Garamond, "Times New Roman", serif;
	font-size: 1em;
	text-align: left;
}

#contactGR{
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	top: 350px;
	left: 30px;
	width: 680px;
	height: 285px;
	overflow: auto;
}

#contactGR p {
	font-family: Garamond, "Times New Roman", serif;
	font-size: 1em;
	text-align: left;
}
#infoEN{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 250px;
	left: 30px;
	width: 130px;
	height: 400px;
	overflow: auto;
}

#contactnumbers{
	position: absolute;
	margin: 0;
	padding: 5px;
	top: 175px;
	left: 420px;
	background-color: #FBE1E7;
	border: 1px dashed gray;
	overflow: auto;
}
#contactnumbers p{
	font-family: Garamond, "Times New Roman", serif;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

.off img{
	border-style: none;
}
.copyright{ font-family: Garamond, "Times New Roman", serif; font-size: .8em;}
/************Table**************/
table{ margin: 15px 0 15px 50px; text-align: left; font-family: Garamond, "Times New Roman", serif; font-size: .9em; font-weight: bold; text-align: left;}
td,th{ padding: 0;}
col#col1, col#col2{ width: 350px;}

/******************Form*******************/
#formbox{
	width: 660px;
	font-size: 1em;
	overflow: auto;
}

#form p{
	margin-top: 5px;
	margin-bottom: 5px;
}
/***********COLUMNS GLOBAL**********/
#column1 {
	float: left;
	margin-right: auto;
}
#column2{
	float: right;
	margin-left: auto;
}		
#comments{
	float: left;
	margin-right: auto;
}
/***********LABELS**********/
.labelEN{
	float: left;
	width: 85px;
	margin-right: 5px;
	text-align: left;
	font-weight: bold;
}
.labelGR{
	float: left;
	width: 80px;
	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#Studios {
	font-family: Garamond, "Times New Roman", serif;
}

input#Name, input#email, input#Tel, input#Fax, input#City, input#Persons{
	background-color: #FBEF99;
	font-family: "Lucinda Console", Monaco, monospace;
	font-size: .9em;
	width: 230px;
	margin-top: -2px;
}

textarea#comments{
	float: left;
	margin-right: auto;
	background-color: #FBEF99;
	font-family: "Lucinda Console", Monaco, monospace;
	font-size: .9em;
	width: 570px;
	height: 60px;
	margin-top: -1px;
}
select#Country{
	width: 227px;
}
select#Arrival-Month, select#Departure-Month{
	width: 112px;
}

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#Studios:focus, textarea#comments:focus
{
	background-color: #FDD041;
}

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

input#SubmitGR{
	margin-left: 335px;
	margin-top: 9px;
	background-color: #FBEF99;
	font-family: Garamond, "Times New Roman", serif;
}
