@charset "UTF-8";
/* CSS Document */

/**Navigation menu****/

#navMenu {
	margin:0;
	padding:0;
}

#navMenu ul {
	margin:0;
	padding:0;
	line-height:30px;
}

#navMenu li {
	margin:0;
	paddinn:0;
	list-style:none;
	float:left;
	position:relative;
	background-color:#F5EBD3;
}
/* #5C6029*/
#navMenu ul li a {
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-seriff;
	font-size:13px;
	text-decoration:none;
	height:20px;
	width:110px;
	display:block;
	color:#5C6029;
	border:1px solid #BBB;
}

#navMenu ul ul {
	position:absolute;
	visibility:hidden;
	top:20px;
}

#navMenu ul li:hover ul {
	visibility:visible;
	text-align:left;
	
}


#navMenu li:hover {
	background-color:#F5EBDE;
}

#navMenu ul li:hover ul li a:hover {
	background-color:#F5EBDE;
	color:#040;
}

.clearFloat{
	clear:both;
	margin:0;
	padding:0;
	
}

/******************************* mainLayout **/

#mainLayout {
	height:auto;
	width:980px;
	background-color:#F5EBD3;
	float:left;
	margin-left:165px;
	margin-top:4px;
	position:absolute
}

#wrapper {
	margin-top:15px;
	margin-left:40px;
	float:left;
}
	
#logoBox {
	height:150px;
	width:150px;
	margin-left:405px;
	margin-top:10px;
	float:none;
	background-image:url(../img/logo_olivetreehouse_150.png);
}

#borderBox {
	height:170px;
	width:980px;
	border-bottom-style:double;
	border-bottom-color:#AAA;
	border-bottom-width:thick;
}

#bottomBorder{
	height:45px;
	width:980px;
	background-color:#F5EBD3;
	float:left;
	margin-top:10px;
	border-top-style:groove;
	border-bottom-color:#AAA;
	border-bottom-width:thick;
}

#bottomBordertext{
	height:20px;
	width:500px;
	float:left;
	position:relative;
	margin-left:240px;
}
#bottomBordertext2{
	height:20px;
	width:200px;
	float:left;
	position:relative;
	margin-left:750px;
	text-align:center;
}

/*******HomePage*****/

#homeawayBadge{
	width:150px;
	height:100px;
	float:left;
	margin-left:20px;
	margin-top:10px;
}

#slideshow {
	height:400px;
	width:800px;
	float:left;
	margin-left:90px;
	margin-top:5px;
}

#infoBox{
	height:auto;
	width:575px;
	float:left;
	margin-left:200px;
	margin-top:15px;
}
#twitterFeed{
	height:auto;
	width:360px;
	float:left;
	margin-left:100px;
	margin-top:15px;
	}	
#commentBox{
	height:300px;
	width:390px;
	float:left;
	margin-left:35px;
	margin-top:15px;
	overflow:scroll;
	background-color:#F5EBCC;
}

/*******text****/
p:first-letter{
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	text-align:left;
	word-spacing:2px;
	line-height:120%;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	color:#5C6029;
}

h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:oblique;
	text-align:left;
	word-spacing:2px;
	padding:10px;
	line-height:100%;
	color:#5C6029;
}

h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	text-align:left;
	word-spacing:2px;
	line-height:120%;
	padding-left:10px;
	padding-top:5px;
	color:#5C6029;
}

h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	text-align:center;
	word-spacing:2px;
	line-height:120%;
	padding:10px;
	color:#5C6029;
}

h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-align:center;
	word-spacing:2px;
	line-height:120%;
	color:#777;
}
	

/**************layout for submenu pages*******/
#infoBoxAbout{
	height:auto;
	width:250px;
	float:left;
	margin-left:30px;
	margin-top:15px;
	background-color:#F5EBCC;
}

#submenuBox{
	height:auto;
	width:300px;
	margin-left:10px;
	margin-top:15px;
	float:left;
}

#submenuBox li{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
	line-height:120%;
	word-spacing:2px;
	padding:5px;
	text-align:center;
}

#submenuBox ul{
	padding-top:3px;
	margin-left:10px;
	float:left;
	text-align:left;
}


/********About Olive Tree************/

#infoBoxAbout{
	height:350;
	width:400px;
	float:left;
	margin-left:60px;
	margin-top:15px;
	background-color:#F5EBCC;
}

#infoBoxAbout1{
	height:400;
	width:395px;
	float:left;
	margin-left:60px;
	margin-top:15px;
	background-color:#F5EBCC;
}

#pictureBoxAbout{
	width:900px;
	height:450px;
	margin-left:40px;
	margin-top:15px;
	float:left;
	background-image:url(../img/house_2.png);
	background-repeat:no-repeat;
	background-position:center;
}

#submenuBoxAbout{
	height:auto;
	width:375px;
	margin-left:60px;
	float:left;
}

#submenuBoxAbout ul li{
	margin-left:10px;
	float:center;
	text-align:left;
}


/****bedrooms****/

#infoBoxBedrooms{
	height:auto;
	width:390px;
	float:left;
	margin-left:40px;
	margin-top:75px;
}

#pictureBoxBedrooms{
	width:450px;
	height:275px;
	margin-left:40px;
	margin-top:15px;
	float:left;
	background-image:url(../img/bedroom_1.png);
	background-repeat:no-repeat;
	background-position:center;
}

#pictureBoxBedrooms1{
	width:450px;
	height:275px;
	margin-left:40px;
	margin-top:15px;
	float:left;
	background-image:url(../img/bedroom_2.png);
	background-position:center;
	background-repeat:no-repeat;
}

/****bathrooms****/


#infoBoxBathrooms{
	height:auto;
	width:390px;
	float:left;
	margin-left:40px;
	margin-top:75px;
}

#pictureBathrooms{
	width:450px;
	height:275px;
	margin-left:40px;
	margin-top:10px;
	float:left;
	background-image:url(../img/bathroom_3.png);
	background-position:center;
	background-repeat:no-repeat;
}
#pictureBathrooms1{
	width:450px;
	height:275px;
	margin-left:40px;
	margin-top:15px;
	float:left;
	background-image:url(../img/bathroom_1.png);
	background-position:center;
	background-repeat:no-repeat;
}

/************Kitchen************/
#kitchenInfo{
	height:400;
	width:400px;
	float:left;
	margin-top:75px;
	margin-left:40px;
}

#kitchenPic{
	height:275px;
	width:460px;
	float:left;
	margin-top:15px;
	margin-left:40px;
	background-image:url(../img/kitchen_1.png);
	background-repeat:no-repeat;
	background-position:center;
}
#kitchenPic1{
	height:275px;
	width:460px;
	float:left;
	margin-top:15px;
	margin-left:40px;
	background-image:url(../img/kitchen_2.png);
}
/********lounge**************/
#loungeInfo{
	height:800;
	width:400px;
	float:left;
	margin-top:105px;
	margin-left:40px;
}
#loungePic{
	height:275px;
	width:460px;
	float:left;
	margin-top:25px;
	margin-left:40px;
	background-image:url(../img/lounge_1.png);
	background-repeat:no-repeat;
	

}
#loungePic1{
	height:275px;
	width:450px;
	float:left;
	margin-top:15px;
	margin-left:40px;
	background-image:url(../img/lounge_2.png);
	background-repeat:no-repeat;
	background-position:center;

}
/*********garden************/
#gardenInfo{
	height:auto;
	width:390px;
	float:left;
	margin-top:95px;
	margin-left:40px;
}

#gardenPic{
	height:275px;
	width:450px;
	float:left;
	margin-top:15px;
	margin-left:40px;
	background-image:url(../img/garden_1.png);
	background-position:center;
	background-repeat:no-repeat;
}
#gardenPic1{
	height:275px;
	width:450px;
	float:left;
	margin-top:12px;
	margin-left:40px;
	background-image:url(../img/garden_2.png);
	background-repeat:no-repeat;
	background-position:center;
	
}

#gardenPic2{
	height:400px;
	width:900px;
	float:left;
	margin-left:40px;
	margin-top:15px;
	background-image:url(../img/gardenView.png);
	background-repeat:no-repeat;
	background-position:center;
}

/*****terraces*****/

#terraceInfo{
	height:auto;
	width:390px;
	float:left;
	margin-top:15px;
	margin-left:40px;
}

#terracePic{
	height:275px;
	width:485px;
	float:left;
	margin-top:55px;
	margin-left:20px;
	background-image:url(../img/terrace_2.png);
}

#terracePic1{
	height:400px;
	width:900px;
	float:left;
	margin-top:15px;
	margin-left:40px;
	background-image:url(../img/terrace_5.png);
}	
	
/******poolandspa************/
#poolInfo{
	height:400px;
	width:400px;
	float:left;
	margin-top:75px;
	margin-left:40px;
}

#poolPic{
	height:280px;
	width:460px;
	float:left;
	margin-top:15px;
	margin-left:35px;
	background-image:url(../img/pool_1.png);
}

#poolPic2{
	height:280px;
	width:460px;
	float:left;
	margin-top:15px;
	margin-left:35px;
	background-image:url(../img/spa_1.png);
}

/**********otherservices**********/
#servicesInfo{
	height:auto;
	width:400px;
	float:left;
	margin-top:45px;
	margin-left:40px;
}

#servicesPic{
	height:300px;
	width:450px;
	float:left;
	margin-top:15px;
	margin-left:50px;
	background-image:url(../img/otherservices.png);
	background-position:center;
	background-repeat:no-repeat;

}
	
/****travel pages**/

#mapBox{
	width:425px;
	height:350px;
	margin-left:55px;
	margin-top:15px;
	float:left;
}

#whereareweAbout{
	height:350px;
	width:390px;
	float:left;
	margin-left:40px;
	margin-top:15px;
}

#submenuBoxTravel{
	height:auto;
	width:300px;
	margin-left:40px;
	margin-top:0px;
	float:left;
}

#submenuBoxTravel ul{
	padding-top:3px;
	margin-left:10px;
	float:left;
	text-align:left;
}
#travelContactPic{
	Height:350px;
	width:900px;
	float:left;
	margin-left:40px;
	margin-top:15px;
	background-image:url(../img/travelcontact_1.png);
	background-repeat:no-repeat;
	background-position:center;
}

#travelContactInfo{
	height:500px;
	width:420px;
	float:left;
	margin-left:40px;
	margin-top:15px;
}

#travelContactLinks{
	height:510px;
	width:420px;
	float:left;
	margin-left:60px;
	margin-top:15px;
}

#travelDirectionsInfo{
	height:450px;
	width:390px;
	float:left;
	margin-left:40px;
	margin-top:15px;
}

#kalamataMap{
	height:350px;
	width:425px;
	float:left;
	margin-left:60px;
	margin-top:15px;
}

/**********gallery******************/
#galleryBox{
	height:500px;
	width:900px;
	float:left;
	margin-left:140px;
	margin-top:45px;
}

/****booking page**/

#bookingInfo{
	height:200px;
	width:350px;
	float:left;
	margin-left:290px;
	margin-top:15px;
	}
#calendarBox{
	height:300px;
	width:970px;
	float:left;
	margin-left:5px;
	margin-top:15px;
}

#calendercentred{
	height:300px;
	width:519px;
	float:left;
	margin-left:225px;
	margin-top:25px;
}

/********contactpage*******/

#contactForm{
	height:auto;
	width:300px;
	float:left;
	margin-left:330px;
	margin-top:0px;
}

#contactInfo{
	height:auto;
	width:500px;
	margin-top:20px;
	margin-left:230px;
	float:left;
	padding:0px;
	text-align:center;
}

/********outandaboutpages******/
#outaboutInfo{
	height:auto;
	width:350px;
	float:left;
	margin-left:310px;
	margin-top:15px;
}

#outaboutPic{
	height:150px;
	width:150px;
	background-image:url(../img/eatpic.png);
	background-position:center;
	float:left;
	margin-left:90px;
	margin-top:20px;
}


#outaboutPic1{
	height:150px;
	width:150px;
	background-image:url(../img/beaches_icon.png);
	float:left;
	margin-left:10px;
	margin-top:20px;
}


#outaboutPic2{
	height:150px;
	width:150px;
	background-image:url(../img/daysout.png);
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	margin-left:10px;
	margin-top:20px;
}


#outaboutPic3{
	height:150px;
	width:150px;
	background-position:center;
	background-image:url(../img/gokarting_sporting.png);
	float:left;
	margin-left:10px;
	margin-top:20px;
}


#outaboutPic4{
	height:150px;
	width:150px;
	background-image:url(../img/nightsout_2.png);
	background-position:center;
	float:left;
	margin-left:10px;
	margin-top:20px;
}

#outaboutFiller{
	height:180px;
	width:300px;
	float:left;
}
	
	/******placestoeat*******/
#eatInfo{
	height:175px;
	width:350px;
	float:left;
	margin-left:310px;
	margin-top:15px;
	
}

#eat1{
	height:250px;
	width:350px;
	float:left;
	margin-left:40px;
	margin-top:20px;
}


#eatPic1{
	height:250px;
	width:450px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	background-image:url(../img/olofos.png);
}

#eatPic2{
	height:250px;
	width:450px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	background-image:url(../img/sunset_taverna.png);
	background-repeat:no-repeat;
	background-position:center;
}

#eatPic3{
	height:250px;
	width:450px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	background-image:url(../img/taverna_2.png);
	background-repeat:no-repeat;
	background-position:center;
}

#eatPic4{
	height:250px;
	width:450px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	background-image:url(../img/ikalikardia_1.png);
	background-repeat:no-repeat;
	background-position:center;
}

#eatPic5{
	height:250px;
	width:450px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	background-image:url(../img/kostastaverna_1.png);
	background-repeat:no-repeat;
	background-position:center;
}

#eatPic6{
	height:250px;
	width:450px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	background-image:url(../img/omimis_1.png);
	background-repeat:no-repeat;
	background-position:center;
}
#eatPic7{
	height:250px;
	width:450px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	background-image:url(../img/gaiteranos.png);
	background-repeat:no-repeat;
	background-position:center;
}

#eatPic8{
	height:250px;
	width:450px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	background-image:url(../img/harbour_restaurant_1.png);
	background-repeat:no-repeat;
	background-position:center;
}

#eatPic9{
	height:250px;
	width:450px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	background-image:url(../img/to-peykaki.png);
	background-position:center;
	background-repeat:no-repeat;
}
	/********beaches*****/
	
#beachesInfo{
		height:200px;
		width:350px;
		float:left;
		margin-left:310px;
		margin-top:15px;
	}
	


#beaches1{
		height:240px;
		width:400px;
		float:left;
		margin-left:40px;
		margin-top:25px;
	
}

#beachesPic1{
		height:250px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-image:url(../img/sandova_beach.png);
		background-repeat:no-repeat;
		background-position:center;
	}

#beaches2{
		height:240px;
		width:400px;
		float:left;
		margin-left:40px;
		margin-top:25px;
}


#beachesPic2{
		height:250px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-image:url(../img/Akrogiali.png);
		background-position:center;
		background-repeat:no-repeat;
}

#beaches3{
		height:240px;
		width:400px;
		float:left;
		margin-left:40px;
		margin-top:25px;
}

#beachesPic3{
		height:250px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-image:url(../img/Arkontiko_1.png);
		background-repeat:no-repeat;
		background-position:center;
}

#beaches4{
		height:200px;
		width:400px;
		float:left;
		margin-left:40px;
		margin-top:55px;
	
}
#beachesPic4{
		height:300px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-repeat:no-repeat;
		background-position:center;
		background-image:url(../img/cosi.png);
}


#beaches5{
		height:300px;
		width:400px;
		float:left;
		margin-left:40px;
		margin-top:55px;
}

#beachesPic5{
		height:250px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-image:url(../img/kalamata_beachfront.png);
		background-repeat:no-repeat;
		background-position:center;
}
	/********daysout********/
	
#dayInfo{
	height:150px;
	width:350px;
	float:left;
	margin-left:310px;
	margin-top:15px;
}

#dayInfo2{
	height:410px;
	width:450px;
	float:left;
	margin-left:280px;
	margin-top:15px;
}

#day1{
		height:270px;
		width:400px;
		float:left;
		margin-left:40px;
		margin-top:25px;
}

#dayPic1{
        height:300px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-image:url(../img/kalamata_city.png);
		background-position:center;
		background-repeat:no-repeat;
}

#dayPic2{
        height:300px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-image:url(../img/Kardimyli.png);
		background-position:center;
		background-repeat:no-repeat;
}
#dayPic3{
        height:300px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-image:url(../img/waterfalls.png);
		background-repeat:no-repeat;
		background-position:center;
}
#dayPic4{
        height:300px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-image:url(../img/diros.png);
		background-repeat:no-repeat;
		background-position:center;
}
#dayPic5{
        height:300px;
		width:450px;
		float:left;
		margin-left:50px;
		margin-top:15px;
		background-image:;
		background-color:#111;
}

	/******sportingactivities******/
	
#sportInfo{
	height:150px;
	width:350px;
	float:left;
	margin-left:310px;
	margin-top:5px;
}

#sportInfo2{
	height:250px;
	width:440px;
	float:left;
	margin-left:40px;
	margin-top:15px;
}
	
#sportInfo3{
	height:250px;
	width:440px;
	float:left;
	margin-left:25px;
	margin-top:15px;
}

#sportInfo4{
	height:250px;
	width:440px;
	float:left;
	margin-left:40px;
	margin-top:15px;
}	
#sportPic{
	height:445px;
	width:900px;
	float:left;
	margin-left:40px;
	margin-top:15px;
	background-image:url(../img/greekwalk.png);
	background-repeat:no-repeat;
	background-position:top;
}
	/******nightlife***/

#nightInfo{
	height:220px;
	width:390px;
	float:left;
	margin-left:60px;
	margin-top:5px;
}
#nightInfo1{
	height:200px;
	width:390px;
	float:left;
	margin-left:60px;
	margin-top:5px;
}

#nightPic{
	height:350px;
	width:900px;
	float:left;
	margin-left:40px;
	margin-top:15px;
	background-image:url(../img/nightsout_1.png);
	background-position:center;
	background-repeat:no-repeat;
}

/******shop*******/
#shopInfo{
	height:150px;
	width:390px;
	margin-left:300px;
	margin-top:15px;
	float:left;	
}
#shopProduct1{
	height:150px;
	width:300px;
	float:left;
	margin-left:160px;
	margin-top:15px;
	}
#shopProduct2{
	height:150px;
	width:300px;
	float:left;
	margin-left:100px;
	margin-top:15px;
}

#shopPic1{
	height:300px;
	width:300px;
	float:left;
	margin-left:160px;
	margin-top:15px;
	background-image:url(../img/oliveoil.png);
	background-position:top;
	background-position:center;
	}
#shopPic2{
	height:300px;
	width:300px;
	float:left;
	margin-left:100px;
	margin-top:15px;
	background-image:url(../img/keyring.png);
	background-position:top;
	background-position:center;
	}