* {
     margin: 0;
}

html {
  height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -3em;
}

.footer, .push {
     height: 3em;
     font-size: 0.7em
}


body
	{ padding: 0;
		margin: 0;
		background-color: #ffffff;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #6B6B6B;
		height: 100%;
	}
	
#contents	{
		padding-top: 20px;
		padding-bottom: 40px;
		margin-right:auto;
		margin-left:auto;
		width: 770px;
		text-align: left;
}
	
#logo	{
    width: 770px;
    height: 36px;
    background-image: url(images/logo.png);
}

#image	{
    width: 770px;
    height: 319px;
    background-color: #E8C099;
}

#heading	{
    margin: 20px 0 20px 0;
    width: 770px;
    height: 23px; 
    background-repeat: no-repeat   
}

#navigation	{
    margin-top: 12px;
    width: 770px;
    height: 20px; 
}

#menu {
  font-size: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}
#menu li {
	padding: 0;
	margin: 0;
	height: 9px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
#menu li a, #menu li a:visited {
	display: block;
	outline: none;
	text-decoration: none;
	text-indent: -9999px;
	height: 9px;
	background-repeat: no-repeat;
}
#index {background-image: url(images/rollover01.png); width: 48px;}
#index a {background-image: url(images/rollover01a.png);}
#wadi {background-image: url(images/rollover02.png); width: 81px;}
#wadi a {background-image: url(images/rollover02a.png);}
#camp {background-image: url(images/rollover03.png); width: 108px;}
#camp a {background-image: url(images/rollover03a.png);}
#tours {background-image: url(images/rollover04.png); width: 117px;}
#tours a {background-image: url(images/rollover04a.png);}
#gallery {background-image: url(images/rollover05.png); width: 121px;}
#gallery a {background-image: url(images/rollover05a.png);}
#useful {background-image: url(images/rollover06.png); width: 100px;}
#useful a {background-image: url(images/rollover06a.png);}
#contact {background-image: url(images/rollover07.png); width: 75px;}
#contact a {background-image: url(images/rollover07a.png);}
ul#menu li a:hover {background: none;}
#menu li {float: left;}
#menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.index #menu #index a,
.wadi #menu #wadi a,
.camp #menu #camp a,
.tours #menu #tours a,
.gallery #menu #gallery a,
.useful #menu #useful a,
.contact #menu #contact a
 {background: none;}

	
	
h1 {
    margin-top: 1.5em;
		color: #333;
		background-color: transparent;
		font-size: 14px;
}

h2 {
    margin-top: 1.8em;
    color: #D2883B;
		font-size: 14px;
		border-width: 0 0 1px 0;
		border-color: #D2883B;
		border-style: solid;
		
}
	
p	{
    margin-top: 1.2em;
		line-height: 1.5em
}
	
p a {
		color: #D2883B;
		font-weight: bold;
}

p a:hover {
    outline: none;
		color: #ffffff;
		background-color: #D2883B;
		text-decoration: none
}

li {
		line-height: 1.5em
}

li a {
		color: #D2883B;
		font-weight: bold;
}

li a:hover {
    outline: none;
		color: #ffffff;
		background-color: #D2883B;
		text-decoration: none
}
	
	.orange
	{
		color: #D2883B;
		background-color: transparent;
		font-weight: bold;
	}
	
	
img.foto {
   display: inline;
   width: 138px;
   height: 104px;
   border: 1px #D2883B solid;
   margin: 0
}
	
/* LIGHTBOX STUFF */

#lightbox{
	background-color:#ffffff;
	padding: 10px;
	/*border-bottom: 2px solid #666;
	border-right: 2px solid #666;*/
	}
#lightboxDetails{
	font-size: 0.9em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}