body { margin-left: 0px;
	   margin-right: 0px;
	   background-color: #c5d9ed;
	   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	   background-image: url(../images/bg_clouds.jpg);
	   background-repeat: no-repeat;
	   background-position: top;
	   width: 100%;}  
	   
#content { margin-top: 80px;
	       width: 1050px;
	       height: 550px;
	       margin-left:auto;
	       margin-right:auto;}
		   
.content_photos { margin-top: 240px;
	              margin-left:auto;
	              margin-right:auto;
	              background-color: #FFF;
	              border: thick solid #999;}
				  
.content_photos img { border-top-width: medium;
	                  border-right-width: medium;
	                  border-bottom-width: medium;
	                  border-left-width: medium;
	                  border-top-color: #FFF;
	                  border-right-color: #FFF;
	                  border-bottom-color: #FFF;
	                  border-left-color: #FFF;}
/* ---------------------------------------------------------------------------------------  header */	   
#header { height: 35px;
	      width: 1050px;
	      background-color:#FFF;
	      background-image: url(../images/ribbon_top.jpg);}
		  
.menu-header { float:right;
	           margin-right: 30px;
	           margin-top: 4px;
	           height: 26px;
	           font-size: 12px;
			   width: 615px;}

#menu_photos { position:absolute;
	           width: 950px;
	           height: 35px;
	           font-size: 13px;
	           left: 143px;
	           top: 10px;
	           padding-top:5px;}
			   
#menu_reservations { height: 35px;
	                 font-size: 13px;
	                 padding-top:5px;}
			   
#header a, #footer a, #menu_photos a{ text-decoration:none;
                                      color:#000;
									  background-color:#FFF;
	                                  border: 1px solid #000;
	                                  padding-top: 1px;
	                                  padding-right: 5px;
	                                  padding-bottom: 1px;
	                                  padding-left: 5px;}
		   
#header a:hover, #footer a:hover, #menu_photos a:hover { color:#900;}
/* --------------------------------------------------------------------------------------  left memu */	
#menu { width: 220px;
	    height: 515px;
	    float:left;
	    position: relative;
	    background-color: #6CC;}
		
#menu-next { width: 220px;
	         float:left;
	         background-color: #036;
	         margin-top: -10px;
	         border-top-width: thin;
	         border-top-style: dotted;
	         border-top-color: #FFF;
	         border-bottom-width: thin;
	         border-bottom-style: dotted;
	         border-bottom-color: #FFF;
	         height: 78px;}
				
#menu ul { font-family: "trebuchet MS";
	       font-size: 12px;
	       padding: 0px;
	       text-align: left;
	       margin-left: 60px;
	       color: #FFFFFF;
	       list-style-type: square;
	       margin-top: 12px;}
	
#menu li { margin-top: 4px;}

#menu ul li a { color: #FFFFFF;
	            text-decoration: none;}

#menu ul li a:hover{ color:#FFFFFF;
	                 text-decoration:none;
	                 background-color: #003399;
	                 display: block;}
					 
#menu-next ul { font-family: "trebuchet MS";
	            font-size: 12px;
	            text-align: left;
	            margin-left: 60px;
	            color: #FFFFFF;
	            list-style-type: square;
	            margin-top: 2px;}

#active { font-weight: bold;
	      background-color: #069;
	      padding-left: 10px;
	      padding-right: 10px;
	      font-style: italic;}
/* ---------------------------------------------------------------------------------------  flash */
.flash { width: 830px;
	     height: 515px;
	     background-color:#006;
         float: right;
	     background-image: url(../images/front_page.jpg);}
		 
.photo_hotel { width: 830px;
	           height: 515px;
	           background-color:#006;
	           float: right;
	           background-image: url(../images/all_hotel.jpg);}
			  
.photo_rooms {
	width: 830px;
	height: 515px;
	background-color:#006;
	float: right;
	background-image: url(../images/kefalonia_hotel_007.jpg);
}
	
.photo_facilities { width: 830px;
	                height: 515px;
	                background-color:#006;
	                float: right;
	                background-image: url(../images/all_facilities.jpg);}
	
.photo_suites { width: 830px;
	            height: 515px;
	            background-color:#006;
	            float: right;
	            background-image: url(../images/kefalonia_hotel_005.jpg);}	
			  
.photo_karavomilos { width: 830px;
	                 height: 515px;
	                 background-color:#006;
	                 float: right;
	                 background-image: url(../images/all_karavomilos.jpg);}
	
.photo_kefalonia { width: 830px;
	               height: 515px;
	               background-color:#006;
	               float: right;
	               background-image: url(../images/all_kefalonia.jpg);}
				   
.photo_information { width: 830px;
	                height: 515px;
	                background-color:#006;
	                float: right;
	                background-image: url(../images/all_information.jpg);}				   
				   
				   
	
.photo_conference { width: 830px;
	                height: 515px;
	                background-color:#006;
	                float: right;
	                background-image: url(../images/all_conference.jpg);}
	
.photo_health { width: 830px;
	            height: 515px;
	            background-color:#006;
	            float: right;
                background-image: url(../images/all_health.jpg);}
				
.photo_entertainment {
	                   width: 830px;
	height: 515px;
	background-color:#006;
	float: right;
	background-image: url(../images/all_entertainment.jpg);
}
					   
.photo_booking {
	width: 830px;
	height: 515px;
	background-color:#006;
	float: right;
	background-image: url(../images/all_booking.jpg);
}
            
#text { width:280px;
	    height:515px;
	    float: right;}
	
#text h1, #second_row h1 { font-size:18px;
	       margin-left: 20px;
	       color: #009;}
		  
#text p, #second_row p { font-size: 12px;
	      margin-left:20px;
	      margin-right:20px;
	      text-align:left;
	      font-style: italic;
	      color: #000;}
		  
#text li, #second_row li{ font-size:12px;
            margin-left:5px;
		    margin-right:5px;
		    margin-top:1px;}
		  
#text img { border:1px;
            border:#FFF;}
			
#second_row {
	width: 500px;
	position:absolute;
	margin-top: 100px;
	margin-left: 25px;
	height: auto;
	background-image: url(../images/second_row.png);
}			
/* ---------------------------------------------------------------------------------------  bottom */
#footer { height: 35px;
	      width: 1050px;
	      background-color:#FFF;
	      font-size:10px;
	      float: right;}				  
		  
#bottom { height: 27px;
	      width: 1050px;
	      font-size: 12px;
	      clear:both;
	      text-align:center;
	      font-style: italic;}

.menu-footer { margin-right: 30px;
               margin-left: 30px;
	           margin-top: 4px;
	           height: 26px;
	           font-size: 12px;
			   width: 940px;}
			   
.book { background-color:#F90;
	    display: block;}	      
/* ---------------------------------------------------------------------------------------  end */