/* CSS Document */
body {
	font-family: "Palatino Linotype", Palatino, Serif;
	font-size: 0.85em;
	background-color: #666666;
	}
	
h1 {
	font-family: "Palatino Linotype", Palatino, Serif;
	font-size: 1.3em;
	}
	
p {
	font-family: "Palatino Linotype", Palatino, Serif;
	font-size: 0.95em;
	text-align: justify;
	}
	
#container {
	position: relative;
	width: 860px;
	height: 650px;
	margin: 0 auto;
	text-align: center;
	}
	
#header {
	position: relative;
	float: left;
	width: 860px;
	height: 138px;
	background: url(../images/header-background.png);
}

#bar {
	position: relative;
	float: left;
	width: 860px;
	height: 10px;
	background-color: #c4b8a5;
	}
	
#navigation {
	position: relative;
	float: left;
	width: 860px;
	background-color: #c4b8a5;
	text-align: right;
	}

#badgeTop {
	position: absolute;
	top: 115px;
	left: 371px;
	width: 117px;
	height: 67px;
	z-index: 99; /* always on top! */
	text-align: center;
	}

#badgeBottom {
	position: absolute;
	top: 182px;
	left: 305px;
	width: 250px;
	height: 99px;
	z-index: 99; /* always on top! */
	text-align: center;
	}
	
#mainText {
	position: relative;
	float: left;
	background: url(../images/mainText-background.jpg) top left repeat-y;
	width: 860px;
	height: 400px;
	text-align: left;
	}
	
#mainTextHome {
	position: relative;
	float: left;
	background: url(../images/splash-screen.jpg) top left repeat-y;
	width: 860px;
	height: 400px;
	text-align: left;
	}

#mainLodgesText {
	position: relative;
	float: left;
	background: url(../images/mainText-background.jpg) top left repeat-y;
	width: 860px;
	height: 400px;
	text-align: left;
	}

#mainSafarisText {
	position: relative;
	float: left;
	background: url(../images/mainText-background.jpg) top left repeat-y;
	width: 860px;
	height: 400px;
	text-align: left;
	}

#leftTextHeading {
	position: relative;
	float: left;
	width: 385px;
	height: 40px;
	padding: 50px 15px 0px 20px;
	}
#leftTextHeadingHome {
	position: relative;
	float: left;
	width: 385px;
	height: 40px;
	padding: 20px 15px 0px 20px;
}
		
#rightTextHeading {
	position: relative;
	float: right;
	width: 385px;
	height: 40px;
	padding: 50px 20px 0px 15px;
	}	
#rightTextHeadingHome {
	position: relative;
	float: right;
	width: 385px;
	height: 40px;
	padding: 20px 20px 0px 15px;
	}

#leftText {
	position: relative;
	float: left;
	width: 385px;
	padding: 5px 15px 10px 20px;
	}

#leftLodgesImage {
	position: absolute;
	width: 380px;
	float: left;
	margin: 0;
	padding: 0;
	left: 25px;
	top: 193px;
	z-index: 2;
	}
#leftLodgesImage_2 {
	position: absolute;
	width: 380px;
	float: left;
	margin: 0;
	padding: 0;
	left: 25px;
	top: 183px;
	z-index: 2;
}
	
#leftSafarisImage {
	position: absolute;
	width: 280px;
	float: left;
	margin: 0;
	padding: 0;
	left: 20px;
	top: 183px;
	z-index: 2;
	}
	
#rightText {
	position: relative;
	float: right;
	width: 385px;
	padding: 5px 20px 10px 15px;
	}

#centerText {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding-top: 130px;
	text-align: center;
	}
	
#centerText p {
	text-align: center;
	font-size: 1em;
	}

#lodgeNavigation {
	position: relative;
	float: right;
	width: 80px;
	height: 20px;
	margin: 0;
	padding: 0px 194px 0px 0px;
	clear: both;
	}
	
#lodgeNavigation img {
	border: 0;
	}
	
#rightLodgesText {
	position: relative;
	float: right;
	width: 430px;
	margin: 0;
	padding: 10px 20px 10px 5px;
	clear: both;
	}
	
#rightLodgesText p {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#rightLodgesText p span,
#centerText p span {
	font-weight: bold;
	font-size: 1.3em;
	}

#lodgeImages {
	position: relative;
	clear: both;
	float:right;
	width: 440px;
	padding: 10px 12px 10px 0px;
	}	
	
#lodgeImages div {
	float: left;
	}
	
#safariNavigation {
	position: relative;
	float: right;
	width: 80px;
	height: 20px;
	margin: 0;
	padding: 0px 124px 0px 0px;
	clear: both;
	}
	
#safariNavigation img {
	border: 0;
	}

#rightSafarisText {
	position: relative;
	float: right;
	width: 530px;
	padding: 10px 20px 10px 5px;
	clear: both;
	}

#rightSafarisText p span {
	font-size: 1.3em;
	}
	
p.paddRight {
	margin-right: 45px;
	}
	
p.paddLeft {
	margin-left: 45px;
	}
/************ NEWS TICKER ***************/
#ticker {
	position: relative;
	float: left;
	width: 860px;
	height:40px;
}
#newsticker-demo { 
width:860px;
font-size:12px;
background:url(../images/lodges.gif) no-repeat left #c4b8a5;
}

#newsticker-demo a { text-decoration:none; color:#000000; font-weight:bold; font-size:14px;}
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite { width:860px; text-align:left; height:50px;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding:0px; margin:0px; overflow:auto; }
.newsticker-jcarousellite ul li:after {content: ‘.’; clear: both; display: block; height: 0; visibility: hidden;}
.newsticker-jcarousellite .thumbnail { float:left; width:110px; height:40px; background:#000000; }
.newsticker-jcarousellite .info { float:left; padding-left:110px; padding-right:20px; margin-top:0px; padding-top:0px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:12px; color:#666666; }

.clear { clear: both; }


/************ NEWS TICKER NEW***************/

#scrollup {
  position: relative;
  overflow: hidden;
  height: 43px;
  float:left;
  background:url(../images/lodges.gif) no-repeat;
  width:860px;
  background-color:#c4b8a5;
}
.headline {
  position: absolute;
  top: 210px;
  left: 110px;
  height: 43px;
}
.headline h2 {
	margin:0px;
	padding:0px;
	font-size:14px;
	text-align:left;
}
.headline h2 a:link, .headline h2 a:visited, .headline h2 a:hover, .headline h2 a:active {
	text-decoration:none;
	color:#000000;
}
.headline p {
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#666666;
}
.new {
	font-weight:bold;
	color:#d2232a;
}

/************** HEADER NEW ITEMS *********************/
#logo {
	position:relative;
	padding-top:30px;
	width:470px;
	float:left;
	text-align:center;
	}
#head_L {
	position:relative;
	width:195px;
	float:left;
	text-align:right;
	padding-top:25px;
	}
#head_R {
	position:relative;
	float:right;
	width:195px;
	text-align:left;
	padding-top:25px;	
}
/************** NAVIGATION NEW ITEMS *********************/

/*------------- Right Nav ---------------------*/

#nav {
	position: relative;
	float: right;
	width: 289px;
}
	
#nav ul,
#nav li {
	position: relative;
	list-style: none;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#nav li a {
	position: relative;
	float: left;
	height: 35px;
	}
	
#nav li a span {
	display: none;
	visibility: hidden;
	}
	

#nav li a.navLodges {
	background: url(../images/lodges-white.png) top left no-repeat;
	width: 86px;
	}

#nav li a.navLodgesOn {
	background: url(../images/lodges-red.png) top left no-repeat;
	width: 86px;
	}

#nav li a.navLodges:hover {
	background: url(../images/lodges-red.png) top left no-repeat;
	width: 86px;
	}

#nav li a.navRates {
	background: url(../images/rates_white.gif) top left no-repeat;
	width: 55px;
	}

#nav li a.navRatesOn {
	background: url(../images/rates_red.gif) top left no-repeat;
	width: 55px;
	}

#nav li a.navRates:hover {
	background: url(../images/rates_red.gif) top left no-repeat;
	width: 55px;
	}

#nav li a.navInfo {
	background: url(../images/info-white.png) top left no-repeat;
	width: 138px;
	}
#nav li a.navInfoOn {
	background: url(../images/info-red.png) top left no-repeat;
	width: 138px;
	}

#nav li a.navInfo:hover {
	background: url(../images/info-red.png) top left no-repeat;
	width: 138px;
	}

/*------------- Left Nav ---------------------*/

#nav_L {
	position: relative;
	float: left;
	width: 290px;
	margin-left:10px;
}
#nav_L ul,
#nav_L li {
	position: relative;
	list-style: none;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#nav_L li a {
	position: relative;
	float: left;
	height: 35px;
	}
	
#nav_L li a span {
	display: none;
	visibility: hidden;
	}
#nav_L li a.navHome {
	background: url(../images/home-white.png) top left no-repeat;
	width: 53px;
	}

#nav_L li a.navHome:hover {
	background: url(../images/home-red.png) top left no-repeat;
	width: 53px;
	}
#nav_L li a.navHomeOn {
background: url(../images/home-red.png) top left no-repeat;
width: 53px;
}

#nav_L li a.navWhere {
	background: url(../images/where_white.gif) top left no-repeat;
	width: 116px;
	}

#nav_L li a.navWhere:hover {
	background: url(../images/where_red.gif) top left no-repeat;
	width: 116px;
	}
#nav_L li a.navWhereOn {
	background: url(../images/where_red.gif) top left no-repeat;
	width: 116px;
}

#nav_L li a.navHow {
	background: url(../images/how_white.gif) top left no-repeat;
	width: 121px;
	}

#nav_L li a.navHow:hover {
	background: url(../images/how_red.gif) top left no-repeat;
	width: 121px;
	}
#nav_L li a.navHowOn {
background: url(../images/how_red.gif) top left no-repeat;
width: 121px;
}

/************** RATES *********************/

#rates_l {
	width:400px;
	float:left;
	font-weight:bold;
}
#rates_r {
	width:112px;
	float:right;
}
#rates {
	width:530px;
	height:30px;
	margin-bottom:10px;
	padding-top:5px;

}
#rates_title {
	float:left;
	width:200px;
}
#rates_info {
	float:right;
	width:330px;
	text-align:left;

}
#rightSafarisText p{
	margin-bottom:11px;
	margin-top:0px;
}

/************** WHERE/HOW *********************/

#leftWhereImage {
	position: absolute;
	width: 570px;
	float: left;
	margin: 0;
	padding: 0;
	left: 25px;
	top: 163px;
	z-index: 2;
}
#rightWhereText {
	position: relative;
	float: right;
	width: 240px;
	margin: 0;
	padding: 10px 20px 10px 5px;
	clear: both;
}
#leftHowImage {
	position: absolute;
	width: 570px;
	float: left;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 240px;
	z-index: 2;
}

/************** FLASH *********************/
#flashcontent {
	font-size:10px;
	padding-left:8px;
	padding-top:6px;
}
#flashcontent a:link, #flashcontent a:visited, #flashcontent a:hover, #flashcontent a:active {
	color:#d2232d;
}