*{margin: 0px; padding: 0px;}

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('Font/texgyreadventor-bold-webfont.eot');
    src: url('Font/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/texgyreadventor-bold-webfont.woff') format('woff'),
         url('Font/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('Font/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreadventorregular';
    src: url('Font/texgyreadventor-regular-webfont.eot');
    src: url('Font/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/texgyreadventor-regular-webfont.woff') format('woff'),
         url('Font/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('Font/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('Font/texgyreadventor-italic-webfont.eot');
    src: url('Font/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/texgyreadventor-italic-webfont.woff') format('woff'),
         url('Font/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('Font/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{background-color: #593f2e; /*for ie6*/}

      html, body {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 13px;
        color: #FFFFFF;
        font-family: texgyreadventorregular, arial, helvetica, sans-serif;
        line-height: 170%;
        overflow-x: hidden; /*to hide main image on smaller devices when becomes absolute*/
      }

      #mainImage{
        z-index: -999;
        min-height: 100%;
        min-width: 1220px;
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        overflow-x: hidden;
        /*new*
        background-color: transparent;
        background-image: url('images/NamibiaSafaris.jpg'); background-repeat: no-repeat;*/
      }

      
      
/* CONTENT LINKS */
a{color: #FFFFFF; font-size: 13px; font-family: texgyreadventorregular, arial, helvetica, sans-serif; line-height: 120%; text-decoration: underline; font-weight: normal;}
a:link {color: #FFFFFF; text-decoration: underline;} 
a:visited {color: #FFFFFF; text-decoration: underline;}
a:active {color: #FFFFFF; text-decoration: underline;}
a:hover {color: #f79347; text-decoration: underline;}

a.red{color: #97271b; font-size: 13px; font-family: texgyreadventorregular, arial, helvetica, sans-serif; line-height: 120%; text-decoration: none; font-weight: normal;}
a.red:link {color: #97271b; text-decoration: none;} 
a.red:visited {color: #97271b; text-decoration: none;}
a.red:active {color: #97271b; text-decoration: none;}
a.red:hover {color: #cb3424; text-decoration: none;}

/* NAV TOP LINKS */
a.topNav{color: #eb4f38; font-size: 15px; font-family: texgyreadventorbold, arial, helvetica, sans-serif; line-height: 120%; text-decoration: none; font-weight: normal;}
a.topNav:link {color: #eb4f38; text-decoration: none;} 
a.topNav:visited {color: #eb4f38; text-decoration: none;}
a.topNav:active {color: #eb4f38; text-decoration: none;}
a.topNav:hover {color: #ff684b; text-decoration: none;}

a.topNavLive{color: #FFFFFF; font-size: 15px; font-family: texgyreadventorbold, arial, helvetica, sans-serif; line-height: 120%; text-decoration: none; font-weight: normal;}


/* NAV MAIN LINKS */
a.mainNav{color: #FFFFFF; font-size: 15px; font-family: texgyreadventorbold, arial, helvetica, sans-serif; line-height: 120%; text-decoration: none; font-weight: normal;}
a.mainNav:link {color: #FFFFFF; text-decoration: none;} 
a.mainNav:visited {color: #FFFFFF; text-decoration: none;}
a.mainNav:active {color: #FFFFFF; text-decoration: none;}
a.mainNav:hover {color: #f69548; text-decoration: none;} /*f69548  eb4f38*/

a.mainNavLive{color: #f69548; font-size: 15px; font-family: texgyreadventorbold, arial, helvetica, sans-serif; line-height: 120%; text-decoration: none; font-weight: normal;}


/*NAV DROP LINKS*/
a.navDrop{display: block; padding: 10px 22px 7px 22px; color: #FFFFFF; font-family: texgyreadventorregular, arial, helvetica, sans-serif; font-size: 14px; text-align: center; border-style: solid; border-color: #e3918b; border-width: 0px 0px 1px 0px; text-decoration: none; font-weight: normal; background-color: #7b2c26;} 
a.navDrop:link {color: #FFFFFF;} 
a.navDrop:visited {color: #FFFFFF;}
a.navDrop:active {color: #FFFFFF;}
a.navDrop:hover {color: #eb4f38; background-color: #a43b33;}


/*  MAIN DIVS */
.wrapper {
        position: absolute; /* used to be relative with fixed width */
        width: 100%;
        min-height: 400px;
        margin-left: auto; margin-right: auto;
      }
      
.innerWrapper{width: 100%; max-width: 1000px; margin-right: auto; margin-left: auto;}

#logo{position: absolute; width: 100%; pointer-events:none; background:none !important; z-index: 99;}
#header{width: 100%;}
#bgTop{height: 55px; width: 100%; background-image: url('images/gradientTop.jpg'); background-repeat: repeat-x;}
#bgTransparent{height: 55px; width: 100%; background-color: #000000; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #761d1d; opacity: 0.3; filter: alpha(opacity=30);}


#topNav{float: right; color: #eb4f38; padding-top: 15px; z-index: 101;}
#mainNav{clear: both; float: right; color: #FFFFFF; padding-top: 0px;}

#mobileNav{display: none; position: absolute; top: 5px; right: 10px; z-index: 100; }
#mobileNavImg{}
.mobileNavI{float: right; width:  50px; cursor: hand; cursor: pointer;}
.mobileNavIH{float: right; width:  50px; opacity: 0.8; filter: alpha(opacity=80); cursor: hand; cursor: pointer;}/*hover*/
#navWrapperDrop{display: none; clear: both; float: right; margin-top: 3px; background-color: #7b2c26; padding: 0px; }

.pageCenter{width: 1000px; margin-left: auto; margin-right: auto; overflow: hidden;}
.pageCenterInner{padding: 0px 10px 0px 10px; overflow: hidden;}

/*absolute page center divs */
.pageCenterA{position: absolute; width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; z-index: 100;}
.pageCenterAInner{width: 1000px; margin-left: auto; margin-right: auto; overflow: hidden;}

/*content divs*/
.contentWrapper{width: 70%; overflow: hidden; margin-top: 80px; margin-left: 0px; margin-right: 0px;}
.contentDivTop{height: 30px; background-color: #000000;  background-image: url('images/gradient_redGlow.jpg'); background-repeat: repeat-x; border-style: solid; border-width: 10px 0px 0px 0px; border-color: #f79347;}
.contentDiv{background-color: transparent; background-image: url('images/transparentBlack.png'); border-style: none; color: #FFFFFF; padding-bottom: 5px;}
.contentDivInner{padding: 0px 35px 35px 35px;}
.contentDivBottom{height: 30px; background-color: #000000;  background-image: url('images/pattern.gif'); background-repeat: repeat-x; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #f79347;}

#badge{float: right; margin-top: 10px; width: 220px; padding: 3px 8px 3px 8px; background-color: #000000; border-radius: 5px; color: #FFFFFF; font-size: 11px; text-align: center; background-image: url('images/bg_Wood.jpg'); background-repeat: no-repeat; -webkit-box-shadow: #000 3px 3px 10px;-moz-box-shadow: #000 3px 3px 10px; box-shadow: #000 3px 3px 10px;}


/* GENERAL */

h1{ font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-weight: bold; font-style: italic; font-size: 30px; line-height: 140%; border-style: solid; border-width: 0px 0px 1px 0px; padding-bottom: 10px; margin-top: 0px; margin-bottom: 20px; }

h2{font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;  font-style: italic; font-size: 26px; font-weight: bold; color: #FFFFFF; line-height: 140%; border-style: dotted; border-color: #FFFFFF; border-width: 0px 0px 1px 0px; padding-bottom: 10px; margin-top: 30px; margin-bottom: 20px;} /*eb4f38*/

h3{font-family: texgyreadventorbold, arial, helvetica, sans-serif; font-size: 16px; margin: 0px 0px 20px 0px;}

h3{font-family: texgyreadventorbold, arial, helvetica, sans-serif; font-weight: normal; font-size: 15px; margin: 20px 0px 10px 0px;}
h4{font-family: texgyreadventorbold, arial, helvetica, sans-serif; font-weight: normal;  font-size: 14px; margin: 20px 0px 10px 0px;}

p{margin: 0px 0px 10px 0px;}
p.intro{background-color: #372512; padding: 10px; font-family: texgyreadventoritalic, arial, helvetica, sans-serif;}
p.smallLight{color: #5f554a; font-size: 11px;}
p.small{font-size: 11px;}

p.link{clear: both;}
p.link img{margin: 5px;}

p.caption{font-size: 13px; margin: 5px 0px 25px 0px;}


/*LIST*/
div.list{padding-left: 10px;}
p.list{background-image: url('images/bullet.gif'); background-repeat: no-repeat; background-position: center left; padding-left: 20px; margin: 0px 0px 2px 0px;}

hr{background-color: #f79347; color: #666666; margin: 30px 0px 30px 0px;}
div.hrDot{clear: both; height: 1px; border-style: dotted; border-color: #FFFFFF; border-width: 1px 0px 0px 0px; margin-top: 30px; margin-bottom: 30px;}

img.menu{border-style: solid; border-color: #FFFFFF; border-width: 1px;}
img.full{width: 100%;}

div.floatWrapper{height: auto; overflow: hidden;}
div.float{float: left; margin-right: 40px;}



/*BLOC*/

.bloc{border-style: solid; border-color: #FFFFFF; border-width: 0px 0px 1px 0px; padding-bottom: 15px; margin-bottom: 40px; height: auto; width: 100%; overflow: hidden;}
.bloc img{float: left; width: 46%; margin-right: 20px;}
.bloc div{float: left; width: 46%;}
.bloc h2{margin-top: 0px;}

.bloc2{border-style: solid; border-color: #FFFFFF; border-width: 0px 0px 1px 0px; padding-bottom: 15px; margin-bottom: 40px; height: auto; width: 100%; overflow: hidden;}

.menuDiv{float: left; width: 45%; margin-bottom: 0px;}
p.downloadCap{display: block;}
p.download{display: block;}
p.download img{vertical-align: middle;}

a.buttonWhite{display: block; float: right; margin-top: 15px; background-color: #FFFFFF;  padding: 7px 10px 9px 10px; line-height: 100%; border-radius: 8px; color: #eb4f38; font-size: 14px; font-family: texgyreadventorbold, arial, helvetica, sans-serif; line-height: 120%; text-decoration: none; font-weight: normal;}
a.buttonWhite:link {color: #eb4f38; text-decoration: none;} 
a.buttonWhite:visited {color: #eb4f38; text-decoration: none;}
a.buttonWhite:active {color: #eb4f38; text-decoration: none;}
a.buttonWhite:hover {color: #ffffff; background-color: #f79347; text-decoration: none;}


/* booking form */
fieldset{padding: 30px; margin-bottom: 10px; border-style: dotted; border-width: 1px; border-color: #666666;}

div.fField{overflow: hidden; height: auto; padding-top: 10px;}
div.formInput{margin-left: 180px;}
label{display: block; clear: both; float: left; width: 150px; text-align: right;}
label.error{float: none; width: auto; text-align: left; color: #FF0000; font-size: 10px; margin: 0px; padding: 0px;}

#captcha_div{float: left; vertical-align: top; background-color: #000000; padding: 6px 6px 6px 22px; text-align: center; width: 100px; height: 50px;}
#captcha_label{line-height: 100%; text-align: center;}

.throw_error{padding: 5px; background-color: transparent; color: #FF0000; font-size: 12px; }

textarea, input, [type="text"], option{width: 100%; max-width: 250px; box-sizing: border-box; padding: 4px; border-radius: 4px;}

/*TABLES*/
table.tblRates{width: 100%; margin: 20px 0px 20px 0px;}
table.tblRates td{padding: 5px 15px 5px 5px; background-color: #372512; border-style: dotted; border-width: 0px 0px 1px 0px; border-color: #866957;}
table.tblRates td.des{width: 60%;}

/*FOOTER*/
#footer{padding-top: 15px; margin-top: 50px; width: 100%;  height: 300px; background-color: #1c1201;}
p.disclaimer{float: right;}