/*
  Developer: Carl Deary
  E-Mail: carl@pausebreak.co.za
	
  Designer: Nicola Gallagher
  E-Mail: nicola@pausebreak.co.za
	  
  Dated: 19/07/2009
	  
*/

* { 
  padding: 0; 
  margin: 0; 
  }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #1a527a;
  }
  
img {
  border: 0;
}

#wrapper { 
  margin: 0 auto;
  width: 926px;
  }
  
a {
  outline: none;
  }
  
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color:#FFFFFF;
  }
  
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#FFFFFF;
  }
  
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#FFFFFF;
  }	
  
.yellow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #FFCC00;
  padding: 0 0 50px 0;
  }

/*********************************************/
/* SPACERS                                   */
/*********************************************/
  
#spacer {
  width: 380px;
  height: 43px;
  }
  
/*********************************************/
/* MAIN NAVIGATION                           */
/*********************************************/

#mainNav {
  margin: 0;
  padding: 0;
  background: url(../images/top-bg-linktabs.jpg) no-repeat;
  width: 926px;
  height: 73px;
  position: relative;
  }
  
#mainNav ul {
  float: right;
  margin: 40px 5px 0 0;
  padding: 0;
  list-style:none;
  }
   
#mainNav ul li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  list-style:none;
  }
	  
#mainNav a {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  float:left;
  background: url(../images/tableft.png) no-repeat left top;
  margin:0 0 0 0;
  padding: 0 0 0 9px;
  text-decoration:none; 
  outline: none;
  }
	  
#mainNav a span {
  color: #FFCC00;
  font-weight: bold;
  float:left;
  display:block;
  background: url(../images/tabright.png) no-repeat right top;
  padding: 10px 15px 10px 6px;
  }
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainNav a span { float:none; }
/* End IE5-Mac hack */

#mainNav a:hover span {
  color: #FFFF00;
  font-weight: bold;
  }

/*********************************************/
/* HEADER                                    */
/*********************************************/

#flash {
  width: 917px;
  height: 251px;
  margin: 0;
  padding: 0 0 0 8px;
  }

#header1 {
  width: 926px;
  color: #333;
  /* background: url(../images/main-banner-top.jpg) no-repeat; */
  width: 926px;
  height: 251px;
  position: relative;
  }
  
#headerCultural {
  width: 926px;
  color: #333;
  background: url(../images/main-cultural.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }
  
#headerAdventure {
  width: 926px;
  color: #333;
  background: url(../images/main-adventure.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerWildlife {
  width: 926px;
  color: #333;
  background: url(../images/main-wildlife.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerCity {
  width: 926px;
  color: #333;
  background: url(../images/main-city.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }
  
#headerOverland {
  width: 926px;
  color: #333;
  background: url(../images/main-overland.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }
  
#headerAccommodation {
  width: 926px;
  color: #333;
  background: url(../images/main-accommodation.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerTours {
  width: 926px;
  color: #333;
  background: url(../images/main-tours.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }
  
#headerPackages {
  width: 926px;
  color: #333;
  background: url(../images/main-packages.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerTransfers {
  width: 926px;
  color: #333;
  background: url(../images/main-transfer.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerAccGame {
  width: 926px;
  color: #333;
  background: url(../images/main-acc-game.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerAccCities {
  width: 926px;
  color: #333;
  background: url(../images/main-acc-cities.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }
  
#headerPilanesberg {
  width: 926px;
  color: #333;
  background: url(../images/main-pilanesberg.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }
  
#headerGoldReef {
  width: 926px;
  color: #333;
  background: url(../images/main-goldreef.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerLesedi {
  width: 926px;
  color: #333;
  background: url(../images/main-lesedi.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerMaropeng {
  width: 926px;
  color: #333;
  background: url(../images/main-maropeng.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerSab {
  width: 926px;
  color: #333;
  background: url(../images/main-sab.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerLion{
  width: 926px;
  color: #333;
  background: url(../images/main-lionsafari.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }
  
#headerDewildt{
  width: 926px;
  color: #333;
  background: url(../images/main-dewildt.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }

#headerPretoria{
  width: 926px;
  color: #333;
  background: url(../images/main-pretoria.jpg) no-repeat;
  width: 926px;
  height: 209px;
  position: relative;
  }
  
#logo {
  width: 297px;
  height: 129px;
  position: absolute;
  top: -70px;
  left: -30px;
  }
  
/*********************************************/
/* SLOGANS                                   */
/*********************************************/

#slogan1 {
  position: absolute;
  top: 120px;
  left: 50px;
  }
  
.sloganHeading1 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:30px;
  color: #FFFFFF;
  font-weight: bold;
  }
  
.sloganHeading2 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #FFCC00;
  font-weight: bold;
  }
 
/*****************************************/
  
#slogan2 {
  position: absolute;
  top: 80px;
  left: 610px;
  }
  
.sloganHeading3 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:16px;
  color: #FFFFFF;
  font-weight: bold;
  }
  
.sloganHeading4 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:13px;
  color: #FFCC00;
  font-weight: bold;
  }
  
.sloganHeading4 a {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:13px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  }
  
/*********************************************/
/* MAIN CONTENT                              */
/*********************************************/

#content { 
  width: 926px;
  }
  
#column1 {
  width: 425px;
  float:left;
  margin: 20px 35px 10px 25px;
  padding: 0;
  }
  
#column2 {
  width: 425px;
  float:left;
  margin: 20px 10px 10px 0px;
  padding: 0;
  }
  
#column3 {
  width: 560px;
  float:left;
  margin: 20px 35px 10px 25px;
  padding: 0;
  }
  
#column4 {
  width: 284px;
  float:left;
  margin: 20px 10px 10px 0px;
  padding: 0;
  }
  
  
/*********************************************/
/* TABLES                                    */
/*********************************************/

table {
  margin: 10px 0 10px 0;
  }

#box-table-b {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  margin: 0px;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-top: 7px solid #9baff1;
  border-bottom: 7px solid #9baff1;
  margin: 10px 0 10px 0;
  }

#box-table-b th {
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
  background: #e8edff;
  border-right: 1px solid #9baff1;
  border-left: 1px solid #9baff1;
  color: #039;
  }

#box-table-b td {
  padding: 8px;
  background: #e8edff; 
  border-right: 1px solid #aabcfe;
  border-left: 1px solid #aabcfe;
  color: #669;
  }
  
/*********************************************/
/* BANNERS                                   */
/*********************************************/  

#banner {
  margin: 0;
  padding: 0 0 15px 0;
  }
  
/*********************************************/
/* BOX LEFT                                  */
/*********************************************/
 
#packages {
  width: 425px;
  margin: 0;
  padding: 0;
  }
  
#packagesBig {
  width: 560px;
  margin: 0;
  padding: 0;
  }
  
#packagesSmall {
  width: 280px;
  margin: 0;
  padding: 0 0 20px 0;
  }
  
/*********************************************************/
/* PACKAGES SMALL COLUMN                                 */
/*********************************************************/  

#packageHeader {
  background: url(../images/packageHeaders.gif) no-repeat;
  width: 380px;
  height: 43px;
  }
  
#packageHeader .yellow {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #FFCC00;
  }
  
#packageHeader h2 {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#FFFFFF;
  padding:12px 0 0 20px;
  }
  
/*********************************************************/
/* PACKAGES LIST                                         */
/*********************************************************/ 

.package-list {
  margin: 0;
  padding: 0;
  width: 425px;
  background: #2A6086;
  }

.package-list li {
  list-style: none;
  background: url(../images/solid-line.jpg) repeat-x;
  margin: 0;
  padding: 10px 0 10px 10px;
  overflow: hidden;
  vertical-align: top;
  border-bottom: solid 1px #1a527a;
  }

.package-list li h3 a {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #FFCC33;
  text-decoration: none;
  margin: 0;
  padding: 0;
  }

.package-list li h3 a:hover {
  text-decoration: none;
  color: #FFFF99;
  }
  
.package-list li .image {
  float: left;
  margin: 0;
  padding: 0 15px 0 0;
  display: inline;
  width: 140px;
  height: 130px;
  }

.package-list li p {
  margin: 0;
  padding: 10px 10px 4px 10px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #FFFFFF;
  }

.package-list li p a {
  background: url(../images/b-readmore.gif) no-repeat;
  width: 76px;
  height: 22px;
  color: #FFCC33;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  margin: 15px 0 0 0;
  padding: 5px 15px 10px 10px;
  }
  
.package-list li p a:hover {
  text-decoration: none;
  color: #FFFF99;
  }
  
/*********************************************************/
/* PACKAGES BIG CONTENT                                  */
/*********************************************************/

#packagesBigContent {
  margin:0;
  padding: 10px 10px 10px 10px; 
  background: #2A6086;
  }
  
#packagesBigContent p {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF; 
  line-height: 16px;
  padding: 0 0 10px 0;
  }
  
#packagesBigContent a {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFCC00;
  text-decoration: none;
  }
  
#packagesBigContent a:hover {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFF00;
  text-decoration: none;
  }   

/*********************************************************/
/* PACKAGES BIG COLUMN                                   */
/*********************************************************/

.package-list-big {
  margin: 0;
  padding: 0;
  width: 560px;
  background: #2A6086;
  }

.package-list-big li {
  height: 130px;
  list-style: none;
  background: #2A6086 url(../images/solid-line.jpg) repeat-x;
  margin: 0;
  padding: 15px 0 10px 10px;
  overflow: hidden;
  vertical-align: top;
  border-bottom: solid 1px #1a527a;
  }

.package-list-big li h3 a {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #FFCC33;
  text-decoration: none;
  margin: 0;
  padding: 0;
  }

.package-list-big li h3 a:hover {
  text-decoration: none;
  color: #FFFF99;
  }
  
.package-list-big li .image {
  float: left;
  margin: 0;
  padding: 0 15px 0 0;
  display: inline;
  width: 140px;
  }

.package-list-big li p {
  margin: 0;
  padding: 10px 10px 4px 10px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #FFFFFF;
  }

.package-list-big li p a {
  background: url(../images/b-readmore.gif) no-repeat;
  width: 76px;
  height: 22px;
  color: #FFCC33;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  margin: 15px 0 0 0;
  padding: 5px 15px 10px 10px;
  }
  
.package-list-big li p a:hover {
  text-decoration: none;
  color: #FFFF99;
  }  
  
/*********************************************************/
/* PACKAGES SMALL COLUMN                                 */
/*********************************************************/  

#packageSmallHeader {
  background: url(../images/packageSmallHeaders.gif) no-repeat;
  width: 240px;
  height: 43px;
  }
  
#packageSmallHeader h2 {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#FFFFFF;
  padding:12px 0 0 20px;
  }
  
#packageSmallHeader .yellow {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #FFCC00;
  }

.package-list-small {
  margin: 0;
  padding: 10px 0 20px 0;
  width: 295px;
  background: #2A6086;
  }

.package-list-small li {
  list-style: none;
  margin: 0;
  padding: 10px 0 0 40px;
  background:url(../images/bullet.png) no-repeat 10px 15px;
  }
  
.package-list-small li a {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  outline: none;
  }
  
.package-list-small li a:hover {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #FFFF00;
  text-decoration: none;
  font-weight: bold;
  }

/*********************************************************/
/* PACKAGES BIG COLUMN                                   */
/*********************************************************/

.package-list-itinerary {
  margin: 15px 0 20px 0;
  padding: 0;
  }

.package-list-itinerary li {
  list-style: none;
  background: #1a527a url(../images/solid-line.jpg) repeat-x;
  margin: 0 0 15px 0;
  padding: 10px 10px 10px 10px;
  border-bottom: solid 1px #1a527a;
  }
  
.package-list-itinerary li h3 {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 10px 10px 0;
  }

/*************************************************************/
/* BULLETS                                                   */
/*************************************************************/  
  
#bullets ul {
  margin: 0;
  padding: 10px 0 20px 0;
  background: #2A6086;
  }

#bullets li {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  list-style: none;
  margin: 0;
  padding: 10px 0 0 40px;
  background:url(../images/bullet.png) no-repeat 10px 15px;
  }
  
#bullets li a {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  outline: none;
  }
  
#bullets li a:hover {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #FFFF00;
  text-decoration: none;
  font-weight: bold;
  }  
  
  
/*************************************************************/
/* TOOL TIP CODE                                             */
/*************************************************************/

#tt {
  position: absolute;
  display:block; 
  background: #444444;
  }

#tttop {
  height: 5px;
  margin-left: 5px;
  display: block;
  overflow: hidden;
  }

#ttcont {
  margin-left: 5px;
  padding: 1px 12px 1px 7px;
  display: block;
  color: #fff;
  background: #444444;
  }

#ttbot {
  display: block;
  height: 5px;
  margin-left: 5px;
  }
  
/*******************************************************************/
/* GOOGLE MAP                                                      */
/*******************************************************************/   
  
#map {
  margin: 20px 0 0 20px;
  border: 1px solid #999;
  }
  
#maploading {
  background: #c00;
  color: #666666;
  padding: 0 2px;
  }
  
.bubble {
  width: 350px;
  }
  
.bubble h1 {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  }
  
#map p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  }
  
/*********************************************/
/* FOOTER LINKS                              */
/*********************************************/

#footerLinks { 
  background: url(../images/footer-bg.jpg) no-repeat;
  width: 926px;
  height: 52px;
  clear: both;
  }
  
#footerLinks ul {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  float: left;
  margin: 0 0 0 25px;
  padding: 0;
  list-style: none;
  }
   
#footerLinks li {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  float: left;
  margin: 0;
  padding: 18px 15px 10px 5px;
  }
	  
#footerLinks a {
  color: #FFFFFF;
  font-weight: normal;
  float:left;
  display:block;
  text-decoration: none;
  }
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#footerLinks a span { float:none; }
/* End IE5-Mac hack */

#footerLinks a:hover {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFCC33;
  }

/*********************************************/
/* FOOTER                                    */
/*********************************************/

#footer { 
  background: url(../images/footer-curve.jpg) no-repeat;
  width: 599px;
  height: 55px;
  float: right;
  padding:  0 0 30px 0;
  }
  
#footer p {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  margin: 0;
  padding: 18px 30px 0 0px;
  float: right;
  }
   
#footer a {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  }
   
#footer a:hover {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFCC33;
  }