body { 
	margin:0; 
	padding:0; 
	background: #ffffff url(../images/layout/background2.jpg) repeat;
	background-color: #686150;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.4em;
}	
	
#wrapper { 
	margin:0 auto; padding:0;
	width: 960px; 
	height: 1350px;
	XXXXbackground: url(../images/layout/wrapper-tracing-background.jpg) no-repeat top center;
	position: relative;
	}
	
	
#main-nav {
	position: absolute;
	width: 955px;
	height: 38px;
	background-color: #000;
	Xbackground: url(../images/layout/main-nav-background.png) no-repeat top left;
	z-index: 60;
	top: 294px;
	left: -5;
	}
#main-nav ul {
	position: absolute;
	right: 20px;
	width: 700px;
	top: 11px;
	z-index: 55;
	}
#main-nav ul li {
	list-style-type: none;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	}
#main-nav ul li a {
	color: #fff;
	text-decoration: none;
	height: 20px;
	float: left;
	margin: 0 0 0 25px;
	}
#main-nav ul li a:hover {
	border-bottom: 7px solid #c79f35;
	}


/*
#logo {
	position: absolute;
	width: 240px;
	height: 275px;
	z-index: 15;
	top: 56px;
	right: 0;
	border: 1px solid red;
}
*/

#contact-details {
	position: absolute;
	width: 200px;
	height: 25px;
	top: 10px;
	left: 20px;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #a48231;
	z-index: 30;
	font-weight: normal;
	}
#contact-details span em { visibility: hidden; }
#contact-details span {
	background: url(../images/layout/telephone_symbol.gif) no-repeat center;
	display: block;
	width: 14px;
	height: 18px;
	float: left;
	}
	
#strapline {
	position: absolute;
	width: 710px;
	height: 45px;
	top: 225px;
	right: 10px;
	background: url(../images/layout/strap-line.png) no-repeat top left;
	z-index: 40;
	}
#video {
	position: relative;
	width: 420px;
	height: 245px;
	z-index: 41;
	background: #000;
	border: 1px solid black;
	bottom: 214px;
	left: 265px;
	text-align: center;
	}
#flash-image {
	position: absolute;
	width: 960px; 
	height: 316px;
	xbackground: url(../images/layout/flash-image-temp.png) no-repeat top left;
	top: 27px;
	right: 0px;
	z-index: 10;
	}
#flashcontent1 {
	position: absolute;
	z-index: 20;
	}
#flashcontent1 p {
	position: relative;
	top: -338px;
	left: 0;
	color: #fff;
	z-index: 33;
	display: block;
	width: 960px;
	height: 10px;
	}
#flashcontent1 a {
	position: relative;
	top: -15px;
	left: 838px;
	z-index: 34;
	display: block;
	width: 120px;
	height: 10px;
	}
	
	
/* ----- INTRODUCTION & LOCAL INFO ------ */

#intro-and-local-info {
	position: absolute;
	width: 480px; 
	height: 483px;
	top: 343px;
	background-color: #f8deb9;
	border-bottom: 2px solid #fff;
	xborder: 1px solid red;
	}
#intro-and-local-info #introduction {
	position: absolute;
	width: 478px; 
	height: 264px;
	xborder: 1px solid red;
	background: url(../images/layout/intro-headin1.jpg) no-repeat top left;
	top: 9px;
	left: -4px;
	}
#intro-and-local-info #introduction p {
	position: absolute;
	top: 177px;
	left: 22px;
	margin: 0;
	padding: 0;
	color: #fdd5b0;
	width: 400px;
	}
#intro-and-local-info #local-info {
	position: absolute;
	width: 250px;
	height: 180px;
	top: 290px;
	left: 20px;
	padding-right: 20px;
	background: url(../images/layout/local-history-seperator.gif) no-repeat right center;
	}
#intro-and-local-info #local-info h2 {
	background: url(../images/layout/heading-LocalInfo.gif) no-repeat top left;
	height: 29px;
	margin: 0;
	}
#intro-and-local-info #local-info p {
	margin: 4px 0 0 0;
	line-height: 1.5em;	
	}
	
#intro-and-local-info #local-history {
	position: absolute;
	width: 160px;
	height: 190px;
	top: 280px;
	right: 20px;
	Xborder: 1px solid red;
	background: url(../images/layout/history-heritage-culture.jpg) no-repeat top left;
	}
#intro-and-local-info #local-history span {
	visibility: hidden;
	}
#intro-and-local-info #local-history p { display: none; }
#intro-and-local-info #local-history li { 
	margin: 0;
	padding: 0;
	background: none; 
	}
#intro-and-local-info #local-history ul {
	background: none;
	position: relative;
	Xborder: 1px solid red;
	top: 0;
	width: 160px;
	height: 20px;
	}
#intro-and-local-info #local-history a {
	width: 160px;
	height: 30px;
	display: block;
	margin: 0;
	padding: 0;
	left: 0;
	text-decoration: none;
	list-style-type: none;
	}
#intro-and-local-info #local-history ul li a#history {
	background: url(../images/layout/history-heritage-culture.jpg) no-repeat -162px -69px;
	position: absolute;	top: 69px;
	}
#intro-and-local-info #local-history ul li a#heritage {
	background: url(../images/layout/history-heritage-culture.jpg) no-repeat -162px -110px;
	position: absolute;	top: 110px;
	}
#intro-and-local-info #local-history ul li a#culture {
	background: url(../images/layout/history-heritage-culture.jpg) no-repeat -162px -150px;
	position: absolute;	top: 150px;
	}
#intro-and-local-info #local-history ul li a:hover#history {
	background: url(../images/layout/history-heritage-culture.jpg) no-repeat -324px -69px;
	}
#intro-and-local-info #local-history ul li a:hover#heritage {
	background: url(../images/layout/history-heritage-culture.jpg) no-repeat -324px -110px;
	}
#intro-and-local-info #local-history ul li a:hover#culture {
	background: url(../images/layout/history-heritage-culture.jpg) no-repeat -324px -150px;
	}

#intro-and-local-info,
#intro-and-local-info a,
#intro-and-local-info a:hover {
	color: #8f6742;
	}
#intro-and-local-info a {
	text-decoration: underline;
	}
#intro-and-local-info a:hover {
	text-decoration: none;
	}
#intro-and-local-info #local-info ul {
	margin-top: 7px;
	}
#intro-and-local-info ul li {
	background: url(../images/layout/bullet-brown.gif) no-repeat center left;
	padding: 0 0 0 15px;
	margin-bottom: 3px;
	}


/* ----- TAILOR MADE TOURS & SEA FISHING ------ */

#the-tours {
	position: absolute;
	width: 470px; 
	height: 483px;
	left: 480px;
	top: 343px;
	xborder: 1px solid red;
	background: #fff url(../images/layout/tours-background-shadow-water.jpg) no-repeat bottom right;
	}
#the-tours #our-tours {

	}
#the-tours #tailor-made {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 20px;
	right: 10px;
	z-index: 5;
	xborder: 1px solid red;
	}
#the-tours #sea-fishing {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 220px;
	right: 10px;
	z-index: 5;
	xborder: 1px solid red;
	}
#the-tours #fish-image {
	position: absolute;
	display: block;
	z-index: 1;
	top: 185px;
	right: 2px;
	width: 59px; 
	height: 116px;
	background: url(../images/layout/seaFishing-homepage.gif) no-repeat top right;
	}
#the-tours #tailor-made h2 {
	background: url(../images/layout/heading-tailorMadeTours.gif) no-repeat top left;
	height: 37px;
	margin: 0;
	width: 205px;
	position: absolute;
	left: -10px;
	top: 3px;
	xborder: 1px solid red;
	}
#the-tours #sea-fishing h2 {
	background: url(../images/layout/heading-SeaFishing.gif) no-repeat top left;
	height: 47px;
	margin: 0;
	width: 170px;
	position: absolute;
	top: 0;
	left: -5px;
	xborder: 1px solid red;
	}
#the-tours #tailor-made p, 
#the-tours #sea-fishing p {
	margin: 50px 0 0 0;
	float: left;
	xborder: 1px solid red;
	}
#the-tours #tailor-made ul,
#the-tours #sea-fishing ul {
	margin-top: 7px ;
	float: left;
	xborder: 1px solid red;
	}
#the-tours #tailor-made ul li,
#the-tours #sea-fishing ul li {
	background: url(../images/layout/bullet-white.gif) no-repeat center left;
	padding: 0 0 0 15px;
	margin-bottom: 3px;
	xborder: 1px solid red;
	}
#the-tours,
#the-tours a,
#the-tours a:hover {
	color: #999;
	}
#the-tours a {
	text-decoration: underline;
	}
#the-tours a:hover {
	text-decoration: none;
	}



/* ----- THE TOURS ------ */

#our-tours {
	position: absolute;
	width: 240px;
	height: 485px;
	background-color: #fff;
	top: 0;
	left: 0px;
	z-index: 5;
	}
#our-tours h2 {
	background: url(../images/layout/heading-OurTours.jpg) no-repeat top left;
	width: 237px; 
	height: 47px;
	margin: 0;
	}

#our-tours ul a {    /* what is going on here??? turn these LIs into As */
	display: block;
	float: left;
	width: 237px; 
	height: 86px;
	margin-top: 1px;
	}

#our-tours ul h3 {
	margin: 10px 0 0 15px;
	}
#our-tours ul li p {
	margin: 2px 10px 0 15px;
	color: #000;
	visibility: hidden;
	}
#our-tours a { 	
	text-decoration: none;
	}
#our-tours a h3 { 	
	font-size: 12px;
	text-decoration: none; 
	color: #fff;
	}

#our-tours a:hover#east h3,
#our-tours a:hover#west h3,
#our-tours a:hover#city h3,
#our-tours a:hover#desert h3,
#our-tours a:hover#safari h3,
#our-tours a:hover p { 	
	color: #fff;
	visibility: visible;
	}
/*
#our-tours ul a#east h3  { color: #553992; }
#our-tours ul a#west h3  { color: #132c71; }
#our-tours ul a#city h3  { color: #961d13; }
#our-tours ul a#desert h3  { color: #cc8f1e; }
#our-tours ul a#safari h3 { color: #1f4a09; }
*/

#our-tours ul a#east { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -476px 0; }
#our-tours ul a:hover#east { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -238px 0; }

#our-tours ul a#west { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -476px -87px; }
#our-tours ul a:hover#west { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -238px -87px; }

#our-tours ul a#city { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -476px -174px; }
#our-tours ul a:hover#city { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -238px -174px; }

#our-tours ul a#desert { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -476px -261px; }
#our-tours ul a:hover#desert { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -238px -261px; }

#our-tours ul a#safari { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -476px -348px; }
#our-tours ul a:hover#safari { background: url(../images/layout/tours-rollover-backgrounds.jpg) no-repeat -238px -348px; }



/* ----- OUR VEHICLES ------ */

#our-vehicles {
	position: absolute;
	width: 480px; 
	height: 166px;
	top: 828px;
	background: url(../images/layout/vehicle-background.jpg) no-repeat top left;
	xborder: 1px solid red;
	}

#our-vehicles h2 {
	position: absolute;
	background: url(../images/layout/heading-OurVehicles.gif) no-repeat top left;
	width: 162px; 
	height: 19px;
	top: 20px;
	right: 20px;
	xborder: 1px solid red;
	}

#our-vehicles p {
	position: absolute;
	width: 160px; 
	height: 19px;
	top: 53px;
	right: 20px;
	text-align: right;
	color: #fff;
	}
#our-vehicles p a {
	color: #fff;
	}
#our-vehicles p a:hover {
	color: #fff;
	text-decoration: none;
	}

/* ----- ADVERTISMENT ------ */

#advertisment {
	position: absolute;
	width: 480px; 
	height: 265px;
	top: 994px;
	background: #fff url(../images/layout/advertisment_bg.gif) no-repeat top right;
	}

#advertisment h2 {
	position: absolute;
	Xbackground: url(../images/layout/heading-Testimonials.gif) no-repeat top left;
	width: 162px; 
	height: 19px;
	top: 3px;
	left: 28px;
	}
#advertisment img {
	width: 430px;
	height: 170px;
	position: absolute;
	top: 20px;
	left: 23px;
	}
#advertisment a img {
	border: 1px solid #fff;
	}
#advertisment a:hover img {
	border: 1px solid #d9d9d9;
	}
	
	
	
/* ----- WATER SPORTS ------ */

#watersports {
	position: absolute;
	width: 480px; 
	height: 165px;
	top: 826px;
	right: 0;
	background: url(../images/layout/watersports-bg.jpg) no-repeat top left;
	xborder: 1px solid red;
	}

#watersports h2 {
	position: absolute;
	background: url(../images/layout/heading-WaterSports.png) no-repeat top left;
	width: 145px; 
	height: 32px;
	margin: 0;
	padding: 0;
	top: 21px;
	left: 16px;
	
	}

#watersports p {
	position: absolute;
	width: 230px; 
	height: 19px;
	top: 55px;
	left: 20px;
	text-align: left;
	color: #fff;
	Xborder: 1px solid red;
	}
#watersports p a {
	color: #fff;
	}
#watersports p a:hover {
	color: #fff;
	text-decoration: none;
	}




#diving h2 {
	position: absolute;
	background: url(../images/layout/heading-diving.png) no-repeat top left;
	width: 145px; 
	height: 33px;
	margin: 0;
	padding: 0;
	top: 21px;
	left: 260px;
	xborder: 1px solid red;
	}

#diving p {
	position: absolute;
	width: 195px; 
	height: 19px;
	top: 55px;
	left: 260px;
	text-align: left;
	color: #fff;
	xborder: 1px solid red;
	}
#diving p a {
	color: #fff;
	}
#diving p a:hover {
	color: #fff;
	text-decoration: none;
	}

#watersportsB {
	position: absolute;
	top: 991px;
	right: 10px;
	width: 470px;
	height: 273px;
	background: #fff6dd url(../images/layout/booking-background.jpg) no-repeat top left;
	}

#watersportsB h2 {
	position: absolute;
	background: url(../images/layout/heading-BookingATour.gif) no-repeat top left;
	width: 200px; 
	height: 19px;
	top: 5px;
	left: 20px;
	}

#watersportsB p {
	position: absolute;
	width: 220px; 
	height: 19px;
	top: 40px;
	left: 20px;
	text-align: left;
	color: #494e4f;
	}

#watersportsB a { color: #494e4f; }
#watersportsB a:hover { text-decoration: none; }

#watersportsB img {
	position: absolute;
	width: 450px;
	height: 200px;
	top: 0;
	right: 10px;
	}



/* ----- FOOT LINKS ------ */

#foot-links {
	position: absolute;
	display: block;
	width: 935px; 
	height: 20px;
	top: 1259px;
	left: 8px;
	background-color: #000;
	border-bottom: 5px solid #c79f35;
	}
#footing-mask {
	position: absolute;
	display: block;
	width: 951px; 
	height: 64px;
	top: -50px;
	left: -8px;
	background: url(../images/layout/footer-silohuette.png) no-repeat top left;
	}

#copyright {
	position: absolute;
	bottom: -30px;
	width: 935px;
	height: 20px;
	color: #c79f35;
	font-size: 11px;
	text-align: center;
	}




/* ----- globals ------ */

div { 
	margin:0; 
	padding:0; 
	}

img { border:0; }

h2 span, h1 span {
	visibility: hidden;	
	}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#clear { clear: both; }

p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }