@charset "utf-8";

/* Body */

body {
	background-color: #C3E691;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	margin-top: -1px;
	margin-bottom: -1px;
}

#website-main-760 {
	width: 760px;
	height: 400px;
	position: relative;
	margin: 0 auto;
}

/* Header & Logo */

#headr {
	width: 760px;
	height: 225px;
	position: absolute;
	top: 1px;
	background-image: url(../images/header.png);
}

#manora-logo {
	width: 191px;
	height: 63px;
	position:absolute;
	left: 40px;
	top: 66px;
}

/* Navigation */

#navigation {
	width: 760px;
	height: 20px;
	position: absolute;
	top: 231px;
	background-color:#FFFFFF;
}

#nav-home {
	width: 60px;
	height: 20px;
	position: absolute;
	left: 240px;
}

#nav-about-us {
	width: 71px;
	height: 20px;
	position: absolute;
	left: 300px;
}

#nav-gallery {
	width: 57px;
	height: 20px;
	position: absolute;
	left: 371px;
}

#nav-facilities {
	width: 67px;
	height: 20px;
	position: absolute;
	left: 428px;
}

#nav-accommodation {
	width: 112px;
	height: 20px;
	position: absolute;
	left: 495px;
}

#nav-msikaba {
	width: 64px;
	height: 20px;
	position: absolute;
	left: 607px;
}

#nav-contact-us {
	width: 89px;
	height: 20px;
	position: absolute;
	left: 671px;
}

/* Layout */

#page {
	width: 760px;
	height: 400px;
	position: absolute;
	top: 251px;
	background-color: #FFF;
}

#gallery {
	width: 760px;
	height: 692px;
	position: absolute;
	top: 251px;
	background-color: #FFF;
}

#pic1 {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 90px;
	left: 5px;
	border: 1px solid #fff;
}

#pic1:hover {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 90px;
	left: 5px;
	background-color: #00642d;
	border: 1px solid #000;
}

#pic2 {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 90px;
	left: 385px;
	border: 1px solid #fff;
}

#pic2:hover {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 90px;
	left: 385px;
	background-color: #00642d;
	border: 1px solid #000;
}

#pic3 {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 245px;
	left: 5px;
	border: 1px solid #fff;
}

#pic3:hover {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 245px;
	left: 5px;
	background-color: #00642d;
	border: 1px solid #000;
}

#pic4 {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 245px;
	left: 385px;
	border: 1px solid #fff;
}

#pic4:hover {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 245px;
	left: 385px;
	background-color: #00642d;
	border: 1px solid #000;
}

#pic5 {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 400px;
	left: 5px;
	border: 1px solid #fff;
}

#pic5:hover {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 400px;
	left: 5px;
	background-color: #00642d;
	border: 1px solid #000;
}

#pic6 {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 400px;
	left: 385px;
	border: 1px solid #fff;
}

#pic6:hover {
	width: 370px;
	height: 145px;
	position: absolute;
	top: 400px;
	left: 385px;
	background-color: #00642d;
	border: 1px solid #000;
}

#welcome {
	width: 183px;
	height: 270px;
	position: absolute;
	top: 10px;
	left: 290px;
}

#about-us {
	width: 450px;
	height: 450px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#page-about-us {
	width: 760px;
	height: 500px;
	position: absolute;
	top: 251px;
	background-color: #FFF;
}

#about-us-pix {
	width: 280px;
	height: 1px;
	position: absolute;
	top: 115px;
	left: 470px;
}

#news-flash {
	width: 760px;
	height: 20px;
	position: absolute;
}

#manora-home-pic-1 {
	width: 265px;
	height: 195px;
	position: absolute;
	top: 10px;
	left: 10px;
}	 

#manora-home-pic-2 {
	width: 265px;
	height: 195px;
	position: absolute;
	top: 10px;
	left: 485px;
}

#recomendations {
	width: 183px;
	height: 86px;
	position: absolute;
	top: 300px;
	left: 290px;
}

#page-facilities {
	width: 760px;
	height: 500px;
	position: absolute;
	top: 251px;
	background-color: #FFF;
}

#facilities {
	width: 740px;
	height: 450px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#facilities-pic-1 {
	width: 500px;
	height: 290px;
	position: absolute;
	top: 75px;
	left: 240px;
}

#accommodation-page {
	width: 760px;
	height: 2650px;
	position: absolute;
	top: 251px;
	background-color: #FFF;
	left: -0px;
}

#msikaba-page {
	width: 760px;
	height: 700px;
	position: absolute;
	top: 251px;
	background-color: #FFF;
	left: -0px;
}

#contact-page {
	width: 760px;
	height: 492px;
	position: absolute;
	top: 251px;
	background-color: #FFF;
}

#contactform {
	width: 480px;
	hight 250px;
	position: absolute;
	top: 10px;
	left: 250px;
}