/*
***********************************************************

	HTML CLASSES

***********************************************************
*/

	body {
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:1.6em;
		margin:0px;
		background-color:#C7B18B;
		background-image:url(../images/background.jpg);
		background-position:center top;
		background-repeat:repeat-x;
		color:#3F1A12;
	}
	h1 { 
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:normal;
		line-height:24px;
	}
	h2 { 
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:18px;
	}
	h1,h2 { margin-top:0px; margin-bottom:10px; }
	p,ul { margin-top:0px; margin-bottom:10px; }
	form { margin:0px; padding:0px; }
	
	a { color:#CC0000; text-decoration:underline; font-weight:bold; }
	a:hover { text-decoration:none; }
	
	input,textarea {
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;	
	}
	
/*
***********************************************************

	TEMPLATE CLASSES
	Site-wide structural id's

***********************************************************
*/
	#outer_canvas {
		width:888px;
		height:480px;
		margin-left:auto;
		margin-right:auto;		
	}
	
	#logo {
		position:absolute;
		margin-left:2px;
		width:237px;
		height:86px;
	}
	
	#header {
		width:888px;
		padding-top:16px;
		height:59px; /* True height : 75px */
		text-align:right;
	}
		#header { color:#9D5945; }
		#header p { margin-bottom:4px; }
		
	#menu {
		position:absolute;
		width:393px;
		height:28px;
		margin-top:61px;
		margin-left:349px;
		background-image:url(../images/menu_buttons.jpg);
		background-repeat:no-repeat;
	}
	
		#menu ul {
			list-style-type:none;
			margin:0px;
			padding:0px;
		}
		#menu ul li {
			float:left;
		}
		#menu ul li a {
			display:block;
			float:left;
			height:28px;
			text-decoration:none;
			background-image:url(../images/menu_buttons.jpg);
			background-repeat:no-repeat;
		}
		#menu ul li a span { 
			visibility:hidden;
		}
		#menu ul li a#menu_1 { width:104px; background-position:0px 0px; }
		#menu ul li a#menu_1:hover { background-position:0px -28px; }
		#menu ul li a#menu_1.selected { background-position:0px -28px; }
		
		#menu ul li a#menu_2 { width:100px; background-position:-104px 0px; }
		#menu ul li a#menu_2:hover { background-position:-104px -28px; }		
		#menu ul li a#menu_2.selected { background-position:-104px -28px; }		
		
		#menu ul li a#menu_3 { width:95px; background-position:-204px 0px; }
		#menu ul li a#menu_3:hover { background-position:-204px -28px; }
		#menu ul li a#menu_3.selected { background-position:-204px -28px; }
		
		#menu ul li a#menu_4 { width:94px; background-position:-299px 0px; }
		#menu ul li a#menu_4:hover { background-position:-299px -28px; }
		#menu ul li a#menu_4.selected { background-position:-299px -28px; }
	
	#canvas {
		padding:15px;
		width:858px; /* Full width 888px; */
		height:450px; /* Full width 480px; */
		background-image:url(../images/canvas.jpg);
		background-repeat:no-repeat;
	}
		
		#inner_canvas {
			width:858px;
			height:450px;
			overflow:hidden;
		}
	
	#footer { padding:0px 15px; color:#805C47; }
	#footer_copyright { float:left; }
	#footer_design { text-align:right; }
	
/*
***********************************************************

	HOME PAGE

***********************************************************
*/

	.layout_1_left {
		float:left;
		width:430px;
		height:450px;
	}
	.layout_1_middle {
		float:left;
		width:428px;
		height:450px;		
	}
		.layout_1_middle .home_top {
			padding:30px 30px 50px 30px;
			text-align:justify;
		}
		.layout_1_middle .home_bottom {
			padding:30px;
			text-align:justify;
			background-image:url(../images/background_home_bottom.jpg);
			background-repeat:repeat-x;
			background-position:left top;
			background-color:#3D394A;
			color:#CBCAD0;
			border-left:1px solid #FFFFFF;
			border-right:1px solid #FFFFFF;
			height:200px;
			
		}
		.layout_1_middle .home_bottom p {
			margin-bottom:20px;
		}
	
	.layout_1_right {
		float:left;
		width:92px;
		height:450px;
	}
	
/*
***********************************************************

	KATOIKIES PAGE

***********************************************************
*/

	.photo_album {
		float:left;
		width:390px; /* width: 430px; */
		height:430px; /* height: 450px; */
		background-image:url(../images/background_photogallery_simple.png);
		padding:20px 20px 0px 20px;
		color:#CBD3C9;
	}
	.photo_album h1 { margin-bottom:4px; }
	
	.katoikies_top {
		padding:30px 30px 0px 30px;
		text-align:justify;
		height:210px;
	}
	.katoikies_bottom {
		padding:0px 1px;
	}
	
	.photo_thumbnail { 
		float:left; 
		height:48px;
		margin-right:10px; 
		margin-bottom:10px; 
		border:1px solid #8DAE88;
	}
	.photo_thumbnail:hover {
		border:1px solid #FFFFFF;
	}
	.photo_thumbnail img {
		border:0px;
		height:48px;
	}
	
/*
***********************************************************

	LOCATION PAGE

***********************************************************
*/

	#location_map {
		float:left;
		width:430px;
		height:450px;
		background-color:#EFEFEF;
	}

	ul.pg {
		list-style-type:none;
		margin:0;
		padding:0;
	}

	ul.pg li {
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		display:block;
	}
	
	ul.pg li a img {
		border:1px solid #999;
	}
	
/*
***********************************************************

	CONTACT PAGE

***********************************************************
*/

	.contact_page {
		padding:30px;
	}
	
	.form_error { display:none; font-weight:bold; color:#FF0000; }
	.obligatory { color:#FF0000; }
	.error { background-color:#FFE8E8; }
	
	.form_element { margin-bottom:6px; }
	.form_element input { width:340px; padding:4px; border:1px solid #A5ACB2; }
	.form_element input.error { border:1px solid #FF0000; }
	.form_element textarea { width:340px; padding:4px; border:1px solid #A5ACB2; }
	
	
/*
***********************************************************

	CUSTOM CLASSES

***********************************************************
*/

	.defaultTable { border-collapse:collapse; border:1px solid #999999; }
	.defaultTable th { background-color:#DDDDDD; border:1px solid #999999; color:#666666; padding:4px; }
	.defaultTable td { padding:4px; border:1px solid #999999; }
	.defaultTable tr.trOver { background-color:#F7FDE3; }
	.defaultTable tr.trEven { background-color:#F1F1F1; }

/*
***********************************************************

	MARGIN CLASSES

***********************************************************
*/

	.mt0 { margin-top:0px; }
	.mb0 { margin-bottom:0px; }
	.mt10 { margin-top:10px; }
	.mb10 { margin-bottom:10px; }
	.mt20 { margin-top:20px; }
	.mb20 { margin-bottom:20px; }
	
	.clear { clear:both; height:0px; }
	
	.success { color:#009900; }
	.error { color:#FF0000; }