* {
  margin: 0;
  padding: 0;
  }

body {
  background: #FFFFFF url(../images/main_background.gif) top left repeat-x;
  margin: 0;
  padding: 0;
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
  }

img {
  border: 0;
  }

h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  padding: 0 0 0 15px;
  }

#booking h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  padding: 0;
  }

#header {
  background: #FFFFFF;
  height:127px;
  position: relative;
  }

/*********************************************/  
/* BANNER GREEN                              */
/*********************************************/

#banner {
  background: #046132;
  height: 200px;
  position:relative;
  margin: 0;
  padding: 0;
  }

#banner1 {
  position: absolute;
  top: 30px;
  left: 30px;
  float: left;
  background: url(../images/header-images/h_224rooms.jpg) no-repeat;
  width: 352px;
  height: 118px;
  }

#banner2 {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  background: url(../images/header-images/hotel-jacaranda.jpg) no-repeat;
  width: 474px;
  height: 200px;
  }

#flashBanner {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  width: 474px;
  height: 200px;
  }

/*********************************************/  
/* BANNER RED                                */
/*********************************************/



#bannerRed {

  background: #8c191b;

  height: 200px;

  position:relative;

  margin: 0;

  padding: 0;

  }

  

#bannerRed1 {

  position: absolute;

  top: 50px;

  left: 30px;

  float: left;

  background: url(../images/header-images/h_conferencing.jpg) no-repeat;

  width: 336px;

  height: 78px;

  }

  

#bannerRed2 {

  position: absolute;

  top: 0;

  right: 0;

  float: right;

  background: url(../images/header-images/orange-conference.jpg) no-repeat;

  width: 474px;

  height: 200px;

  }

  

/*********************************************/  

/* BANNER ORANGE                             */

/*********************************************/



#bannerOrange {

  background: #e36e00;

  height: 200px;

  position:relative;

  margin: 0;

  padding: 0;

  }

  

#sloganOrange1 {

  position: absolute;

  top: 50px;

  left: 30px;

  float: left;

  background: url(../images/header-images/h_foodwine.jpg) no-repeat;

  width: 289px;

  height: 76px;

  }

  

#bannerOrange1 {

  position: absolute;

  top: 0;

  right: 0;

  float: right;

  background: url(../images/header-images/dining.jpg) no-repeat;

  width: 474px;

  height: 200px;

  }

  

/*********************************************/  

/* BANNER ACCOMMODATION                      */

/*********************************************/



#bannerAccommodation {

  background: #8c191b;

  height: 200px;

  position:relative;

  margin: 0;

  padding: 0;

  }

  

#bannerAccommodation1 {

  position: absolute;

  top: 50px;

  left: 30px;

  float: left;

  background: url(../images/header-images/h_breathtakingview.jpg) no-repeat;

  width: 396px;

  height: 77px;

  }

  

#bannerAccommodation2 {

  position: absolute;

  top: 0;

  right: 0;

  float: right;

  background: url(../images/header-images/accomodation.jpg) no-repeat;

  width: 474px;

  height: 200px;

  }

  

/*********************************************/  

/* LOGO                                      */

/*********************************************/

  

#logo {

  float: right;

  margin: 0;

  padding: 0;

  }

  

/*********************************************/  

/* MAIN NAVIGATION                           */

/*********************************************/



.underlinemenu {

  float: left;

  width: 390px;

  height: 127px;

  margin: 0;

  padding: 0;  

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

  font-size:12px;

  background: url(../images/grey-bg-links.jpg) repeat-x;

  }



.underlinemenu ul {

  padding: 50px 0 7px 30px; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/

  margin: 0;

  text-align: left; 

  }



.underlinemenu ul li {

  display: inline;

  }



.underlinemenu ul li a {

  color: #999999;

  padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/

  margin-right: 20px; /*spacing between each menu link*/

  text-decoration: none;

  }



.underlinemenu ul li a:hover, .underlinemenu ul li a.selected {

  border-bottom: 3px solid #999999; /*bottom border is 3px*/

  }

  

/*********************************************/  

/* BODY ELEMENTS                             */

/*********************************************/  

  

#bd p {

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  color:#666666;

  padding: 0 15px 0 15px;

  text-align: justify;

  } 

  

#heading {

  padding: 0 0 10px 0;

  }



#booking h2 {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 18px;

  font-weight: normal;

  color: #999999;

  padding: 10px 0 0 0;

  }



/*********************************************/  

/* MIDDLE COLUMN                             */

/*********************************************/  

  

#imageContainer {

  padding: 15px 0 15px 15px;

  }

  

/*********************************************/  

/* RIGHT COLUMN GREEN                        */

/*********************************************/  



#firstRightBanner {

  list-style: none;

  padding: 0;

  margin: 15px 0 0 10px;

  background: url(../images/check-availability.gif) no-repeat;

  width: 159px;

  height: 116px;

  }

  

#firstRightBanner ul {

  list-style: none;

  margin: 0;

  padding: 0;

  }



#firstRightBanner ul li {

  margin: 0;

  padding: 12px 0 0 30px;

  list-style: none;

  text-decoration: none;

  color: #FFFFFF;

  background: url(../images/bullet.png) no-repeat 10px 19px;

  }

  

#firstRightBanner li a:link, #firstRightBanner li a:visited {

  font: bold 12px Arial, Helvetica, sans-serif;

  color: #FFFFFF;

  margin: 0;

  display: block;

  padding: 5px 0 0 0;

  text-decoration: none;

  cursor: pointer;

  outline: none;

  }

  

#firstRightBanner li a:hover {

  font: bold 12px Arial, Helvetica, sans-serif;

  color: #CCCCCC;

  }

  

/*********************************************/  

/* RIGHT COLUMN RED                          */

/*********************************************/  



#redRightBanner {

  list-style: none;

  padding: 0;

  margin: 15px 0 0 10px;

  background: url(../images/check-availability_red.gif) no-repeat;

  width: 159px;

  height: 116px;

  }

  

#redRightBanner ul {

  list-style: none;

  margin: 0;

  padding: 0;

  }



#redRightBanner ul li {

  margin: 0;

  padding: 12px 0 0 30px;

  list-style: none;

  text-decoration: none;

  color: #FFFFFF;

  background: url(../images/bullet.png) no-repeat 10px 19px;

  }

  

#redRightBanner li a:link, #redRightBanner li a:visited {

  font: bold 12px Arial, Helvetica, sans-serif;

  color: #FFFFFF;

  margin: 0;

  display: block;

  padding: 5px 0 0 0;

  text-decoration: none;

  cursor: pointer;

  outline: none;

  }

  

#redRightBanner li a:hover {

  font: bold 12px Arial, Helvetica, sans-serif;

  color: #CCCCCC;

  }

  

/*********************************************/  

/* RIGHT COLUMN ORANGE                       */

/*********************************************/  



#orangeRightBanner {

  list-style: none;

  padding: 0;

  margin: 15px 0 0 10px;

  background: url(../images/check-availability_orange.gif) no-repeat;

  width: 159px;

  height: 116px;

  }

  

#orangeRightBanner  ul {

  list-style: none;

  margin: 0;

  padding: 0;

  }



#orangeRightBanner  ul li {

  margin: 0;

  padding: 12px 0 0 30px;

  list-style: none;

  text-decoration: none;

  color: #FFFFFF;

  background: url(../images/bullet.png) no-repeat 10px 19px;

  }

  

#orangeRightBanner  li a:link, #orangeRightBanner  li a:visited {

  font: bold 12px Arial, Helvetica, sans-serif;

  color: #FFFFFF;

  margin: 0;

  display: block;

  padding: 5px 0 0 0;

  text-decoration: none;

  cursor: pointer;

  outline: none;

  }

  

#orangeRightBanner  li a:hover {

  font: bold 12px Arial, Helvetica, sans-serif;

  color: #CCCCCC;

  }



/*********************************************/  

/* RIGHT COLUMN - SECOND BANNERS             */

/*********************************************/  



#secondRightBanners ul {

  list-style: none;

  margin: 0;

  padding: 0;

  }



#secondRightBanners ul li {

  margin: 0;

  padding: 10px 0 0 10px;

  list-style: none;

  }

  

/*********************************************/  

/* BULLETS                                   */

/*********************************************/

  

#bullets ul {

  font: 12px Arial, Helvetica, sans-serif;

  color: #666666;

  list-style: none;

  margin: 0;

  padding: 0;

  }



#bullets ul li {

  margin: 0;

  padding: 0 0 10px 60px;

  list-style: none;

  background: url(../images/0159_flobullet.png) no-repeat 30px 5px;

  }

  

#bullets li a:link, #bullets li a:visited {

  font: bold 12px Arial, Helvetica, sans-serif;

  color: #333333;

  margin: 0;

  display: block;

  padding: 5px 0 0 0;

  text-decoration: none;

  cursor: pointer;

  outline: none;

  }

  

#bullets li a:hover {

  font: bold 12px Arial, Helvetica, sans-serif;

  color: #666666;

  }

  

/*********************************************/  

/* UN-ORDERED LIST                           */

/*********************************************/

  

#lists ul {

  font: 12px Arial, Helvetica, sans-serif;

  color: #666666;

  line-height: 16px;

  list-style: none;

  margin: 0;

  padding: 0 0 10px 0;

  }



#lists ul li {

  margin: 0;

  padding: 0 0 5px 50px;

  list-style: none;

  background: url(../images/0159_flobullet.png) no-repeat 20px 0px;

  }

  

#lists li a:link, #lists li a:visited {

  font: 12px Arial, Helvetica, sans-serif;

  color: #990000;

  font-weight: bold;

  padding: 5px 0 0 0;

  text-decoration: none;

  cursor: pointer;

  outline: none;

  }

  

#lists li a:hover {

  font: 12px Arial, Helvetica, sans-serif;

  color: #006600;

  font-weight: bold;

  }

  

/*********************************************/  

/* LIST INFORMATION                          */

/*********************************************/

  

#listInfo ul {

  font: 12px Arial, Helvetica, sans-serif;

  color: #666666;

  line-height: 16px;

  list-style: none;

  margin: 0;

  padding: 0 0 10px 0;

  }



#listInfo ul li {

  padding: 0 0 5px 18px;

  list-style: none;

  }

  

#listInfo li a:link, #listInfo li a:visited {

  font: 12px Arial, Helvetica, sans-serif;

  color: #990000;

  font-weight: bold;

  padding: 5px 0 0 0;

  text-decoration: none;

  cursor: pointer;

  outline: none;

  }

  

#listInfo li a:hover {

  font: 12px Arial, Helvetica, sans-serif;

  color: #006600;

  font-weight: bold;

  }

  

/*********************************************/  

/* BULLET MENUS                              */

/*********************************************/

 

#bulletMenus ul {

  font: 12px Arial, Helvetica, sans-serif;

  color: #666666;

  list-style: none;

  margin: 0;

  padding: 0;

  }



#bulletMenus ul li {

  margin: 0;

  padding: 0 0 10px 0px;

  list-style: none;

  background: url(../images/bullet_menus.gif) no-repeat 15px 0;

  width: auto;

  height: 33px;

  }

  

#bulletMenus li a:link, #bulletMenus li a:visited {

  font: bold 16px Arial, Helvetica, sans-serif;

  color: #FFFFFF;

  margin: 0;

  display: block;

  padding: 5px 0 0 30px;

  text-decoration: none;

  cursor: pointer;

  outline: none;

  }

  

#bulletMenus li a:hover {

  font: bold 16px Arial, Helvetica, sans-serif;

  color: #CCCCCC;

  }

  

/*********************************************/  

/* ORANGE MENUS                              */

/*********************************************/

 

#orangeMenus ul {

  font: 12px Arial, Helvetica, sans-serif;

  color: #666666;

  list-style: none;

  margin: 0;

  padding: 0;

  }



#orangeMenus ul li {

  margin: 0;

  padding: 0 0 10px 0px;

  list-style: none;

  background: url(../images/orange_menus.gif) no-repeat 15px 0;

  width: auto;

  height: 33px;

  }

  

#orangeMenus li a:link, #orangeMenus li a:visited {

  font: bold 16px Arial, Helvetica, sans-serif;

  color: #FFFFFF;

  margin: 0;

  display: block;

  padding: 5px 0 0 30px;

  text-decoration: none;

  cursor: pointer;

  outline: none;

  }

  

#orangeMenus li a:hover {

  font: bold 16px Arial, Helvetica, sans-serif;

  color: #CCCCCC;

  }

  

/*********************************************/  

/* GREEN MENUS                               */

/*********************************************/

 

#greenMenus ul {

  font: 12px Arial, Helvetica, sans-serif;

  color: #666666;

  list-style: none;

  margin: 0;

  padding: 0;

  }



#greenMenus ul li {

  margin: 0;

  padding: 0 0 10px 0px;

  list-style: none;

  background: url(../images/green_menus.gif) no-repeat 15px 0;

  width: auto;

  height: 33px;

  }

  

#greenMenus li a:link, #greenMenus li a:visited {

  font: bold 16px Arial, Helvetica, sans-serif;

  color: #FFFFFF;

  margin: 0;

  display: block;

  padding: 5px 0 0 30px;

  text-decoration: none;

  cursor: pointer;

  outline: none;

  }

  

#greenMenus li a:hover {

  font: bold 16px Arial, Helvetica, sans-serif;

  color: #CCCCCC;

  }



/*********************************************/  

/* DIVIDER                                   */

/*********************************************/

  

.lt {

  display: block; 

  height: 1px; 

  overflow: hidden; 

  background: url(../images/dotted.gif) repeat-x left top; 

  clear: both; 

  margin: 10px 0px 10px 0px; 

  width: 100%; 

  float: left;

  }

  

.dt {

  display: block; 

  height: 1px; 

  overflow: hidden; 

  background: url(../images/dotted.gif) repeat-x left top; 

  clear: both; 

  margin: 20px 15px 0px 15px; 

  width: 700px; 

  }



/*********************************************/  

/* MAIN LEFT COLUMN                          */

/*********************************************/



#columnLeft p {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #666666;

  text-decoration: none;



  }



#columnLeft a:link, #columnLeft a:visited {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #990000;

  font-weight: bold;

  text-decoration: none;

  }

  

#columnLeft a:hover {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #006600;

  text-decoration: none;

  }

  

/*********************************************/  

/* MAIN LEFT COLUMN                          */

/*********************************************/



#columnMiddle p {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #666666;

  text-decoration: none;



  }



#columnMiddle a:link {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #990000;

  font-weight: bold;

  text-decoration: none;

  }

  

#columnMiddle a:hover {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #006600;

  font-weight: bold;

  text-decoration: none;

  }

  

/*********************************************************/

/* SUMMARY SECTION                                       */

/*********************************************************/  



.main-products-list {

  margin: 0;

  padding: 0;

  width: 749px;

  }



.main-products-list li h3 a {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 13px;

  color: #565656;

  text-decoration: none;

  padding: 0 0 0 5px;

  }



.main-products-list li h3 a:hover {

  text-decoration: none;

  color: #990000;

  }



.inner-content {

  margin: 12px 12px 0 5px;

  }







.main-products-list li {

  list-style: none;

  background: url(../images/solid-line.jpg) repeat-x;

  padding: 5px 0 5px;

  overflow: hidden;

  width: 100%;

  vertical-align: top;

  }



.main-products-list li .image {

  float: left;

  margin: 20px 0 0 15px;

  display: inline;

  width: 200px;

  }

  

.main-products-list li .text {

  float: left;

  margin: 0;

  display: inline;

  width: 500px;

  }



.main-products-list li .text h3 {

  margin: 10px 0 0;

  padding: 0 0 1px 7px;

  color: #333;

  font: bold 17px/18px Arial, Helvetica, sans-serif;

  }

  

.main-products-list li .text p {

  padding: 5px 0 0 17px;

  color: #595959;

  font: 12px Arial, Helvetica, sans-serif;

  }



.main-products-list li .text p a {

  color: #990000;

  text-decoration: none;

  font-weight: bold;

  font-size: 12px;

  outline: none;

  }

  

.main-products-list li .text p a:hover {

  text-decoration: none;

  color: #006600;

  }

  

/*********************************************/  

/* GALLERY ELEMENTS                          */

/*********************************************/



#gallery {

  margin: 0;

  padding: 0;

  width: 749px;

  }

  

#galleryColumn1 {

  float: left;

  width: 350px;

  padding: 0 0 20px 15px;

  }

  

#galleryColumn1 h3 {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  color: #006633;

  margin: 0;

  padding: 5px 0 5px 0;

  }

  

#galleryColumn1 a:link, #galleryColumn1 a:visited {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #990000;

  font-weight: bold;

  text-decoration: none;

  margin: 0;

  padding: 10px 0 5px 0;

  outline: none;

  }

  

#galleryColumn1 a:hover {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #006600;

  }

  

#galleryColumn1 img {

  float: left;

  margin: 0;

  padding: 0 10px 0 0; 

  }



/* gallery column two */

  

#galleryColumn2 {

  float: left;

  width: 350px;

  padding: 0 0 20px 15px;

  }

  

#galleryColumn2 h3 {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  color: #006633;

  margin: 0;

  padding: 5px 0 5px 0;

  }

  

#galleryColumn2 a:link, #galleryColumn2 a:visited {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #990000;

  font-weight: bold;

  text-decoration: none;

  margin: 0;

  padding: 10px 0 5px 0;

  outline: none;

  }

  

#galleryColumn2 a:hover {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #006600;

  }

  

#galleryColumn2 img {

  float: left;

  margin: 0;

  padding: 0 10px 0 0; 

  }

  

/*******************************************************************/

/* PHOTO GALLERY                                                   */

/*******************************************************************/  

  

#gallery {

  margin:0;

  padding: 0 0 0 15px;

  /* border:1px solid #CCC; */

  width:749px;

  list-style:none;

  overflow:hidden;

  list-style: none;

  }



#gallery li {

  float:left;

  padding:1em 0 1em 1.7em;

  list-style: none;

  }



#gallery li a img {

  border:2px solid #333;

  padding:.1em;

  opacity:.80;

  }



#gallery li a img:hover {

  border-color:#CCC;

  opacity:1;

  }

  

/*************************************************************/

/* SUBSCRIPTION FORM                                         */

/*************************************************************/



input.txt {

  background: url(../images/bigshadow.gif) top left no-repeat #fff;

  color: #00008B;

  background-color: #e3f2f7;

  border: 1px solid #CCCCCC;

  width: 250px;

  height: 20px

  }

  

select.txt {

  background: url(../images/bigshadow.gif) top left no-repeat #fff;

  color: #00008B;

  border: 1px solid #999999;

  width: 252px;

  }

  

input.btn {

  background: url(../images/smallshadow.gif) bottom right no-repeat #fff;

  padding: 2px 3px 2px 3px;

  font-size: 12px;

  color: #000;

  }

  

form p {

  clear: left;

  padding-top: 20px;

  }

  

form p label {

  float: left;

  width: 30%;

  font: bold 0.9em Arial, Helvetica, sans-serif;

  }

  

textarea.txt {

  border: none;

  background: url(../images/bigshadow.gif) top left no-repeat #fff;

  padding: 2px 3px 3px 3px;

  width: 250px !important;

  width: 250px;

  width/**/:/**/200px;

  height: 80px !important;

  height: 85px;

  height/**/:/**/80px;

  background-color: #e3f2f7;

  border: 1px solid #999999;

  }

/*********************************************/  
/* FOOTER NAVIGATION                         */
/*********************************************/

#footerNav {
  float: left;
  width: 935px;
  height: 70px;
  margin: 0;
  padding: 0;
  font-family:  Tahoma;
  font-weight: normal;
  font-size:11px;
  background: url(../images/bottomlinks_bg.png) repeat-x;
  }

#footerNav ul {
  text-indent: 10px;
  padding: 25px 0 0 0;
  margin: 0;
  text-align: center; /*set value to "center" for example to center items*/
  }

#footerNav ul li {
  display: inline;
  }

#footerNav ul li a {
  color: #999999;
  padding: 5px 15px 5px 15px;
  margin: 0;
  text-decoration: none;
  }

#footerNav ul li a:hover {
  color: #666666;
  }
  
/*********************************************/  
/* Seo Footer                         */
/*********************************************/

#seoNav {
  float: left;
  width: 935px;
  height: 20px;
  margin: 0;
  padding: 0;
  font-family:  Tahoma;
  font-weight: normal;
  font-size:10px;

  }

#seoNav ul {
  text-indent: 10px;
  padding: 0px 0 0 0;
  margin: 0;
  text-align: center; /*set value to "center" for example to center items*/
  }

#seoNav ul li {
  display: inline;
  }

#seoNav ul li a {
  color: #999999;
  padding: 0px 0px 5px 15px;
  margin: 0;
  text-decoration: none;
  }

#seoNav ul li a:hover {
  color: #666666;
  }
  
/*************************************************************/
/* FOOTER SPRITE                                             */
/*************************************************************/

#footerLogos {
  background:url(../images/logos/sprite_images.gif) no-repeat; 
  width:935px;
  height:100px;
  margin: 70px 0 0 0;
  padding: 0;
  }

#footerLogos span {
  display: none;
  }

#footerLogos li, #footerLogos a {
  height:100px;
  display:block;
  }

#footerLogos li {
  float:left;
  list-style:none;
  display:inline; 
  }

#footerLogos-01 {width: 100px; padding: 0 0 0 107px}
#footerLogos-02 {width: 100px; padding: 0 0 0 24px}
#footerLogos-03 {width: 100px; padding: 0 0 0 24px}
#footerLogos-04 {width: 100px; padding: 0 0 0 24px}
#footerLogos-05 {width: 100px; padding: 0 0 0 25px}
#footerLogos-06 {width: 100px; padding: 0 0 0 25px}

#footerLogos-01 a:hover {background:url(../images/logos/murray137.jpg) 0 -100px no-repeat; }
#footerLogos-02 a:hover {background:url(../images/logos/fedhasa.jpg) 0px -100px no-repeat; }
#footerLogos-03 a:hover {background:url(../images/logos/AA.jpg) 0px -100px no-repeat; }
#footerLogos-04 a:hover {background:url(../images/logos/chakela.jpg) 0px -100px no-repeat; }
#footerLogos-05 a:hover {background:url(../images/logos/tourism-grading.jpg) 0px -100px no-repeat; }
#footerLogos-06 a:hover {background:url(../images/logos/saaci.jpg) 0px -100px no-repeat; }