/* PAGE STYLES Start */

body {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg_m.jpg);
}
.style1 {font-size: 10px}
.style2 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style3 {font-size: 10pt}

.clear {clear:both;}

/*-----------Basic--------*/


html, body {
	margin:0;
	padding:0;
}
body{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background-color: #eee;
	color: #444;
	font-size: 75%;
}
a{
	color: #27D;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
p, li {
	line-height: 1.8em;
}
h1, h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 10px 0;
	letter-spacing:-1px;
}
h1 {
	padding: 0;
	font-size: 3em;
	color: #333;
}
h2 {
	padding-top: 10px;
	font-size:1.5em;
	text-align: center;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div#page {
	width: 780px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
}
div#container {
	padding: 20px;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}
div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}

/* PAGE STYLES END */



.buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.6pt;
	color: #996600;
	text-decoration: none;
}

.body_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
.headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.table_ {
	border: 1px solid #996600;
}
a:link
{	color: #000000; }
a:visited
{	color: #000000; } 
a:active 
{	color: #000000; }

A:hover {color: #800000; font-family: Arial; font-size: 8.6pt;}

A           
{ text-decoration: none; }

BODY{
background-color: #F2EAD1;
}
.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.hd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}


/***************************MENU ****************************/


/** 
 * This rule will make the navbar go to the top left corner of the viewport,
 * even if it's not the first item in the source order of the markup. 

#wd-navbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #ccc;
  background: #f9f9f9;
}
 */
/* Reset default unordered list display style to remove bulleting/spacing */
#wd-navbar ul {
  list-style: none;
  margin: 0;
  padding: .3em;
  font-size:13px;
}
/* Stack LI elements horizontally instead of the default vertical orientation */
#wd-navbar li {
  float: left;
  margin-right: 5px;
}
/* Turns the links into larger clickable boxes */
#wd-navbar li a {
  display: block;
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  padding: .5em;
}
/* Pseudo selector used for a usability aid, so you know when you can click */
#wd-navbar li a:hover {
  background-color: #f1e9d0;
  color: #996600;
  text-decoration: none;
  font-size:13px;
}
/* Hides nested hierarchy links by default */
#wd-navbar li ul {
  display: none;
  position: absolute;
  padding: 0;
  text-align: left;
}
/* Shows nested hierarchy links when we mouseover the parent */
#wd-navbar li:hover ul {
  display: block; 
}
/* Overrides the style on line 23 for nested link collections */
#wd-navbar li li {
  float: none;
  border-bottom: 1px solid #996600; /* border-top causes IE bug */
}
/* Different styling for nested hierarchy links. */
#wd-navbar li li a {
  border: 0;
  border-left: 1px solid #996600;
  border-right: 1px solid #996600;
}


/***************************JUMP to NAV  ***************************


#jump-to-area .jump-to ul { list-style:none;}

#jump-to-area .jump-to li { float:left; margin-right: 5px }

*/

.bottom { margin: 0 15px; }
.bottom p { float:left; text-align:left; }
.bottom p a { font-family: Arial, Helvetica, sans-serif; font-size:16px;}
.bottom p a:hover { font-family: Arial, Helvetica, sans-serif; color:#993300; font-size:16px;}

#jump-to-area { width: 720px; margin: 20px 10px 0 50px;}

.jump-to-text-holder { margin-left: 85px;}

.jump-to-text { margin: 0 0 0 30px;}

.jump-to-text h4 {text-decoration:none; width: 130px; text-align:center; padding-left: 5px; padding-right: 5px;}

.jump-to-text p { text-decoration:none;  width: 130px; padding-left: 5px; padding-right: 5px; margin-top: -15px;}

h4.back-button a { outline: 0; color: #996600; float: left; }

h4.back-button a:visited { color: #996600; }

h4.back-button a.bb-back { background:url(galimages/backto.jpg) no-repeat;   display: block; padding: 15px; height: 40px; width: 100px; }

h4.back-button a.bb-prev { background:url(galimages/prev.jpg) no-repeat;   display: block; padding: 10px 10px 10px 30px; height: 40px; width: 100px; margin-left:100px; }

h4.back-button a.bb-next { background:url(galimages/next.jpg) no-repeat;   display: block; padding: 10px; height: 40px; width: 150px; margin-left:200px; }

h4.back-button a.bb-blank { background:none;  display: block; padding: 10px 10px 10px 30px; height: 40px; width: 100px; margin-left:100px; }

/* HOVER BUTTON EFFECT*/
.button { float:left; }

/*-------------CSS HOVER EFFECT _____SAF BIG_____________---------*/

#saf-stand {display: block; width: 350px; height: 260px; background: url("galimages/buttons/luxury-safari.jpg") no-repeat 0 0; overflow: hidden;}

#saf-stand:hover { background-position: 0 -260px;}

#saf-stand span { display: none; }

/*-------------CSS HOVER EFFECT _____custom SAF BIG_____________---------*/

#saf-cust {display: block; width: 350px; height: 260px; background: url("galimages/buttons/luxury-safari-custom.jpg") no-repeat 0 0; overflow: hidden;}

#saf-cust:hover { background-position: 0 -260px;}

#saf-cust span { display: none; }


/*----------------------*/

/*-------------CSS HOVER EFFECT _____custom _____________---------*/

#baleia {display: block; width: 140px; height: 140px; background: url("galimages/buttons/bele.jpg") no-repeat 0 0; overflow: hidden;}

#baleia:hover { background-position: 0 -140px;}

#baleia span { display: none; }

/*-------------CSS HOVER EFFECT _____custom _____________---------*/

#baleia-con {display: block; width: 140px; height: 140px; background: url("galimages/buttons/bele-const.jpg") no-repeat 0 0; overflow: hidden;}

#baleia-con:hover { background-position: 0 -140px;}

#baleia-con span { display: none; }  

/*-------------CSS HOVER EFFECT _____custom _____________---------*/

#chongwe-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/chongwe.jpg") no-repeat 0 0; overflow: hidden;}

#chongwe-but:hover { background-position: 0 -140px;}

#chongwe-but span { display: none; }

/*-------------CSS HOVER EFFECT _____GLEN _____________---------*/

#glen-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/glen.jpg") no-repeat 0 0; overflow: hidden;}

#glen-but:hover { background-position: 0 -140px;}

#glen-but span { display: none; }

/*-------------CSS HOVER EFFECT _____HAY---------*/

#hay-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/hayward.jpg") no-repeat 0 0; overflow: hidden;}

#hay-but:hover { background-position: 0 -140px;}

#hay-but span { display: none; }

/*-------------CSS HOVER EFFECT _____HAY---------*/

#lob-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/lob.jpg") no-repeat 0 0; overflow: hidden;}

#lob-but:hover { background-position: 0 -140px;}

#lob-but span { display: none; }

/*-------------CSS HOVER EFFECT _____ZAM---------*/

#zam-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/zam.jpg") no-repeat 0 0; overflow: hidden;}

#zam-but:hover { background-position: 0 -140px;}

#zam-but span { display: none; }

/*-------------CSS HOVER EFFECT _____Sum---------*/

#summer-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/sum.jpg") no-repeat 0 0; overflow: hidden;}

#summer-but:hover { background-position: 0 -140px;}

#summer-but span { display: none; }

/*-------------CSS HOVER EFFECT _____TZ---------*/

#tz-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/tz.jpg") no-repeat 0 0; overflow: hidden;}

#tz-but:hover { background-position: 0 -140px;}

#tz-but span { display: none; }

/*-------------CSS HOVER EFFECT _____TAR---------*/

#tar-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/tar.jpg") no-repeat 0 0; overflow: hidden;}

#tar-but:hover { background-position: 0 -140px;}

#tar-but span { display: none; }

/* ________________________________________________________STANDARD---------------+++++++++++++++++++++++++++++++8*/


/*-------------CSS HOVER EFFECT _____Tab---------*/

#tab-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/tab.jpg") no-repeat 0 0; overflow: hidden;}

#tab-but:hover { background-position: 0 -140px;}

#tab-but span { display: none; }



/*-------------CSS HOVER EFFECT _____ds---------*/

#ds-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/ds.jpg") no-repeat 0 0; overflow: hidden;}

#ds-but:hover { background-position: 0 -140px;}

#ds-but span { display: none; }



/*-------------CSS HOVER EFFECT _____dg---------*/

#dg-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/dg.jpg") no-repeat 0 0; overflow: hidden;}

#dg-but:hover { background-position: 0 -140px;}

#dg-but span { display: none; }



/*-------------CSS HOVER EFFECT _____baz---------*/

#baz-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/baz-but.jpg") no-repeat 0 0; overflow: hidden;}

#baz-but:hover { background-position: 0 -140px;}

#baz-but span { display: none; }

/*-------------CSS HOVER EFFECT _____baz---------*/

#kuzuma-but {display: block; width: 140px; height: 140px; background: url("galimages/buttons/kaz-but.jpg") no-repeat 0 0; overflow: hidden;}

#kuzuma-but:hover { background-position: 0 -140px;}

#kuzuma-but span { display: none; }