body.home { background: #000 url(backgrounds/home.jpg) 100%; }
body.home-small { background: #000 url(backgrounds/home-small.jpg) 50% 0 fixed; }

#background{position:relative; z-index:1; width:100%; height:100%;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 

body {
	font-family: gill sans, gill sans mt, sans serif;
	font-size: 13px;
	line-height: 140%;
	color: #000;
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y: auto;
		}
		
	
h1 {	font-family: gill sans, gill sans mt, sans serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	overflow: hidden;}

 
#tagline{
	position: relative;
	text-align: right;
	margin: 35px 15px 0 0;
	height: 20px;
	clear: both;
	font-weight: bold;
	font-size: 20px;
	line-height: 10px;
	color: #fff;
	}
#homebuttons{
	position: relative;
	text-align: right;
	margin: 15px 15px 0 0;
	height: 150px;
	clear: both;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
	color: #fff;
	}
 #enter{
	position: relative;
	text-align: right;
	margin: 15px 19px 0 0;
	height: 15px;
	clear: both;
	font-weight: bold;
	font-size: 14px;
	line-height: 10px;
	color: #fff;
	}
 #safarispecials{
	position: relative;
	text-align: right;
	margin: 50px 19px 0 0;
	height: 78px;
	clear: both;
	font-weight: bold;
	font-size: 12px;
	line-height: 10px;
	color: #fff;
	}

 #safarihome{
	position: relative;
	text-align: center;
	margin: 50px 19px 0 0;
	height: 78px;
	clear: both;
	font-weight: bold;
	font-size: 12px;
	line-height: 10px;
	color: #fff;
	}

#footer {
	position: relative;
	margin: 300px 0 0 115px;
	width: 190px;
	padding-top: 4px;
	padding-bottom: 6px;
	text-align: center;
	clear: both;
	background: url(images/footer.png);
	color: #fff; }

	
img { border:0;
}

#topmenuwrapper {
position:relative;
top: 285px;
left:-10px;
margin: 0;
padding:0px;
width: 100%;
height: 35px;
background: #133953;	
font-weight: bold; 
}
#header {
	position: relative;
	z-index: 10;
		clear: both;
	}
 
#hometext{
	position: fixed;
	text-align: center;
	margin: 800px 0 0 0 ;
		}
.wrapper { margin: auto; }



#top {
	overflow: hidden;
	clear: both;
}

#top .topbox { margin-top: 15px; }

#middle {
	width: 100%;  
	 
	overflow: hidden;  
	position: relative;  
}

#middle {
width: 80%;
	padding: 0px 100px 0px 100px;
	margin-bottom: 0px;
	clear: both;
}

#bottom {
	overflow: hidden;
	clear: both;
}

#bottom .bottombox { padding-bottom: 15px; }  


 
#middle-expand {
	width: 200%;
}
#home-bg {
position: absolute;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
 
#main {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#main-shift {
	position: relative;
	left: -100%; 
	overflow: hidden;
}

 
#left {
	position: relative;
	left: -50%; 
	float: left;
	overflow:hidden;
}

 
#right {
	float: left;
	overflow:hidden;
}

 

div#maintop,
div#contenttop {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

div#contentbottom,
div#mainbottom {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

 
 
#mainmiddle {
	width: 100%;  
	 
	overflow: hidden;  
	position: relative;  
}

#mainmiddle-expand {
	width: 200%;
}

 
#content {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#content-shift {
	position: relative;
	left: -100%;
	 
	 
	overflow: hidden;
}

 
#contentleft {
	position: relative;
	left: -50%;
	 
	float: left;
	overflow:hidden;
}

 
#contentright {
	 
	 
	float: left;
	overflow:hidden;
}

 

.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

 

body.yoopage { background: #FAFAFA url(images/page_bg_b.png) 0 100% repeat-x fixed; }
#page-body { background: url(images/page_bg_t.png) 0 0 repeat-x fixed; }

.wrapper-bg1 {}
.wrapper-bg2 { padding: 0px 15px 0px 15px; }

 

#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}



#menubar { background: url(images/menubar_bg.png) 0 0 no-repeat;
margin: 0 0px 0 0 ; }

#menubar div.menubar-2 {
	padding: 0px 20px 0px 20px;
	background: url(images/menubar_bg.png) 100% -50px no-repeat;
}

#menubar div.menubar-3 {
	height: 50px;
	background: url(images/menubar_bg.png) 0 -100px repeat-x;
}



#menu {
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 11;
	color: #fff;
}


 

#footer a:link, #footer a:visited { }
#footer a:hover { }

#footer a.anchor {
	position: absolute;
	right: 0px;
	top: 5px;
	width: 30px;
	height: 5px;
	background: url(images/footer_anchor.png) 0 -10px no-repeat;
	display: block;
	text-decoration: none;
}

 

div.mainmiddle-wrapper-tl { background: url(images/module_rounded_white_corners.png) 0 0 no-repeat; }

div.mainmiddle-wrapper-tr {
	padding: 0px 10px 0px 10px;
	background: url(images/module_rounded_white_corners.png) 100% -15px no-repeat;
}

div.mainmiddle-wrapper-t {
	border-top: 1px solid #D2D2D2;
	background: url(images/mainback.png) 100% repeat-x;
}

div.mainmiddle-wrapper-t div.contentright-bg { height: 9px; }

div.mainmiddle-wrapper-m {
	padding: 0px 9px 0px 9px;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: url(images/mainback.png) 100% ;
}

div.mainmiddle-wrapper-m div.contentright-bg {
	padding: 5px;
	overflow: hidden;
}

div.mainmiddle-wrapper-bl { background: url(images/module_rounded_white_corners.png) 0 -30px no-repeat; }

div.mainmiddle-wrapper-br {
	padding: 0px 10px 0px 10px;
	background: url(images/module_rounded_white_corners.png) 100% -45px no-repeat;
}

div.mainmiddle-wrapper-b {
	height: 9px;
	border-bottom: 1px solid #D2D2D2;
		background: url(images/mainback.png) 100% ;
}

div.mainmiddle-wrapper-b div.contentright-bg { height: 9px; }

.column-contentleft div.contentleft-bg { background: url(images/contentleft_bg.png) 0 0 repeat-y; }
.column-contentright div.contentright-bg { background: url(images/contentright_bg.png) 100% 0 repeat-y; }

.indicator {
	font-family: gill sans, gill sans mt, sans serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;

}
a.indicator:hover {
	text-decoration: none;
	color: #CCCCCC;

}
a.indicator {
	text-decoration: underline;
}
#contact{
display:block;
float: left;
bottom:0px;
left:0px;
z-index:2;
width:95%;
display:block;
line-height: 100%;
padding:5px 0px 0px 5px;
background-color: #133953;
height:20px;
color: #fff;
font-weight: normal;
}



.menu {width:100%; height:32px; font-size:0.85em; position:left; margin-left: 10px; z-index:100; border-top:1px solid #123750; border-right:1px solid #123750;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:100%px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:125px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:125px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:125px; height:32px; border-bottom: 1px solid #123750; border-right: 1px solid #123750; border-left: 1px solid #123750;background:#133953; padding-left:2px; line-height:32px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:125px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#123750;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#666;}
.menu ul ul :hover > a.drop {background:#666;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#ccc; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:0; width:125px;border-top:1px solid #123750;}
/* another hack for IE5.5 */
* html .menu ul ul {top:32px;t\op:32px;}

/* position the third level flyout menu */
.menu ul ul ul{left:130px; top:-1px; width:125px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-126px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#133953; color:#fff; height:auto; line-height:1.25em; padding: 8px 10px; width:125px;border-width:1px 1px 1px 1px; border-color:#133953;}

/* style the third level links */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#99cc00; color:#fff; height:auto; line-height:1.25em; padding: 8px 10px; width:136px;border-width:1px 1px 1px 1px; border-color:#133953;}


/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:125px;w\idth:105px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#666;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#666;}
.menu :hover > a, .menu ul ul ul :hover > a {color:#fff;background:#666;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul #lileft { border-left: 0; }
.menu ul li .active { background: #fff; font-weight: normal;  color: #99cc00; border-bottom: 1px; border-top: 1px; border-color:#e8e8e8; }

a:link,
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: none;}