html, body, div, a, img, span, ul, li, p, h1, h2, h3, label, dl, dt, dd, form
{
    margin:0px;
    padding:0px;
    border:0;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:20px;
}
body
{
    background:#000000 url(/static/i/body-bg.jpg) top left repeat;
}
h1 {
    line-height:24px;
    height:24px;
    font-size:24px;
    margin:12px 0px;
    font-weight:normal;
    color:#a65919;
}
h1 span {
    line-height:24px;
    height:24px;
    font-size:24px;
    font-weight:normal;
    color:#a66d19;
}
h1 img {
    float:right;
    margin-left:4px;
}
#logo-search-wrapper {
    width:100%;
    /*background:#000000;*/
    text-align:center;
}
#logo-search {
    width:960px;
    height:80px;
    line-height:80px;
    padding:10px 0px;
    text-align:left;
    margin:0px auto;
}
#logo {
    float:left;
    width:329px;
}
#top-info {
    width:364px;
    height:64px;
    margin:10px 0px;
    float:right;
}
#top-info img {
    width:360px;
    height:60px;
    padding:1px;
    border:1px solid #444444;
}
#top-info a:hover img {
    border:1px solid #cccccc;
}

#header-wrapper {
    width:100%;
    /*background:url(/static/i/header-wrapper-bg.gif) top left repeat-x;*/
    text-align:center;
    height:361px;
}
#header {
    width:960px;
    margin:0 auto;
    text-align:left;
    height:360px;
    /* background:#000000; */
    /*border:1px solid #aaaaaa;
    border-bottom:0;*/
}
#header-images-highlight {
    width:960px;
    height:360px;
    clear:both;
    float:none;
}
#header-images {
    width:690px;
    height:360px;
    float:left;
    position:relative;
    z-index:1;
}
#header-images div {
    position:absolute;
    z-index:2;
    width:690px;
    height:360px;
}
#header-images span.title {
    position:absolute;
    top:329px;
    left:1px;
    z-index:3;
    opacity:0.4;
    background:#000000;
    filter:alpha(opacity=40);
    height:30px;
    width:648px;
    padding:0px 20px;
    line-height:30px;
    font-size:16px;
    display:block;
    color:#ffffff;
}
#header-images span.photographer {
    position:absolute;
    top:0;
    right:20px;
    opacity:1;
    filter:alpha(opacity=100);
    width:200px;
    height:30px;
    line-height:30px;
    font-size:12px;
    padding:0;
    text-align:right;
    color:#ffffff;
    display:block;
}
#header-images img {
    border:1px solid #444444;
    padding:1px;
}
#header-images a:hover span {
    opacity:0.9;
    filter:alpha(opacity=90);
}
#header-images a:hover img {
    border:1px solid #cccccc;
}
#header-highlights, #accommodation-images {
    width:270px;
    height:352px;
    float:left;
}
#header-highlights div {
    width:255px;
    height:110px;
    margin:0 0 15px 15px;
    position:relative;
    z-index:1;
}
#header-highlights span {
    color:#ffffff;
    position:absolute;
    z-index:2;
    left:2px;
    top:88px;
    background:#000000;
    opacity:0.4;
    filter:alpha(opacity=40);
    display:block;
    width:241px;
    height:20px;
    line-height:20px;
    font-size:14px;
    padding: 0 5px;
}
#header-highlights a img {
    width:251px;
    height:106px;
    padding:1px;
    border:1px solid #444444;
}
#header-highlights a:hover img {
    border:1px solid #cccccc;
}
#header-highlights a:hover span {
    opacity:0.9;
    filter:alpha(opacity=90);
}
#safari-content {
    margin-bottom:10px;
    border-bottom:1px solid #444444;
}
#accommodation-images a {
    float:left;
    display:block;
    width:124px;
    height:82px;
    margin:0 0 10px 10px;
}
#accommodation-images img {
    float:left;
    width:120px;
    height:78px;
    border:1px solid #444444;
    padding:1px;
}
#accommodation-images a:hover img {
    border:1px solid #cccccc;
}
#header a {
    text-decoration:none;
    color:#000000;
}
#navigation-wrapper {
    text-align:center;
    width:100%;
}
#navigation {
    width:960px;
    height:40px;
    line-height:40px;
    margin:10px auto 0px;
    text-align:left;
    background:url(/static/i/navigation-bg.gif) top left repeat-x;
    border-top:1px solid #111111;
}
#nav {
    line-height:40px;
    height:40px;
    list-style:none;
    margin-left:10px;
    display:block;
}
#nav li, #nav a {
    float:left;
}
#nav li {
    position:relative;
    z-index:10;
    top:0;
    left:0;
}
#nav a {
    font-size:12px;
    color:#eeeeee;
    text-decoration:none;
    line-height:40px;
    height:40px;
    padding:0px 10px;
}
#nav a:hover {
    color:#a65919;
}
#nav li ul {
    position:absolute;
    top:40px;
    z-index:10;
    width:200px;
    display:block;
    background:#111111;
    /* url(/static/i/subnav-bg.gif) top left repeat-x; */
    padding:4px 0px;
    list-style:none;
    clear:both;
    border:1px solid #111111;
    border-top:0;
}
#nav li ul li {
    line-height:20px;
    height:20px;
    width:200px;
    float:none;
    margin:0;
}
#nav li ul a {
    font-size:12px;
    line-height:20px;
    height:20px;
    float:none;
    display:block;
    float:none;
    margin:0;
}
#search {
    float:right;
}
#search a, #search img, #search form {
    float:left;
}
#search img {
    margin-right:28px;
    margin-top:7px;
}

#search input.text {
    width:242px;
    height:20px;
    line-height:18px;
    border:1px solid #444444;
    padding:0 4px;
    background:#000000;
    color:#eeeeee;
    margin-top:4px;
}
#search input.text:hover, #search input.text:focus {
    border:1px solid #eeeeee;
}
#content-wrapper {
    width:100%;
    text-align:center;
}
#content {
    margin:0 auto 0;
    text-align:left;
    width:960px;
    color:#000000;
    background:#333333 url(/static/i/content-bg.gif) top left repeat-y;
}
#breadcrumbs {
    text-align:left;
    width:960px;
    height:30px;
    clear:both;
    float:none;
    background:#000000;
    margin:0px auto;
}
#breadcrumbs ul {
   list-style:none;
   margin-left:20px;
   width:500px;
   float:left;
}
#breadcrumbs li {
    float:left;
}

#breadcrumbs li a {
    float:left;
    padding:0 10px 0 18px;
    display:block;
    color:#dddddd;
    font-size:12px;
    line-height:30px;
    height:30px;
    background:url('/static/i/breadcrumb.gif') center left no-repeat;
    text-decoration:none;
}
#breadcrumbs li a:hover {
    text-decoration:underline;
}
#main {
    width:650px;
    float:left;
    padding:10px 20px;
    background:#222222;
    color:#dddddd;
    display:inline;
}
#main p {
    margin-bottom:10px;
}
#main a, #sidebar a {
    color:#a65919;
    color:#ffffff;
    color:#FFCC66;
    text-decoration:none;
}
#main a:hover, #sidebar a:hover {
    text-decoration:underline;
}
#content-footer-ads {
    width:898px;
    height:64px;
    margin:0 20px 20px;
    padding:10px;
    background-color:#000000;
    border:1px solid #444444;
    text-align:center;
}
#content-footer-ads ul {
    list-style:none;
    margin:0 auto;
    text-align:left;
    height:64px;
    width:auto;
}
#content-footer-ads li {
    float:left;
    margin-right:9px;
    height:64px;
    width:172px;
}
#content-footer-ads li.last {
    margin-right:0;
}


/* Front page */

#front-ads {
    background-color:#000000;
    border:1px solid #444444;
    color:#FFFFFF;
    margin:10px 0px;
    padding:10px;
    height:110px;
    width:628px;
    text-align:center;
    clear:both;
    float:none;
}
#front-ads ul {
    list-style:none;
    height:110px;
    margin:0 auto;
    display:block;
}
#front-ads li {
    float:left;
    margin-right:2px;
    display:inline;
    width:124px;
    height:110px;
}

#front-ads a {
    width:124px;
    height:110px;
    float:left;
    display:inline;
    color:#dddddd;
    text-decoration:none;
}
#front-ads img {
    border:1px solid #333333;
    padding:1px;
    width:120px;
    height:90px;
    float:left;
    display:inline;
}
#front-ads li.last {
    margin-right:0;
}
#front-ads span {
    line-height:16px;
    height:16px;
    font-size:10px;
    width:124px;
    text-align:center;
    display:block;
}

#front-ads a:hover img {
    border:1px solid #cccccc;
}
#front-ads a:hover span {
    color:#FFCC66;
}
#front-video {
    width:315px;
    float:left;
    margin-right:20px;
}
#front-map {
    width:315px;
    float:left;
}

/* Listings */
div.search-results {
    width:650px;
    border-bottom:1px solid #444444;
    margin-bottom:10px;
    padding-bottom:10px;
}
div.search-results ul {
    list-style:none;
    padding-left:20px;
}

div.wildlife-category {
    width:140px;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
    border-right:1px solid #444444;
}
div.wildlife-category ul {
    list-style:none;
}
div.wildlife {
    width:650px;
    border-bottom:1px solid #444444;
    margin-bottom:5px;
    padding-bottom:5px;
}
#safari-itinerary div.wildlife {
    margin-bottom:10px;
    padding-bottom:10px;
}
div.wildlife img {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    padding:1px;
    border:1px solid #444444;
}
div.wildlife a:hover img {
    border:1px solid #ffffff;
}
div.wildlife-contact {
    float:right;
    margin-left:10px;
    border:1px solid #666666;
    padding:10px;
    background:#333333;
    color:#a66d19;
}
div.wildlife-image {
    float:left;
    width:204px;
    margin-right:10px;
}

div.wildlife-image img {
    float:none;
    margin-right:0px;
    margin-bottom:0px;
}
div.wildlife-image span {
    width:204px;
    text-align:center;
    display:block;
}
div.wildlife-description {
    float:right;
    border-left:1px solid #444444;
    width:425px;
    padding-left:10px;
}
div.accommodation-type {
    width:195px;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
    border-right:1px solid #444444;
}

div.last {
    margin-right:0;
    border-right:0;
}
div.accommodation-type li {
    color:#222222;
    padding-left:20px;
}
div.accommodation-type a {
    display:block;
    line-height:20px;
}
div.accommodation-type ul {
    list-style:none;
}
li.eco-status-1, a.eco-status-1 {
    background:url(/static/i/eco-status-1.gif) top left no-repeat;
}
li.eco-status-2, a.eco-status-2 {
    background:url(/static/i/eco-status-2.gif) top left no-repeat;
}
li.eco-status-3, a.eco-status-3 {
    background:url(/static/i/eco-status-3.gif) top left no-repeat;
}
div.accommodation-type li span {
    color:#999999;
    font-size:10px;
    padding-left:20px;
}
li.wheelchair, a.wheelchair {
    background:url(/static/i/wheelchair.gif) top left no-repeat;
}
div.accommodation-type li a {
    padding-left:20px;
}
ul.accommodation-info {
    list-style:none;
    height:20px;
    margin-bottom:10px;
    border-bottom:1px solid #444444;
    padding-bottom:10px;
    display:block;
}
ul.accommodation-info li {
    padding-left:20px;
    float:left;
    margin-right:20px;
}

#accommodation h2 {
    font-size:14px;
    font-weight:normal;
    color:#ffcc66;
    line-height:30px;
    height:30px;
}

div.accommodation-type h2, div.wildlife-category h2, div.wildlife h2,
div.gallery-image-info h2, div.search-results h2, div.text h2, div.wildlife h3 {
    font-size:14px;
    font-weight:normal;
    color:#a66d19;
}

div.wildlife h3 span {
    color:#ffcc66;
    font-size:14px;

}
div.wildlife h2, div.search-results h2, div.wildlife h3 {
    line-height:30px;
}
div.text h2 {
    margin-bottom:10px;
}
div.text p{
    margin-bottom:10px;
}
div.images {
    width:630px;
    padding:10px;
    background:#000000;
    margin-bottom:10px;
    border-top:1px solid #444444;
    border-bottom:1px solid #444444;
}
div.images div.image {
    float:left;
    margin-right:12px;
    width:200px;
    height:170px;
}
div.images span {
    font-size:10px;
    width:200px;
    height:20px;
    display:block;
    text-align:center;
}
div.images img {
    float:left;
    border:1px solid #444444;
    padding:1px;

}
div.images div.last {
    margin-right:0;
}
div.page-images {
    width:204px;
    padding:10px;
    background:#000000;
    margin:0 10px 10px 0;
    border:1px solid #444444;
    float:left;
}
div.page-images div.page-image {
    margin-bottom:12px;
    width:204px;
}
div.page-images span {
    font-size:10px;
    width:200px;
    height:20px;
    display:block;
    text-align:center;
}
div.page-images img {
    border:1px solid #444444;
    padding:1px;
}
div.page-images div.last {
    margin-bottom:0;
}
form ul {
    list-style:none;
}
div.gallery-image {
    width:650px;
    height:304px;
}

div.gallery-image-outer {
    width:400px;
    height:300px;
    margin-right:10px;
    float:left;
    text-align:center;
    display:table;
    overflow:hidden;
    #position:relative;
    #z-index:1;
}
div.gallery-image-inner img {
     #position: relative;
     #top: -50%;
     #left: -50%;
     display:table-cell;
     vertical-align:middle;
     margin:0 auto;
}
div.gallery-image-outer, #gallery-images img, #front-gallery-images img {
    padding:1px;
    background:#000000;
    border:1px solid #444444;
}
div.gallery-image-inner {
    #position: absolute;
    #top: 50%;
    #left: 50%;
    display:table-cell;
    vertical-align:middle;
    margin:0 auto;

}
div.gallery-image-info {
    float:left;
    width:212px;
    background:#333333;
    border:1px solid #666666;
    padding:10px;
    height:282px;
}
#main div.gallery-image-info p {
    margin-bottom:4px;
}
form.gallery-image-form textarea {
    width:204px;
    height:42px;
}
form.gallery-image-form input {
    width:148px;
    float:right;
}
form.gallery-image-form label {
    width:54px;
    float:left;
    height:25px;
    line-height:25px;
    display:block;
}

form.gallery-image-form li {
    width:212px;
    line-height:25px;
    display:block;
    clear:both;
    float:none;
    min-height:25px;
    margin-bottom:4px;
}

form.gallery-image-form input.button {
    width:auto;
}
div.gallery-video {
    width:315px;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
div.last {
    margin-right:0px;
}
a.tag {
    padding-right:4px;
}
#front-gallery-images {
    width:628px;
    display:block;
    clear:both;
    background:#000000;
    padding:10px;
    border:1px solid #444444;
    margin:10px 0px;
}
#front-gallery-images ul {
    list-style:none;
}
#gallery-images {
    width:628px;
    height:286px;
    display:block;
    clear:both;
    background:#000000;
    padding:10px;
    border:1px solid #444444;
    margin:10px 0px;
}
#gallery-scroll {
    width:628px;
    height:286px;
}
#gallery-images ul {
    list-style:none;
    width:613px;
}
#front-gallery-images li {
    float:left;
    margin-right:2px;
    margin-bottom:2px;
    display:inline;
    width:124px;
    height:94px;
    display:block;
}
#gallery-images li {
    float:left;
    margin-right:2px;
    margin-bottom:2px;
    display:inline;
    width:121px;
    height:94px;
    display:block;
}
#front-gallery-images img {
    border:1px solid #333333;
    padding:1px;
    width:120px;
    height:90px;
    float:left;
    cursor:pointer;
}
#gallery-images img {
    border:1px solid #333333;
    padding:1px;
    width:117px;
    height:90px;
    float:left;
    cursor:pointer;
}
#front-gallery-images li.last, #gallery-images li.last {
    margin-right:0;
}
#gallery-images li.last {

}

/* Object */

div.accommodation-row {
    width:650px;
    padding:10px 0;
    clear:both;
    float:none;
    display:block;

}
div.accommodation-row div.fill {
    min-height:279px;
    width:293px;
    float:left;
    margin-right:20px;
    background:#333333;
    border:1px solid #666666;
    padding:10px;
}
div.accommodation-row div.auto {
    min-height:0;
    height:auto;
}
div.accommodation-row div.last {
    margin-right:0;
}

div.accommodation-row ul {
    list-style:none;
}

div.accommodation-row h3 {
    font-size:18px;
    font-weight:normal;
    margin-bottom:4px;
    color:#a66d19;
}
span.price {
    font-weight:bold;
    color:#FFCC66;
}
div.accommodation-row form label {
    width:80px;
    float:left;
    display:block;
    font-size:14px;
}
div.accommodation-row form textarea {
    width:98%;
    height:140px;
    float:right;
}
div.accommodation-row form input {
    width:200px;
    float:right;
}
div.accommodation-row form input.button {
    width:auto;
}
div.accommodation-row form li {
    line-height:25px;
    min-height:25px;
    clear:both;
    float:none;
    margin-bottom:4px;
    display:block;
}
dd {
    margin-left:20px;
}

#sidebar {
    width:270px;
    float:left;
    background:#333333;
    padding:20px 0;
    color:#eeeeee;
    overflow:hidden;
}
#sidebar form {
    width:230px;
}
#sidebar h3 {
    color:#a66d19;
    font-size:18px;
    font-weight:normal;
    margin-bottom:4px;
}
#sidebar ul {
    list-style:none;
}
#sidebar div {
    width:230px;
    margin:0 20px 10px;
}
#sidebar div.fill {
    border-bottom:1px solid #666666;
    padding-bottom:10px;
}
#sidebar li {
    width:230px;
    display:block;
    margin-bottom:5px;
    clear:both;
    float:none;
}
#sidebar li.marginleft {
    margin-left:20px;
    width:210px;
}
#sidebar li span {
    color:#a65919;
    display:block;
    float:left;
    margin-right:4px;
    font-weight:bold;
    width:110px;
}
#sidebar form label {
    color:#eeeeee;
    font-size:14px;
    line-height:25px;
    display:block;
    float:left;
}
#sidebar form input {
    float:right;
    width:120px;
}
#sidebar form input.button {
    width:auto;
}
#sidebar form li {
    line-height:25px;
    height:25px;
    clear:both;
    float:none;
}
#sidebar img, #content-footer-ads img {
    padding:1px;
    border:1px solid #aaaaaa;
    background:#000000;
}
#sidebar a:hover img, #content-footer-ads a:hover img {
    border:1px solid #ffffff;
}
#sidebar ul.tags {
    width:230px;
    clear:both;
}
#sidebar ul.tags li {
    float:left;
    width:auto;
    margin-right:5px;
    display:inline;
}

#footer-wrapper {
    width:100%;
    /*background:#000000;*/
    text-align:center;
    clear:both;
    float:none;
    display:block;
    min-height:200px;
    /*background:#000000 url(/static/i/footer-bg.gif) top left repeat-x;*/
}

#footer {
    width:940px;
    margin:0px auto;
    text-align:left;
    clear:both;
    float:none;
    display:block;
    padding:10px;
    color:#FFCC66;
    min-height:180px;
    background:#111111;
}

#footer div {
    width:210px;
    float:left;
    padding:0px 10px;
}

#footer h3 {
    font-size:18px;
    font-weight:normal;
    color:#a65919;
    line-height:30px;
}
#footer ul {
    list-style:none;
}
#footer a {
    text-decoration:none;
    color:#FFCC66;
}
#footer a:hover {
    text-decoration:underline;
}
#disclaimer-wrapper {
    width:100%;
    /*background:#000000;*/
    text-align:center;
    clear:both;
    float:none;
}
#disclaimer {
    width:960px;
    margin:0px auto;
    text-align:right;
    font-size:10px;
    color:#eeeeee;
    height:30px;
    line-height:30px;
}
#disclaimer a {
    color:#eeeeee;
    font-size:10px;
}
#debug {
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: left;
    width: 200px;
    height: 100%;
    overflow: auto;
    z-index: 10;
}
.clear {
    height:1px;
    font-size:1px;
    line-height:1px;
    clear:both;
    float:none;
}

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #aaa;
}
.jScrollPaneDrag {
    position: absolute;
    background: #666;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background:url("/static/i/basic_arrow_up.gif") repeat-x scroll 0 0 transparent;
    height: 9px;
}
a.jScrollArrowUp:hover {
    background-position:0 -15px;
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
    background:url("/static/i/basic_arrow_down.gif") repeat-x scroll 0 0 transparent;
}
a.jScrollArrowDown:hover {
    background-position:0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    background-position:0 -30px;
}

/* jQuery Notifications plugin - http://programmingmind.com */
#jquery-notifications {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index:50;
}
#jquery-notifications div {
    font-size:14px;
    margin: 0;
    padding: 20px;
    opacity:0.8;
    filter:alpha(opacity=0.8);
    text-align:center;
    font-weight:bold;
    background:#eeeeee;
    width:100%;
}
#jquery-notifications div.notice { color:red; }
#jquery-notifications div.success { color:#111111; }
#jquery-notifications div.error { color:red; }
* html #jquery-notifications {
    position: absolute;
    top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
    left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');}
}


