/*------------------------------------------------------------------- Author: pentangled. www.pentangled.co.uk --------------------------------------------------------------------------*/







/*------------------------------------------ general mark up
--------------------------------------------------------------*/
* body {
	background: #ffc url(images/bg2.gif) repeat;
	margin:0 auto;
	text-align:center;
	padding:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
/*------------------------------------------  typography
--------------------------------------------------------------*/
p, a:link, a:visited, a:active, a:hover {
	font:1em/170% Verdana, Arial, Helvetica, sans-serif;
	color: #030;
	text-align: left;
	font-weight:normal;
}
p, a:link, a:visited, a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	}

h1, h2, h3 {
	font:2em/200% bold Georgia, Times, serif;
	color: #360;
	text-align: center;
}
h2, h3 {
	font-size:1.5em;
	text-align: left;
}

/*------------------------*/
.small {
	font-size:0.8em;
	text-align:center;
	}

.new {
	text-align:center;
	color:#c30;
	font-style:italic;
	font-weight:bold;
	}
.new a:link, .new a:visited, .new a:active {
	text-align:center;
	color:#c30;
	font-style:italic;
	font-weight:bold;
	}
.bold {
	text-align:center;
	color:#690;
	font-weight:bold;
	}

.center {
	text-align:center;
	}
.text-box {
	text-align:left;
	line-height:200%;
	border:1px solid #cc3;
	padding-left:50px;
	}

/*------------------------------------------  layout
--------------------------------------------------------------*/
/* container
-------------------------------*/
#container {
	width:800px;
	margin:0 auto;
	}
/* header
-------------------------------*/
#header {
	position:relative;
	margin:10px auto;
	background:transparent url(images/kh_banner2.jpg) top center no-repeat;
	height:190px;
	border:0;
	padding:0;
	border-bottom:1px solid #690;
	text-align:center;
	}
#menu {	
	position:relative;
	top:120px;
	clear:both;
	margin:0 auto;
	border:0;
	padding:0;
}

#menu ul li { 
	display:inline;
	margin:0 auto;
	text-align:center;
	padding:0 10px;
	}
#menu li a:link, #menu li a:visited, #menu li a:active, #menu li a:hover {
	text-decoration:none;
	color:#660;
	font: 1.5em bold Georgia, Times, serif;
}
#menu li a:hover {
	text-decoration:underline;
	color:#690;

	}




/* content
-------------------------------*/
#content {
	width:780px;
	border:0;
	border:0;
	margin:20px auto;
	padding:20px;
	}	
#content ul li {
	text-align:left;
	line-height:130%
	}
#content a:link, a:visited, a:active {
	text-decoration:none;
	}
#content a:hover {	
	text-decoration:underline;
	 color:#690;
	}

/* -----------------------------index content
-------------------------------*/
#content .cont-ind-1 {
	width: 600px;
	height: 200px;
	margin:0 auto;
	border:0;
	padding: 0;
	background:transparent url(images/front_of_house_02.jpg) top left no-repeat;
	}
#content .cont-ind-1 p {
	padding:5px 10px 0 320px;
	}
#content .cont-ind-2 {
	width: 600px;
	margin:0 auto;
	padding: 0;
	}
#content .cont-ind-2 p {
	padding:20px 0 0 0;
	}

/* ----------------------------- intro content
-------------------------------*/
#content .cont-intr-1 {
	width: 650px;
	height:270px;
	margin:0 auto;
	padding: 0;
	background:transparent url(images/sunset-mountains.jpg) top left no-repeat;
	}
#content .cont-intr-1 p {
	padding:10px 50px 0 280px;
	}
#content .cont-intr-2 {
	width: 650px;
	margin:0 auto;
	padding: 0;
	background:transparent url(images/woodland_view.jpg) top right no-repeat;
	}
#content .cont-intr-2 p {
	padding:0 300px 0 0;
	}
#content .cont-intr-3 {
	width: 650px;
	margin:20px auto 0 auto;
	padding: 0;
	border-top:1px solid #cc3;
	}
#content .cont-intr-3 p {
	padding:0;
	}
#content .cont-intr-4 {
	width: 650px;
	margin:0 auto;
	background: transparent url(images/irrigated-flowers.jpg) center left no-repeat;
	padding: 0;
	}
#content .cont-intr-4 p {
	padding:0 50px 0 280px;
	}
#content .cont-intr-5 {
	width: 650px;
	margin:0 auto;
	padding: 0;
	}
#content .cont-intr-5 p {
	padding:20px 0 0 0;
	}

/* ----------------------------- accom content
-------------------------------*/
#content .cont-acom-1 {
	width: 650px;
	border:0;
	margin:0 auto;
	padding: 0;
	}
#content .cont-acom-1 {
 	background:transparent url(images/front_of_house_01.jpg) top right no-repeat;
	}
#content .cont-acom-1 ul li {
	padding:0 260px 0 10px;
	list-style:circle;
	}

#content .cont-acom-2 {
	width: 650px;
	margin:0 auto;
	padding: 30px 0;
	border:0;
	}

#content .cont-acom-3 {
	width: 650px;
	border:0;
	border-top:1px solid #cc3;
	margin:0 auto;
	padding: 0;
	background:transparent url(images/restaurant_02.jpg) center right no-repeat;
	}
#content .cont-acom-3 p {
	padding:0 290px 30px 10px;
	}
#content .cont-acom-3a {
	width: 650px;
	border:0;

	margin:0 auto;
	padding: 0;
	}
#content .cont-acom-3a p {
	padding:0;
	}

#content .cont-acom-4 {
	width: 650px;
	border:0;
	border-top:1px solid #cc3;
	margin:0 auto;
	padding: 20px 0 0 0;
 
	background:transparent url(images/lounge_rhs.jpg) center right no-repeat;
	}
#content .cont-acom-4 p, ul li {
	padding:0 280px 0 10px;
	}

#content .cont-acom-5 {
	width: 650px;
	height:180px;
	margin:0 auto;
	padding: 0;
 border:0;
	background:transparent url(images/bed_2.jpg) top left no-repeat;
	}
#content .cont-acom-5 p, ul li {
	padding:0 30px 0 280px;
	}
/* -----------------------------contact content
------------------------------------------------------------------------------*/
#content .cont-contact {
	width:650px;
	height:260px;
	margin:0 auto;
	padding:0;
	border:0;
	background: transparent url(images/sign.jpg) top left no-repeat;
		}
#content .cont-contact p {
	padding:0 40px 0 290px;
	}	
/* ----------------------------- guide_01 northern cyp content
-------------------------------*/
#content .cont-g01-1 {
	width:650px;
	height:260px;
	margin:0 auto;
	padding:0 0 30px 0;
	border:0;
	background: transparent url(images/cyprus_sunset_01.jpg) top left no-repeat;
		}
#content .cont-g01-1 p, #content .cont-g01-1 h2 {
	padding:0 20px 0 280px;
	}	
#content .cont-g01-2 {
	width:650px;

	margin:0 auto;
	padding:0;
	border:0;
	background: transparent url(images/mountain-road-2.jpg) center right no-repeat;
		}
#content .cont-g01-2 p {
	padding:0 280px 0 0;
	}	
#content .cont-g01-3 {
	width:650px;
	margin:0 auto;
	padding:0;
	border:0;
	border-top:1px solid #cc3;
	border-bottom:1px solid #cc3;	
		}
#content .cont-g01-3 p {
	padding:0;
	}	
	
#content .cont-g01-4 {
	width:650px;
	height:200px;
	margin:0 auto;
	padding:0;
	background: transparent url(images/yellow-flowers.jpg) top left no-repeat;
	border:0;	
		}
#content .cont-g01-4 p, #content .cont-g01-4 h2 {
	padding:0 20px 0 290px;
	}	
/* ----------------------------- guide_02 kantara content
-------------------------------*/
#content .cont-g02-1 {
	width:650px;
	height:230px;
	margin:0 auto;
	padding:0;
	border:0;
	background: transparent url(images/road_to_kantara.jpg) top left no-repeat;
		}
#content .cont-g02-1 p {
	padding:0 20px 0 260px;
	}	
#content .cont-g02-2 {
	width:650px;
	margin:0 auto;
	padding:0;
	border:0;
	background: transparent url(images/kantara-view.jpg) center right no-repeat;
		}
#content .cont-g02-2 p {
	padding:0 210px 0 0;
	}	
#content .cont-g02-3 {
	width:650px;
	height:280px;
	margin:0 auto;
	padding:0 0 30px 0;
	border:0;
	border-top:1px solid #cc3;
	background: transparent url(images/restaurant_02.jpg) center left no-repeat;
		}
#content .cont-g02-3 p, #content .cont-g02-3 h2 {
	padding:0 20px 0 280px;
	}	
#content .cont-g02-4 {
	width:570px;
	margin:0 auto 30px auto;
	padding:0;
	background: transparent url(images/halil_family.jpg) center right no-repeat;
		}
#content .cont-g02-4 p {
	padding:0 280px 0 0;
	}	


/* ----------------------------- guide_04 local content
-------------------------------*/

#content .cont-g04-1 {
	width:650px;
	margin:0 auto;
	padding:0 0 30px 0;
	border:0;
	border-bottom:1px solid #cc3;	
		}
#content .cont-g04-1 p {
	padding:0;
	}
#content .cont-g04-2 {
	width:650px;
 
	margin:0 auto;
	padding:0 0 30px 0;
	border:0;	
	border-bottom:1px solid #cc3;	
	background: transparent url(images/golden_beach_karpaz.jpg) center left no-repeat;
		}
#content .cont-g04-2 p {
	padding:0 20px 0 310px;
	}	

#content .cont-g04-3 {
	width:650px;
	height:250px;
	margin:0 auto;
	padding:0;
	border:0;	
	background: transparent url(images/kaplica_beach.jpg) center right no-repeat;
		}
#content .cont-g04-3 p, h2 {
	padding:0 210px 0 0;
	}	
/* ----------------------------- flora-fauna  content
-------------------------------*/
#content .cont-flo-1 {
	width:650px;
	margin:0 auto;
	padding:0;
	border:0;
	background: transparent url(images/bee_orchid.jpg) center right no-repeat;	
		}
#content .cont-flo-1 p {	
	padding:0 200px 0 0;
		}
#content .cont-flo-2 {
	width:650px;
	height:430px;
	margin:0 auto;
	padding:0;
	border:0;
			border-bottom:1px solid #cc3;	
	background: transparent url(images/monkey-orchid-02.jpg) center left no-repeat;	
		}
#content .cont-flo-2 h2, #content .cont-flo-2 p {	
	padding:0 0 0 240px;
		}
#content .cont-flo-3 {
	width:650px;

	margin:0 auto;
	padding:0;
	border:0;
	background: transparent url(images/wild-bird-01.jpg) center right no-repeat;	
		}
#content .cont-flo-3 h2, #content .cont-flo-3 p {	
	padding:0 200px 0 0;
		}
#content .cont-flo-4 {
	width:650px;
	height:300px;
	margin:0 auto;
	padding:0;
	border:0;
	background: transparent url(images/chameleon.jpg) top left no-repeat;	
		}
#content .cont-flo-4 h2, #content .cont-flo-4 p {	
	padding:0 0 0 200px;
		}
#content .cont-flo-5 {
	width:650px;
	margin:0 auto;
	padding:0;
	border:0;
	}
#content .cont-flo-5 p {
	padding:0;
	}
		
/* ----------------------------- links  content
-------------------------------*/
		
#content .cont-link-1 {
	width:650px;
	height:300px;
	margin:0 auto;
	padding:0;
	border:0;
		border-bottom:1px solid #cc3;	
	background: transparent url(images/cyprus_sunset_01.jpg) top left no-repeat;
		}
#content .cont-link-1 h2, p, ul li {
	padding: 0 0 0 280px;
	list-style:none;
	}
#content .cont-link-1 li {
	padding-bottom:20px;
	}
#content .cont-link-2 {
	width:650px;

	margin:20px auto;
	padding:0;
	border:0;
}
#content .cont-link-2 p {
	padding:0 10px;
	}
	
/* ------------------------------april07 content
-------------------------------------------------*/
#content .april07-01 {
	width:780px;
	margin:-30px auto 0 auto;
	padding:0;
	border:0;
		}
#content .april07-01 h2, p {
	padding: 0 60px 0 0;
	}
#content .april07-01 img {
	margin: 0;
	padding:1px;
	clear:both;
	}
/* ----------------------------- gallery view 
-----------------------------------------------*/
#gallery-view {
	width:720px;
	margin:-70px auto 0 auto;
	border:0;

	}
#gallery-view p {
	text-align:left;
	padding:0 50px;
	}
#gallery-view h2, #gallery-view img {
	text-align:center;
	padding:0;
	}
#gallery-view .gallery-nav {
	text-align:right;
	padding-right:100px;
	color:#360;
	font-weight:bold;
	}
#gallery-view .gallery-nav a:hover {
	text-decoration:underline;
	}

/* footer
-------------------------------*/
#footer {	
	clear:both;
	border-top:1px solid #690;
	margin-top:20px;
	}
#footer p, a:link, a:visited, a:active {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #660;
	text-align: center;
	margin:0;
	padding:0;
	padding-top:10px;
	}
#footer a:hover {
	text-decoration:underline;
	color:#690;
	}
.foot-nav {
	border-bottom:1px solid #690;
	}
#footer .foot-nav a:link, a:visited, a:active, a:hover {
	text-align:center;
	color:#660;
	font-weight:bold;
}
#footer .foot-nav a:hover {
	text-decoration:underline;
	color:#690;
	}

	
/*------------------------------------------ formatting
--------------------------------------------------------------*/	
.imgright {
	float:right;
	padding:0;
	margin-right:20px;
	border:1px solid #690;
	margin-bottom:20px;
	clear:right;
	}
.imgleft {
	float:left;
	padding:0;
	border:1px solid #690;
	margin-bottom:20px;
	clear:left;
		}
.clearall {
	clear:both;
	}