/* CSS Document */

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #636363;
	margin: 0px;
	padding: 0px;
	background-image: url(images/background_pattern.jpg);
	background-repeat: repeat;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-style: italic;
	font-size: 30px;
	color: #835b52;
	font-weight: lighter;
	float: left;
}
p {
	line-height: 24px;
}

h2{
	font-size: 24px;
	font-weight: lighter;	
}
h3 {
  color:#835b52;
	font-size: 20px;
	font-weight: lighter;	
}
h6 {
	font-size: 14px;
	font-weight: lighter;
}

#container_header {
	float: left;
	width: 100%;
	height: 308px;

}

#header {
	margin: auto;/*centre*/
	height: 308px;
	width: 699px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;	
}
#menu_title {
	padding-left: 80px;
	width: 619px;
	float: left;
	margin-top: 7px;
}
.success {
	float: left;
	font-style: italic;
	font-size: 16px;
	color: #835b52;
	width: 400px;
	margin-top: 11px;
	padding-left: 35px;
	}

#container {
	width: 699px;
	margin:auto;
	position: relative;
	z-index: 10;
}

#container2{
	float: left;
  width:100%;	
	background-image: url(images/back_container2.gif); /*flipping img*/
	background-position: 0px 119px;/*height of .content */
}

.content {
	width: 100%;
	float:left;
	background-image: url(images/content_top.gif);
	background-repeat: no-repeat;
}

#title00 {
	padding-left: 110px;
	padding-top: 55px;
	width:249px;
	float: left;
}

#title01 {
	padding-left: 75px;
	padding-top: 55px;
	float: left;	
}	
.content1 {
	background-image: url(images/line_center.gif);
	background-repeat: repeat-y;
	background-position: 322px top;
	float: left;
	width: 100%;
	margin-top: 30px;
	}
.left {
	float: left;
	width: 323px;
	display: block;
	margin-top:-30px;
}

.right {
	float: left;
	width: 323px;
	padding-left: 52px;
	margin-top: -55px;
}

#dar_afram {
	padding-left: 20px;
	padding-top: 62px;
}
/*email*/


#p1 a {
text-decoration:none;
color:#ffffff;
background-color:#8d1215;
padding-left:5px;
padding-right:5px;}

#p1 a:hover {
color: #CCCCCC;}

#maptext {
	background-image: url(images/maptext.jpg);
	height: 60px;
	width: 273px;
	margin-left: -25px;
}

#mapimage {
	background-image: url(images/map.jpg);
	background-repeat: no-repeat;
	height: 302px;
	width: 238px;
}
.bottom {
	background-image: url(images/content_bottom.gif);
	height: 70px;
	width: 699px;
	float: left;
}
#container_footer {
	clear:both;
	width: 100%;
	height: 81px;
}
#footer {
	margin: auto;
	height: 81px;
	width: 699px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #c48568;
	font-size: 12px;	
}
.footleft {
	float: left;
	width: 309px;
	padding-left: 40px;
	padding-top: 10px;	
}
.footleft a{
 text-decoration: none;
	color: #c48568;
}
.footleft a:hover {
 color: #835b52;  
}
.footright {
	float: left;
	width: 310px;
	padding-top: 10px;
	text-align: center;
}
#copyright {
}
#copyright a { 
	text-decoration: none;
	color: #c48568;
	float : right;
}
#copyright a:hover { 
	color: #835b52;  
}

ul.menu {
	float: right;
	padding-top: 28px;
	padding-right: 43px;
	margin: 0px;	/*important*/
}
ul.menu li {
	display: inline;
	float: left;
}
.menu00, .menu00 a, .menu01, .menu01 a, .menu02, .menu02 a, .menu03, .menu03 a, .menu04, .menu04 a{
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 42px;
	width: 93px;
	display: block;/*important!*/
}
.menu00, .menu00 a{
  background-image: url(images/home.jpg);	
}
.menu01, .menu01 a{
  background-image: url(images/about.jpg);	
}
.menu02, .menu02 a{
 background-image: url(images/photo.jpg);	
}
.menu03, .menu03 a{
 background-image: url(images/tariff.jpg);
}
.menu04, .menu04 a{
 background-image: url(images/contact.jpg);
}
.menu00 a:hover, .menu01 a:hover, .menu02 a:hover, .menu03 a:hover, .menu04 a:hover{
	background-position: left top;	
}

ul.menu li span {
	display: none;
}
#logo {	
  padding-left: 131px;
}
#logo a {
  background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 160px;
	width: 232px;
	margin-top: 27px;	
}

#logo a:hover {
}
#logo a span {
 display: none;
}


/* forms */
form {
  margin: 0px;
	padding: 0px;
}
ul.forms{
	float:left;
	padding-left: 98px;
	margin: 0px;/*important for IE*/
	width: 225px;
	padding-top: 40px;
}
ul.forms li{
	list-style-type: none;
	float: left;
	width: 215px;

	}
ul.forms li label{ /*text*/
	float:left;
	display:block;
	}
ul.forms li span{ /*boxes*/
	display:block;
	float: right;
	padding-bottom: 20px;
	}

.textbox00, .textbox01, .messagebox00{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #636363;
}
.textbox00{
	height: 18px;
	width: 155px;
	border: solid 1px;
	border-top-color: #c8c6b4;
	border-right-color: #f7f2d7;
	border-bottom-color: #f7f2d7;
	border-left-color: #c8c6b4;
	background-color: #FFFFFF;	
}
.textbox01{
	height: 18px;
	width: 36px;
	border: solid 1px;
	border-top-color: #c8c6b4;
	border-right-color: #f7f2d7;
	border-bottom-color: #f7f2d7;
	border-left-color: #c8c6b4;
	background-color: #FFFFFF;
	margin-right: 119px; /*ok for IE??*/
}
.messagebox00{
	height: 70px;
	width: 155px;
	border: solid 1px;
	border-top-color: #c8c6b4;
	border-right-color: #f7f2d7;
	border-bottom-color: #f7f2d7;
	border-left-color: #c8c6b4;
	background-color: #FFFFFF;
}

.button00 {
	background-repeat: no-repeat;
	width: 125px;
	border: 1px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #8d1215;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform: uppercase;
	float: right;
	margin-top: 4px;
} 

ul.footmenu {
	float:left;
	width: 349px;
	margin: 0; /*important!*/
	padding: 0; /*important!*/
	}

ul.footmenu span {
	color: #835b52;  
}

ul.footmenu li {
	list-style-type: none;
	display: inline;
}

ul.footmenu li a {
	text-decoration: none;
	color: #c48568;
}
ul.footmenu li a:hover {
color: #835b52;  
}
.active footmenu {
}

/*home*/
.content2 {
	width: 100%;
	float:left;
	background-image: url(images/content_top2.gif);
	background-repeat: no-repeat;
}
#container3{
	float: left;
	width:100%;
	background-image: url(images/back_container3.gif); /*flipping img*/
	background-position: 0px 30px;
}
#content3 {
	float: left;
	width:638px;
	height: 440px;
	background-image: url(images/index2.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: right top;
	margin-bottom: -15px;
	position: relative;
	top: -15px;
}

.bottom2 {
	background-image: url(images/content_bottom2.gif);
	height: 37px;
	width: 699px;
	float: left;
}

.p2 {
	line-height:20px;
	text-align: justify;
}
.left2 {
	float: left;
	width: 253px;
	padding-left: 70px;
	padding-right: 33px;
	padding-top: 20px;
}

.right2 {
	float: left;
	width: 313px;
	background-image: url(images/img00.jpg);
	height: 371px;
	position:relative;/*important*/
	top:-24px;/*important*/
	margin-bottom:-24px;/*important*/
	}
.middle {
	float: left;
	padding-left: 70px;
	width: 559px;
	padding-right: 70px;
	}
.left3 {
	background-image: url(images/img01.jpg);
	float: left;
	height: 219px;
	width: 331px;
	background-repeat: no-repeat;
	background-position: right top;/*important*/
	position: relative;/*important*/
	bottom: -26px;/*important*/
	margin-bottom: -27px;/*important*/
}
.right3{
	float: left;
	width: 268px;
	padding-right: 70px;
	padding-left: 30px;
	padding-top: 20px;
}

/*photos*/
.top_top {
	float: left;
	height: 51px;
	background-image: url(images/dar_afram_text.jpg);
	background-repeat: no-repeat;
	margin-top: 29px;
	padding-left: 286px;
	padding-right: 217px;
	background-position: right top;
}

p.photos{
  margin:0px;
  padding:0px;
	}

.photo17, .photo02, .photo03, .photo04, .photo05, .photo18, .photo07, .photo08, .photo09, .photo10, .photo11, .photo12, .photo13, .photo14, .photo15,  
a.photo17, a.photo02, a.photo03, a.photo04, a.photo05, a.photo18, a.photo07, a.photo08, a.photo09, a.photo10, a.photo11, a.photo12, a.photo13, a.photo14, a.photo15{
  position: relative;
	float: left;
	/* png fix */
	behavior: url(scripts/iepngfix.htc);
	cursor:pointer;/* fire fox*/
	cursor:hand;/* internet crap explorer */
}
.photo17{
  z-index: 10;
	top:-46px;
	margin-bottom:-46px;
	margin-left: 51px;
}
.photo17, a.photo17{
	background-image: url(images/photo17_h.png);
	height: 167px;
	width: 202px;
}
.photo02 {
 left:-50px;
	margin-right:-50px;
	margin-top: 22px;
}
.photo02, a.photo02{
	background-image: url(images/photo02_h.png);
	height: 189px;
	width: 154px;
}
.photo03 {
  z-index: 3;
	left:-19px;
	margin-right:-19px;
	margin-top: 8px;
}
.photo03, a.photo03{
  background-image: url(images/photo03_h.png);
	height: 145px;
	width: 186px;
}
.photo04 {
  z-index: 2;
	left:-22px;
	margin-right:-22px;
	margin-bottom: -14px;
	top: -14px;
}
.photo04, a.photo04 {
  background-image: url(images/photo04_h.png);
	height: 192px;
	width:155px;
}
.photo05 {
  z-index: 10;
	clear:both;
	margin-left: 66px;
	margin-bottom: -90px;
	top: -90px;
}
.photo05, a.photo05{
  background-image: url(images/photo05_h.png);
	height: 192px;
	width: 155px;
}
.photo18 {
	z-index: 4;
	margin-right: -42px;
	left: -42px;
	margin-bottom:-20px;
	top: -20px;
	}
.photo18, a.photo18{
  background-image: url(images/photo18_h.png);
	height: 155px;
	width: 192px;
}
.photo07 {
	z-index: 7;
	background-image: url(images/photo07_h.png);
	height: 201px;
	width: 167px;
	left:-25px;
	margin-right: -25px;
	margin-bottom: -80px;
	top: -80px;
	}
.photo07, a.photo07{
  background-image: url(images/photo07_h.png);
	height: 201px;
	width: 167px;
}
.photo08 {
  z-index: 5;
	left: -46px;
	margin-right: -46px;
	}
.photo08, a.photo08{
  background-image: url(images/photo08_h.png);
	height: 188px;
	width: 149px;
}
.photo09 {
  z-index: 5;
	clear: both;
	margin-left: 87px;
	margin-top:20px;
	}	
.photo09, a.photo09{
  background-image: url(images/photo09_h.png);
	height: 159px;
	width: 194px;
}
.photo10 {
  z-index: 10;
	left:-32px;
	margin-right:-32px;
	margin-top:4px;
	}	
.photo10, a.photo10{
  background-image: url(images/photo10_h.png);
	height: 148px;
	width: 188px;
}
.photo11 {
  z-index: 5;
	left: -22px;
	margin-right:-22px;
	top: -47px;
	margin-bottom: -47px;
	}	
.photo11, a.photo11{
  background-image: url(images/photo11_h.png);
	height: 172px;
	width: 204px;
}
.bottom_top {
	float: left;
	height: 51px;
	background-repeat: no-repeat;
	margin-top: 14px;
	padding-left: 100px;
	padding-right: 267px;
	background-position: right top;
	background-image: url(images/around_the_riad.jpg);
	clear: both;
}
.photo12 {
  z-index: 10;
	clear: both;
	margin-left:87px;
	top: -28px;
	margin-bottom: -28px;
	}	
.photo12, a.photo12 {
  background-image: url(images/photo12_h.png);
	height: 199px;
	width: 163px;
}
.photo13 {
  z-index:13;
	left: -13px;
	margin-right: -13px;
	top: -11px;
	margin-bottom: -11px;
	}	
.photo13, a.photo13 {
  background-image: url(images/photo13_h.png);
	height: 151px;
	width: 190px;
}
.photo14 {
  z-index: 12;
	left: -48px;
	margin-right: -48px;
	top: -81px;
	margin-bottom: -81px;
	}	
.photo14, a.photo14{
  background-image: url(images/photo14_h.png);
	height: 149px;
	width: 190px;
}
.photo15 {
  z-index: 15;
	left: -139px;
	margin-right: -139px;
	margin-top:42px;
	}	
.photo15, a.photo15{
  background-image: url(images/photo15_h.png);
	height: 154px;
	width: 192px;
}
	
a:hover.photo17  {
	background-image: url(images/photo17.png);
}
a:hover.photo02  {
	background-image: url(images/photo02.png);
}
a:hover.photo03  {
	background-image: url(images/photo03.png);
}
a:hover.photo04  {	
  background-image: url(images/photo04.png);
}
a:hover.photo05  {
	background-image: url(images/photo05.png);
}
a:hover.photo18  {
	background-image: url(images/photo18.png);
}
a:hover.photo07  {
	background-image: url(images/photo07.png);
}
a:hover.photo08  {
	background-image: url(images/photo08.png);
}
a:hover.photo09  {
	background-image: url(images/photo09.png);
}
a:hover.photo10  {
	background-image: url(images/photo10.png);
}
a:hover.photo11  {
	background-image: url(images/photo11.png);
}
a:hover.photo12  {
	background-image: url(images/photo12.png);
}
a:hover.photo13  {
	background-image: url(images/photo13.png);
}
a:hover.photo14  {
	background-image: url(images/photo14.png);
}
a:hover.photo15  {
	background-image: url(images/photo15.png);
}
/*tariff*/
.content3 {
	background-image: url(images/content_top4.gif);
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 336px;
}

.left4 {
	background-image: url(images/rooms.jpg);
	float: left;
	height: 318px;
	width: 267px;
	padding-left:43px;
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 14px;
	position: relative;
	z-index: 10;
}
.right4 {
	float: left;
	width: 347px;
	margin-top: 124px;
	padding-right: -67px;
	position: relative;
	z-index: 15;
	left:-67px;	
}
.title00 {
	float: left;
	margin:0;
	padding:0;
	line-height: 34px;
	text-align: center;
}
.title01 {
	float: left;
	padding-left: 180px;
	margin:0;
	padding-top: 15px;
}

.bottom3 {
	background-image: url(images/content_bottom3.gif);
	height: 70px;
	width: 699px;
	float: left;
}
.extra00{
	height: 207px;
	width: 311px;
	margin-left: -642px;
	position: absolute;
	left: 50%;
	top: 55px;
	background-image: url(images/extra00.png);
	background-repeat: no-repeat;
	background-position: right top;
	/* png fix */
	behavior: url(scripts/iepngfix.htc)

}
.extra01{
	height: 207px;
	width: 311px;
	margin-right: -645px;
	position: absolute;
	right: 50%;
	top: 55px;
	background-image: url(images/extra01.png);
	background-repeat: no-repeat;
	background-position: left top;
	/* png fix */
	behavior: url(scripts/iepngfix.htc)
}
a:active{
outline: none;
}

a:focus{
-moz-outline-style: none;
}