body {
	z-index: 0;
	background: white url(images/body_back.jpg) repeat-x scroll;
}


div {
	margin:0;
	padding:0;
	border:0;
}


img { 
	margin: 0; 
	padding: 0; 
	border:0; }


#header {
	width: 860px;
	margin: 10px auto 0 auto;
	text-align: right;
	padding: 2px 24px 2px 0px;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#header a, #header a:link, #header a:visited {	
	text-decoration:none;	color : white;}

#header a:hover {	color:#06618A;}



#wrapper { 
	background: white url(images/wrapper_back.jpg) -2px 0px no-repeat scroll;
	width: 878px;
	height: 658px;
	margin: 0px auto 0 auto;
	position: relative;
/* 	border: 1px solid red; */
}

#top_left_box {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 296px;
	height: 270px;
	background: #06618A url(images/banner.jpg) center no-repeat scroll;
	text-align: left;
}


#top_right_box {
	position: absolute;
	top: 4px;
	left: 304px;
	width: 570px;
	height: 270px;

}

 .normal {
	background: white url(images/top_right_back_view.jpg) top left no-repeat scroll;
}

 .normal_it {
	background: white url(images/top_right_back_view_it.jpg) top left no-repeat scroll;
}

 	
 .welcome {
	background: #8cdafc url(images/top_right_box_grad.jpg) 2px repeat-x scroll;
}	

#top_right_box img { float:left }
	#spacer {
		height: 67px;
		background:transparent url(images/top_right_box_corner.jpg) top right no-repeat scroll;
		position: relative;
	}
		#welcome { 
			position:absolute;
			top: 22px;
			left: 328px;
		}
	#menu {
	/* 	border-bottom: 2px solid orange; */
		height: 203px;
		clear: both;
	}
	
	#menu div {
		width: 94px;
/*		display: inline; */

		text-align:center;
		float: left;
	 }
	 
	#top_right_box a, #top_right_box a:link, #top_right_box a:visited  { 
		float:left;
		margin-top: 3px;
		display: block;
		clear: left;
		height: 20px;
		width: 94px;
		text-align:center; 
		font-family:"Trebuchet MS", Tahoma, Verdana, sans; 
		font-size: 11px;
		color: #06618a; 
		font-weight: bold;
		text-decoration: none;
		 }
	#top_right_box a:hover { 
		text-decoration: none;
		color: orange; 	}

	#menu img {
		display:block;
		
		visibility: hidden;
	}
		


#bottom_left_box {
	position: absolute;
	top: 278px;
	left: 4px;
	width: 296px;
	height: 376px;
	background: #0f3555 url(images/spa_03.jpg) bottom left no-repeat scroll;
	text-align: center;
}

	#bottom_left_box_title { 
		text-align:left;
		padding-left: 23px;
		padding-top: 10px; }
	#bottom_left_box p {
		margin: 5px 10px 0px 10px;
		width: 260px;
		text-align: left;
		font-family:"Trebuchet MS", Tahoma, Verdana, sans;
		font-size: 12px;
		color: white;
	}

	#container  { margin-top: 5px;position:relative;	width:296px; height:275px;overflow:hidden; 	}
	#in_text { width: 266px;  /*height: 303px; */
					padding: 15px;		
					position:absolute;
					left:0px;
					top:0px;
				/*height: 265px;*/ }					
	#in_text p {
		margin: 4px 5px; text-align: left; 	color: #47819b;
		font-size:12px; 
		font-family: "Trebuchet MS", Tahoma, Verdana, sans; 
		font-family: Tahoma, Verdana, sans;
		line-height: 13pt;
		margin: 5px 0px 0px 10px;
		width: 260px;
		text-align: left;
		
		font-size: 11px;
		
		color: white;}
	#in_text a, #in_text a:link, #in_text a:visited { 
		text-decoration: none;
		color: #6699CC;
		font-family: Tahoma, Verdana, sans;
		font-size: 11px;
	}
	#in_text a:hover {
		color: cyan; 
		}
	#in_text > p:first-child {
		margin-top: 0px; }
		
	#in_text ul {
		color: white;
		font-family:"Trebuchet MS", Tahoma, Verdana, sans;
		font-size: 12px;
		text-align: left;
	}

	#shape_keimenou {

	}
	#scroll {
		margin: 0px auto 0 auto;
		width: 240px; 
		position: relative;
		text-align:right;
	}

	
	#scroll  a, #scroll a:link, #scroll  a:visited {
		color: #5f83dc;
		text-decoration: none;
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif
	}
	#scroll  a:hover {
		color: #006dca;
	}
	#scroll img:first-child { margin: 0px }

		

#bottom_right_box {
	position: absolute;
	top: 278px;
	left: 304px;
	width: 570px;
	height: 376px;
	background: #48a9d4 url(images/photo_back.jpg) no-repeat scroll;
}
		#page_photo { 	width: 570px;	height: 370px;padding:0; margin:0; 
			position:relative;
			text-align: center;}
			#photo { padding:0; margin:0; width: 100%; 	height: 315px; text-align:center; }
				#photo img { border: 2px solid white; 	margin:10px auto 0 auto; padding:0px; }
			#photo_nav { padding: 0;	margin:0; 	width: 100%;	height: 20px; text-align:center;	
				margin: 30px auto 2px auto; display:block;}
			#photo_nav a, #photo_nav a:link, #photo_nav a:visited {
				border: 1px solid white;
				font-family: Geneva, Arial, Helvetica, sans-serif;
				font-size:10px; 		color: white;		margin:2px;
				height: 14px;		    width: 14px;
				text-align:center; 		float:left;
				text-decoration:none;	display:block; }
			#photo_nav a:hover {
				color:#48a9d4 ;	display:block;	background-color:white;	text-decoration:none; }
			#photo_nav a.selected, #photo_nav a:link.selected, #photo_nav a:visited.selected {
				border: 1px solid white;
				font-family: Geneva, Arial, Helvetica, sans-serif;
				background-color:white;
				font-size:10px;		color: #48a9d4 ;		margin:1px;
				height: 14px;		width: 14px;		text-align:center;
				float:left; 		text-decoration:none;
			}
			#photo_nav a:hover.selected {
				text-decoration:none; }
			#pop_but { position: absolute; top:330px; left: 490px; width: 80px; height: 50px;
				font-size: 9px; color: white; 
				font-family:Arial, Helvetica, sans-serif; 
				font-family:Geneva, Arial, Helvetica, sans-serif;
				}
		
#footer { 
		width: 850px;
		margin: 0px auto;
		text-align: center; color : #0f3555; font-family:Arial, Helvetica, sans-serif;
			font-size: 11px; }	
	#footer div { padding: 5px 0px ; width: 100%; text-align:center;}	
	#footer a, #footer a:link, #footer a:visited { 
		color :#4785a8;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
	}
	
	#footer a:hover { 
		color: #00CCFF; text-decoration:underline; }

