body {
	margin:0px;
	padding:0px;
	font-family:arial;
	background-color:#e7e6c8;
	background:url('/img/pagebg.gif');
	background-repeat:repeat;
}


#watermark {
	position:absolute;
	left:-308px;
	top:-320px;
	width:896px;
	height:892px;
			background-image:url('/img/dish.png');	
		
}

#content {
	position:relative;
	float:left;
}

#logotype {
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	width:365px;
	height:80px;
	display:inline;
	margin-left:33px;
	margin-top:47px;
			background-image:url('/img/riadnajah.png');	
			
}

#logotype a {
	width:365px;
	height:80px;
	display:block;
}

#content h1 {
	display:none;
}

#content h2 {
	display:none;
}

#strapline {
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	display:inline;
	margin-left:33px;
	padding:0px;
	width:220px;
	height:20px;
			background-image:url('/img/secretgarden.png');	
			
}

.stripe {
	width:778px;
	height:12px;
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	display:inline;
	margin-left:78px;
	margin-top:13px;
	padding:0px;
			background-image:url('/img/star-stripe.png');	
			
}

.stripe hr {
	display:none;
}

#prinav {
	width:778px;
	height:27px;
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	display:inline;
	background-color:#abaa71;
	margin-left:78px;
	margin-top:2px;
	padding:0px;
}

#prinav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-top:4px;
	margin-left:15px;
	color:white;
	font-size:0.8em;
	white-space:nowrap; 
}

#prinav li.bnorm {
	display:inline;
	margin:0px;
	padding:0px;
	margin-right:15px;
	background:url('/img/nav-bullet.gif') left center no-repeat;
	background-repeat:no-repeat;
	padding-left:15px;
}

#prinav li.bsel {
	display:inline;
	margin:0px;
	padding:0px;
	margin-right:15px;
	background:url('/img/nav-bullet-on.gif') left center no-repeat;
	background-repeat:no-repeat;
	padding-left:15px;
}

a.fnorm  {
	color:white;
	text-decoration:none;
}

a.fnorm:hover {
	color:#4b4a21;
	text-decoration:underline;
}

a.flsel  {
	color:#4b4a21;
	text-decoration:none;
}

a.fnorm :hover {
	color:#4b4a21;
	text-decoration:underline;
}


#breadcrumbs {
	width:778px;
	height:27px;
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	display:inline;
	text-align:right;
	margin-left:78px;
	margin-top:15px;
	padding:0px;
	font-size:0.7em;
	color:#4b4a21;
}

#breadcrumbs a {
	color: #9b9a51;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: white;
	text-decoration: underline;
}


#pageheader {
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	display:inline;
	text-align:right;
	margin-left:198px;
	margin-top:5px;
	padding:0px;
}

#pageheader h3 {
	visibility:hidden;
}

#head-welcome {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
			background-image:url('/img/cap_welcome.png');	
		width:228px;
	height:42px;	
}

#head-terms {
	position:relative;
	float:left;
	margin:0px;
	margin-left:26px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_terms.png');	
		width:308px;
	height:42px;	
}

#head-location {
	position:relative;
	float:left;
	margin:0px;
	margin-left:34px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_location.png');	
		width:195px;
	height:42px;	
}

#head-privacy {
	position:relative;
	float:left;
	margin:0px;
	margin-left:35px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_privacy.png');	
		width:310px;
	height:55px;	
}

#head-accessibility {
	position:relative;
	float:left;
	margin:0px;
	margin-left:22px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_accessibility.png');	
		width:281px;
	height:55px;	
}

#head-courtyard {
	position:relative;
	float:left;
	margin:0px;
	margin-left:22px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_courtyard.png');	
		width:252px;
	height:43px;	
}

#head-summersalon {
	position:relative;
	float:left;
	margin:0px;
	margin-left:36px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_summersalon.png');	
		width:337px;
	height:43px;	
}

#head-roofterrace {
	position:relative;
	float:left;
	margin:0px;
	margin-left:30px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_roofterrace.png');	
		width:294px;
	height:43px;	
}

#head-bedroomsandbathrooms {
	position:relative;
	float:left;
	margin:0px;
	margin-left:30px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_bedroomsandbathrooms.png');	
		width:614px;
	height:42px;	
}


#head-naimah {
	position:relative;
	float:left;
	margin:0px;
	margin-left:16px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_naimah.png');	
		width:177px;
	height:42px;	
}

#head-aziz {
	position:relative;
	float:left;
	margin:0px;
	margin-left:22px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_aziz.png');	
		width:97px;
	height:41px;	
}

#head-lahsen {
	position:relative;
	float:left;
	margin:0px;
	margin-left:34px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_lahsen.png');	
		width:155px;
	height:42px;	
}

#head-makereservation {
	position:relative;
	float:left;
	margin:0px;
	margin-left:20px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_makereservation.png');	
		width:436px;
	height:42px;	
}


#head-contactus {
	position:relative;
	float:left;
	margin:0px;
	margin-left:24px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_contactus.png');	
		width:265px;
	height:43px;	
}

#head-photogallery {
	position:relative;
	float:left;
	margin:0px;
	margin-left:29px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_photogallery.png');	
		width:325px;
	height:56px;	
}


#head-rentals {
	position:relative;
	float:left;
	margin:0px;
	margin-left:27px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_rentals.png');	
		width:163px;
	height:42px;	
}

#head-calendar {
	position:relative;
	float:left;
	margin:0px;
	margin-left:20px;
	display:inline;
	padding:0px;
			background-image:url('/img/cap_calendar.png');	
		width:212px;
	height:43px;	
}


#maincontent {
	margin-left:101px;
	margin-top:15px;
	position:relative;
	float:left;
	clear:both;
	display:inline;
}

#minorphoto {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;			
	display:inline;
	width:157px;
	height:143px;
}

#secnav {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;			
	display:inline;
	width:157px;
	height:500px;
}


#secnav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	color:white;
	font-size:0.8em;
	white-space:nowrap; 
	display:block;
	float:right;	
}

#secnav li {
	display:block;
	margin:0px;
	padding:0px;
	padding-right:15px;
	width:137px;
	margin-bottom:1px;
	padding-top:6px;
	padding-bottom:6px;
}


#secnav li.snsel {
	background-color:#abaa71;
	padding-top:6px;
	padding-bottom:6px;
}

#secnav li.snnorm {
	background-color:#c8c494;
	padding-top:6px;
	padding-bottom:6px;
}

#secnav li.sninfo {
	background-color:#c8c494;
	padding-top:6px;
	padding-bottom:6px;
}


#secnav li.snsel a {
	color:white;
	text-decoration:none;
	background:url('/img/nav-bullet.gif') left center no-repeat;
	padding-left:15px;
	margin-left:10px;	
	font-size:0.8em;
}

#secnav li.snnorm a {
	color:#515141;
	text-decoration:none;
	background:url('/img/nav-bullet-on.gif') left center no-repeat;
	padding-left:15px;		
	margin-left:10px;
	font-size:0.8em;	
}


#secnav li.tnsel {
	background-color:#9b9a61;
	padding-top:3px;
	padding-bottom:3px;
}

#secnav li.tnnorm {
	background-color:#d8d4a4;
	padding-top:3px;
	padding-bottom:3px;
}

#secnav li.tnsel a {
	color:white;
	text-decoration:none;
	padding-left:15px;
	margin-left:10px;	
	font-size:0.8em;
}

#secnav li.tnnorm a {
	color:#515141;
	text-decoration:none;
	padding-left:15px;		
	margin-left:10px;
	font-size:0.8em;	
}


#secnav li.snspec {
	margin-top:50px;
	background-color:#e1dfc0;
}

#secnav li.snspec a {
	color:#515141;
	text-decoration:none;
	background:url('/img/nav-bullet-on.gif') left center no-repeat;
	padding-left:15px;
	margin-left:10px;	
	font-size:0.8em;
}

#infoblock {
	float:left;
	clear:both;
	position:relative;
	margin:0px;
	padding:10px;
	width:157px;
	background-color:#c8c494;
	padding-left:5px;
	padding-right:5px;
	padding-top:6px;
	padding-bottom:6px;
}

#infoblock h4 {
	padding:0px;
	margin:0px;
	color:white;
}

#infoblock p {
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:0px;
	padding-right:10px;
	font-size:0.8em;
}

#majorphoto {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;			
	display:inline;
	width:381px;
	height:335px;
}

#narrative {
	position:relative;
	float:left;
	clear:right;
	margin:0px;
	padding:0px;			
	display:inline;
	width:200px;
	margin-left:25px;
	color:black;
	font-size:0.8em;
}

#narrative p {
	margin-top:0px;
	margin-bottom:10px;
}

#narrative p em {
	font-weight:bold;
	font-style:normal;
}

#narrative a {
	color:#f7f6d8;
	text-decoration:none;
}

#narrative a:hover {
	color:#4b4a21;
	text-decoration:none;
}



a.nextpage {
	color:#f7f6d8;
	text-decoration:none;
	font-weight:bold;
	background:url('/img/nav-next.gif') left center no-repeat;
	background-repeat:no-repeat;	
	padding-left:20px;
}

a.nextpage:hover {
	color:#4b4a21;
	text-decoration:none;
	font-weight:bold;
	background:url('/img/nav-next.gif') left center no-repeat;
	background-repeat:no-repeat;	
	padding-left:20px;
}





#fulln {
	position:relative;
	float:left;
	clear:right;
	margin:0px;
	padding:0px;			
	display:inline;
	width:550px;
	margin-left:25px;
	color:black;
	font-size:0.8em;
}

#fulln p {
	margin-top:0px;
	margin-bottom:10px;
	text-align:justify;
}

#fulln p em {
	font-weight:bold;
	font-style:normal;
}

#fulln p a {
	color:#f7f6d8;
	text-decoration:none;
}

#fulln p a:hover {
	color:#4b4a21;
	text-decoration:none;
}

.footer {
	margin-top:50px;
}

#botnav {
	width:778px;
	height:27px;
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	display:inline;
	background-color:#abaa71;
	margin-left:78px;
	margin-top:2px;
	padding:0px;
}


#botnav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	color:white;
	font-size:0.8em;
	white-space:nowrap; 
	display:inline;
	float:right;	
}

#botnav li {
	display:inline;
	margin:0px;
	padding:0px;
	padding-left:15px;
	padding-right:15px;
}

a.blnorm {
	color:#e7e6c8;
	text-decoration:none;
}

a.blnorm:hover {
	color:#4b4a21;
	text-decoration:underline;
}

a.blsel {
	color:#4b4a21;
	text-decoration:none;
}



#botnav p {
	margin:0px;
	padding:0px;
	clear:none;
	color:#e7e6c8;
	font-size:0.8em;
	display:inline;
}

#copyright {
	position:relative;
	float:left;
	width:350px;
	padding:0px;
	margin:0px;
	margin-left:15px;
	margin-top:3px;
}

#links {
	position:relative;
	float:right;
	padding:0px;
	margin:0px;
	margin-top:4px;	
	width:350px;
}

#credit {
	position:relative;
	float:left;
	text-align:right;
	width:778px;
	height:27px;
	clear:both;
	color:#e7e6c8;
	margin:0px;
	padding:0px;
	margin-top:20px;
	display:inline;
	margin-left:78px;
	font-size:0.7em;
}

#credit p {
	margin:0px;
	padding:0px;
}

#credit p a {
	color:white;
	text-decoration:none;
}

#photos {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	width:210px;
	display:inline;
}

#photos img {
	margin:0px;
	padding:0px;
	margin-right:5px;
	margin-bottom:5px;
	border:0px;
	display:inline;
}


#narrativewide {
	position:relative;
	float:left;
	clear:right;
	margin:0px;
	padding:0px;			
	display:inline;
	width:570px;
	margin-left:25px;
	color:black;
	font-size:0.8em;
}

#narrativewide p {
	margin-top:0px;
	margin-bottom:10px;
	clear:both;
}

#narrativewide p em {
	font-weight:bold;
	font-style:normal;
}

#narrativewide a {
	color:#f7f6d8;
	text-decoration:none;
}

#narrativewide p.legBooked {
	margin:0px;
	margin-top:10px;
	clear:none;
	float:left;
	display:inline;
	padding:10px;
	border:1px solid #787856;
	background-color:#abaa71;
	margin-bottom:10px;
}

#narrativewide p.legAvail {
	margin:0px;
	margin-top:10px;
	margin-left:10px;
	clear:none;
	float:left;
	display:inline;
	padding:10px;
	border:1px solid #787856;
	background-color:#f0f6c5;
	margin-bottom:10px;
}


#narrativewide p.legNoInfo {
	margin:0px;
	margin-top:10px;
	margin-left:10px;
	clear:none;
	float:left;
	display:inline;
	padding:10px;
	border:1px solid #787856;
	margin-bottom:10px;
}

#narrativewide p.belowiframe {
	margin-top:10px;
}

#narrativewide a:hover {
	color:#4b4a21;
	text-decoration:none;
}

#reservationform {
	position:relative;
	float:left;
	padding-bottom:20px;
}

.erroneous {
	color:red;
}

.thanks {
	color:white;
	font-weight:bold;
	padding:20px;
	border:1px solid white;
	width:520px;
	text-align:center;
}

#reservationform input {
	clear:both;
	margin-right:20px;
}

#reservationform select {
	clear:both;
	margin-right:20px;
}

#reservationform input.inpDate {
	width:80px;
}


#reservationform textarea {
	display:block;
	font-family:arial;
	width:570px;
	height:150px;
	font-size:0.9em;
	clear:both;
	margin-bottom:10px;
}


#reservationform label {
	color:black;
	font-size:0.8em;
	clear:right;
	display:block;
	width:150px;
	padding-right:20px;
}