html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #f0eee4;
}

body
{
    font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-size: 0.85em;
    color: #333;
}
input, textarea, select
{
    font-family: Arial, Sans-Serif;
    font-size: 1em;
    color: #333;
}

h1 a, h2 a, h3 a, h4 a, h5 a
{
    text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover 
{
    text-decoration: underline;
}
h3
{
    font-size: 1.6em;
}
h4
{
    font-size: 1.4em;
}
h5
{
    font-size: 1.2em;
}

a
{
    color: #600;
}
a:hover
{
    color: #900;
}

a img
{
    border: 0;
}

a.viewmore
{
    display: block;
    background: url(/images/button_rightarrow.gif) left top no-repeat;
    margin: 1em 0;
    padding: 6px 0 0 45px;
    min-height: 33px;
}

div.hr
{
    height: 1px;
    margin: 20px 0 0 0;
    border-top: solid 1px #ccc;
}
div.hr hr
{
    display: none;
}

div.clear
{
    clear: both;
}

div.pageboundary
{
    width: 994px;
    height: 100%;
    margin: 0 auto;
}
div.pagecontent
{
    width: 978px;
    height: 100%;
    margin: 0 auto;
}

/* -------------- */
/* --- HEADER --- */
/* -------------- */

div.header
{
}
    div.header_photo
    {
        background: 262px top no-repeat;
    }
    div.header_back
    {
        background: url(/images/header_back.gif) left top repeat-y;
    }
    
    div.header_row1
    {
    }

        div.header_row1_column1
        {
            width: 265px;
            float: left;
        }

            h1.logo
            {
                margin: 18px auto 20px;
                width: 138px;
                height: 115px;
                background: url(/images/header_logo.gif) left top no-repeat;
                text-indent: -5000px;
            }
                h1.logo a
                {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

        div.header_row1_column2
        {
            width: 696px;
            float: left;
        }
            div.header_nav_left
            {
                margin: 0 10px 0 0;
                background: url(/images/header_tab_left.gif) left bottom no-repeat;
                padding: 0 0 0 6px;
                float: right;
            }
            html > body div.header_nav_left
            {
                background-image: url(/images/header_tab_left.png);
            }

            div.header_nav_right
            {
                background: url(/images/header_tab_right.gif) right bottom no-repeat;
                padding: 0 8px 0 0;
            }
            html > body div.header_nav_right
            {
                background-image: url(/images/header_tab_right.png);
            }

            div.header_nav_center
            {
                background: url(/images/header_tab_back.gif) bottom repeat-x;
                padding: 1px 0 5px 0;
            }
            html > body div.header_nav_center
            {
                background-image: url(/images/header_tab_back.png);
            }

            ul.header_nav
            {
                margin: 0 6px;
                padding: 0;
                list-style: none;
                font-size: 0.8em;
            }
                ul.header_nav li
                {
                    margin: 0 6px;
                    padding: 0;
                    display: inline;
                }
                ul.header_nav li a
                {
                    color: #eee;
                    text-decoration: none;
                    font-weight: bold;
                }
                ul.header_nav li a:hover
                {
                    color: #fff;
                    text-decoration: underline;
                }
            div.header_phone
            {
                clear: right;
                float: right;
                margin: 10px 26px 0 0;
                display: block;
                width: 167px;
                height: 46px;
                background: url(/images/header_phone.png) left top no-repeat;
                text-indent: -5000px;
            }
    
    div.header_row2
    {
        clear: both;
        background: url(/images/header_row2_back.gif) left top repeat-y;
        position: relative;
    }
        div.header_row2_top
        {
            background: url(/images/header_row2_top.gif) left top no-repeat;
            height: 62px;
        }
        html > body div.header_row2_top
        {
            background: url(/images/header_row2_top.png) left top no-repeat;
            height: auto;
            min-height: 62px;
        }
        div.header_row2_bottom
        {
            background: url(/images/header_row2_bottom.gif) left bottom no-repeat;
            height: 75px;
        }
        html > body div.header_row2_bottom
        {
            background: url(/images/header_row2_bottom.png) left bottom no-repeat;
            height: auto;
            min-height: 75px;
        }
        
        div.header_row2_column1
        {
            float: left;
            width: 177px; /* 283-45-41 = 197*/
            padding: 53px 55px 28px 51px;
            text-align: right;
        }
            div.header_row2_column1 select
            {
                margin: 0 0 5px 0;
                width: 100%;
            }

        div.header_row2_column2
        {
            float: left;
            width: 696px;
            margin: 0 0 0 -18px;
            padding: 62px 0 0 0;
            position: absolute;
            bottom: 7px;
            right: 17px;
        }
            a.header_banner
            {
                display: block;
                width: 100%;
                text-decoration: none;
                color: #fff;
                background: url(/images/header_banner_back.png) right bottom repeat-x;
            }
            a.header_banner:hover
            {
                background-position: left bottom;
                color: #fff;
            }
            span.header_banner_title
            {
                display: block;
                font-family: Arial, Sans-Serif;
                font-size: 1.5em;
                font-weight: bold;
                padding: 8px 20px 0;
            }
            span.header_banner_body
            {
                display: block;
                font-family: Arial, Sans-Serif;
                font-size: 1em;
                font-weight: normal;
                padding: 0 20px 10px;
            }

/* ------------ */
/* --- BODY --- */
/* ------------ */

div.body
{
    background: url(/images/body_back.gif) left top repeat-y;
    margin: 10px 0 0 0;
}
    div.body_top
    {
        background: url(/images/body_top.gif) left top no-repeat;
    }
    div.body_bottom
    {
        background: url(/images/body_bottom.gif) left bottom no-repeat;
        padding: 10px 0 20px 0;
    }
    
        div.body_col1
        {
            width: 252px;
            float: left;
        }
            div.body_col1_content
            {
                padding: 0 20px 0 35px;
            }
        div.body_col2
        {
            width: 237px;
            float: left;
        }
            div.body_col2_content
            {
                padding: 0 20px 0 20px;
            }
        div.body_col3
        {
            width: 237px;
            float: left;
        }
            div.body_col3_content
            {
                padding: 0 20px 0 20px;
            }
        div.body_col4
        {
            width: 252px;
            float: left;
        }
            div.body_col4_content
            {
                padding: 0 35px 0 20px;
            }
        
        div.body_cols23
        {
            width: 474px;
            float: left;
        }
            div.body_cols23_content
            {
                padding: 0 20px 0 20px;
            }

        div.body_cols34
        {
            width: 474px;
            float: left;
        }
            div.body_cols34_content
            {
                padding: 0 35px 0 20px;
            }

        div.body_cols234
        {
            width: 726px;
            float: left;
        }
            div.body_cols234_content
            {
                padding: 0 35px 0 20px;
                position: relative;
            }


/* --------------- */
/* --- CONTENT --- */
/* --------------- */

img.body_worldmap
{
    margin: 0 0 0 25px;
}

h2.body_pageheading
{
    border-bottom: solid 1px #ccc;
    padding: 0 100px 0.2em 0;
    margin: 0.2em 0 0.8em 0;
    font-size: 2em;
}
    h2.body_pageheading a
    {
        color: #666;
        font-style: italic;
        text-decoration: none;
    }
        h2.body_pageheading a:hover
        {
            color: #333;
        }
    h2.body_pageheading span
    {
        color: #600;
    }

div.facebook_like
{
    position: absolute;
    right: 28px;
    top: 8px;
}

div.body_havealookat
{
    margin: 1em 0 2em 0;
}
    div.body_havealookat h4
    {
        display: block;
        background: url(/images/body_col1_redbar_have-a-look-at.gif) left top no-repeat;
        width: 242px;
        height: 53px;
        margin: 0;
        text-indent: -5000px;
    }
    div.body_havealookat h5, div.body_havealookat p, div.body_havealookat a.viewmore
    {
        margin: 0 20px 0.5em 35px;
        padding: 0;
    }
    div.body_havealookat h5
    {
        font-size: 1.1em;
    }
    div.body_havealookat a.viewmore
    {
        display: block;
        background: url(/images/button_rightarrow.gif) left top no-repeat;
        min-height: 33px;
        padding: 6px 0 0 45px;
    }

div.body_needmoreinfo
{
    margin: 1em 0 2em 0;
}
    div.body_needmoreinfo h4
    {
        display: block;
        background: url(/images/body_col1_redbar_need-more-info.gif) left top no-repeat;
        width: 242px;
        height: 53px;
        margin: 0;
        text-indent: -5000px;
    }


div.body_latestjournalentries
{
    margin: 1em 0 2em 0;
}
    div.body_latestjournalentries h4
    {
        display: block;
        background: url(/images/body_col1_redbar_latest-journal-entries.gif) left top no-repeat;
        width: 242px;
        height: 53px;
        margin: 0;
        text-indent: -5000px;
    }
    div.body_latestjournalentry h4
    {
        display: block;
        background: url(/images/body_col1_redbar_latest-journal-entry.gif) left top no-repeat;
        width: 242px;
        height: 53px;
        margin: 0;
        text-indent: -5000px;
    }

div.gallerythumb
{
    width: 163px;
    height: 116px;
    background: url(/images/gallerythumb_back.gif) left top no-repeat;
    padding: 4px;
}
    div.gallerythumbimage
    {
    }
    div.gallerythumb-overlay
    {
        background: url(/images/gallerythumb_overlay.gif) left top no-repeat;
        width: 155px;
        height: 108px;
    }
    html > body div.gallerythumb-overlay
    {
        background: url(/images/gallerythumb_overlay.png) left top no-repeat;
    }
    div.gallerythumb a
    {
        display: block;
        width: 100%;
        height: 100%;
    }


/* JOURNAL */

ul.journal
{
    list-style: none;
    margin: 0;
    padding: 0 30px 0 0;
}
    ul.journal li
    {
        clear: both;
        float: left;
        display: block;
        margin: 0 0 15px 0;
        padding: 0 0 6px 0;
        border-bottom: solid 1px #baa;
    }
    ul.journal div.gallerythumb
    {
        float: left;
        width: 190px;
    }
    ul.journal div.journalentry
    {
        float: left;
        width: 400px;
    }
    ul.journal div.journalentry span.journalentry-desc
    {
        display: block;
        margin: 3px 0 0 0;
        padding: 2px 0 0 0;
    }
    ul.journal div.journalentry a.journalentrytitle
    {
        font-weight: bold;
        font-size: 12pt;
        text-decoration: none;
    }
    ul.journal div.journalentry a.journalentrytitle:hover
    {
        text-decoration: underline;
    }



/* Journal Venture / Author */

ul.journal_venture_entries, ul.journal_author_entries
{
    list-style: none;
    margin: 20px 0 0 0;
    padding: 4px 0 0 0;
    border-top: solid 1px #e0d8cf;
}
ul.journal_venture_entries li, ul.journal_author_entries li
{
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: solid 1px #e0d8cf;
}
ul.journal_venture_entries li a, ul.journal_author_entries li a
{
    /*
    font-weight: bold;
    */
}

    
ul.resources 
{
    margin: 20px 0 30px 0;
    padding: 0;
    list-style: none;
}
ul.resources li
{
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
}
ul.resources li a
{
    padding: 0 0 0 25px;
    margin: 0 20px 0 0;
    background-repeat: no-repeat;
    background-position: left center;
}

ul.resources ul
{
    list-style: none;
}


/* PERSON PROFILE */

div.personprofile div.personphoto-top 
{
    background: url(/images/personlarge-top.gif) top left no-repeat;
    width: 166px;
    margin: 0;
    padding: 0;
}
div.personprofile div.personphoto-bottom
{
    background: url(/images/personlarge-bottom.gif) bottom left no-repeat;
    width: 166px;
    margin: 0;
    padding: 4px;
}
div.personprofile div.personphoto-image
{
    background: top left no-repeat;
    width: 158px;
    margin: 0;
    padding: 0;
}
div.personprofile div.personphoto-overlay-top
{
    background: url(/images/personlarge-overlay-top.gif) top left no-repeat;
    width: 158px;
    height: 100%;
    margin: 0;
    padding: 0;
}
html > body div.personprofile div.personphoto-overlay-top 
{
    background-image: url(/images/personlarge-overlay-top.png);
}
div.personprofile div.personphoto-overlay-bottom
{
    background: url(/images/personlarge-overlay-bottom.gif) bottom left no-repeat;
    width: 158px;
    height: 100%;
    margin: 0;
    padding: 0;
}
html > body div.personprofile div.personphoto-overlay-bottom 
{
    background-image: url(/images/personlarge-overlay-bottom.png);
}

div.personprofile ul.JournalEntries
{
    margin: 20px 0 30px 0;
    padding: 0;
    list-style: none;
}
div.personprofile ul.JournalEntries li
{
    border-top: solid 1px #e0d8cf;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
}
div.personprofile ul.JournalEntries li a
{
    padding: 0;
    margin: 0;
}


/* CONTACT US */
div.contactus h3 
{
    margin-top: 0;
}
ul.contactusform 
{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.contactusform li
{
    font-size: 11pt;
    margin: 0;
    padding: 10px 0 0 0;
    clear: both;
}
ul.contactusform label.label, ul.contactusform label.empty
{
    font-weight: bold;
    display: block;
    float: left;
    width: 250px;
    text-align: right;
    margin: 0;
    padding: 0 20px 0 0;
}
ul.contactusform label.label:after 
{
    content: ":";
}
ul.contactusform input.text, ul.contactusform textarea, div.mailinglist 
{
    margin: 0 10px 0 0;
    width: 300px;
    float: left;
}
ul.contactusform p.pleasenote
{
    width: 350px;
    float: left;
    font-size: 0.8em;
}
ul.contactusform p.hint
{
    font-style: italic;
    font-size: 0.8em;
}

/* VENTURE GALLERIES */

ul.venturegalleries
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.venturegalleries li
{
    width: 200px;
    height: 230px;
    margin: 0 20px 20px 0;
    padding: 0;
    float: left;
}

/* VENTURE GALLERY */

div.venturegallery
{
    width: 680px;
}
ul.venturegallery 
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.venturegallery li
{
    margin: 0;
    padding: 0 24px 0 0;
    float: left;
}

/* GALLERY 2 (smaller) */

div.gallery2thumb
{
    width: 133px;  /*  141 - 8  */
    height: 91px;  /*  99 - 8  */
    background: url(/images/gallery2thumb-back.gif) top left no-repeat;
    margin: 0 0 15px 0;
    padding: 4px;
}
div.gallery2thumbimage 
{
    width: 133px;
    height: 91px;
    margin: 0;
    padding: 0;
}
div.gallery2thumb-overlay
{
    width: 133px;
    height: 91px;
    margin: 0;
    padding: 0;
    background: url(/images/gallery2thumb-overlay.gif) top left no-repeat;
}
html > body div.gallery2thumb-overlay 
{
    background: url(/images/gallery2thumb-overlay.png) top left no-repeat;
}
div.gallery2thumb a
{
    width: 133px;
    height: 91px;
    margin: 0;
    padding: 0;
    display: block;
}

/* ABOUT US: MEET THE TEAM */

div.meettheteam div.section
{
    width: 690px;
    margin: 0;
    padding: 0;
    clear: both;
}
div.meettheteam div.person
{
    width: 315px;
    margin: 0 30px 0 0;
    float: left;
}
div.meettheteam div.photo, ul.journalauthors div.photo
{
    width: 110px; 
    float: left;
}
div.meettheteam div.details
{
    width: 205px; 
    float: left;
}
div.meettheteam div.photo div.personthumb, ul.journalauthors div.photo div.personthumb
{
    width: 75px;  /*  83 - 8  */
    height: 75px;  /*  83 - 8  */
    background: url(/images/personthumb-back.gif) top left no-repeat;
    margin: 0 0 15px 0;
    padding: 4px;
}
div.meettheteam div.photo div.personthumbimage, ul.journalauthors div.photo div.personthumbimage 
{
    width: 75px;
    height: 75px;
    margin: 0;
    padding: 0;
}
div.meettheteam div.photo div.personthumb-overlay, ul.journalauthors div.photo div.personthumb-overlay
{
    width: 75px;
    height: 75px;
    margin: 0;
    padding: 0;
    background: url(/images/personthumb-overlay.gif) top left no-repeat;
}
html > body div.meettheteam div.photo div.personthumb-overlay, html > body ul.journalauthors div.photo div.personthumb-overlay 
{
    background: url(/images/personthumb-overlay.png) top left no-repeat;
}
div.meettheteam div.photo div.personthumb a, ul.journalauthors div.photo div.personthumb a
{
    width: 75px;
    height: 75px;
    margin: 0;
    padding: 0;
    display: block;
}

/* PRICES & AVAILABILITY PAGE */

div.pricesavailability 
{
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 8pt;
}
div.pricesavailability table.prices 
{
    margin: 0;
    font-size: 9pt;
}
div.pricesavailability table.prices th 
{
    text-align: left;
    border-bottom: solid 1px #e0d8cf;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}
div.pricesavailability table.prices td
{
    width: 130px;
}
div.pricesavailability ul.availability 
{
    list-style: none;
    margin: 0;
    padding: 0 0 30px 0;
}
div.pricesavailability ul.availability li
{
    border-top: solid 1px #e0d8cf;
    margin: 0;
    padding: 2px 0 0 0;
    clear: both;
    font-weight: bold;
}
div.pricesavailability ul.availability ul
{
    clear: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
div.pricesavailability ul.availability ul li
{
    font-weight: normal;
    float: left;
    min-width: 110px;
    margin: 0;
    padding: 0 20px 0 0;
    clear: none;
    border: 0;
}


/* -------------- */
/* --- FOOTER --- */
/* -------------- */

div.footer
{
    clear: both;
    background: url(/images/footer_back.gif) left top repeat-y;
    margin: 4px 0 0 0;
}
    div.footer_top
    {
        background: url(/images/footer_top.gif) left top no-repeat;
    }
    div.footer_bottom
    {
        background: url(/images/footer_bottom.gif) left bottom no-repeat;
        padding: 20px 35px 15px 35px;
    }


/* FOOTER 1 */
div.footer div.sitemap ul.navigation
{
    float: left;
    width: 150px; 
    margin: 0 20px 0 0;
    padding: 0;
    list-style: none;
}
    div.footer div.sitemap ul.navigation li
    {
        font-size: 0.9em;
        font-weight: bold;
        margin: 0 0 10px 0;
    }
    div.footer div.sitemap ul.subnavigation
    {
        margin: 10px 0 0 0;
        padding: 10px 0 0 0;
        list-style: none;
        border-top: solid 1px #baa;
    }
    div.footer div.sitemap ul.subnavigation li
    {
        font-size: 0.9em;
        font-weight: normal;
        margin: 0;
    }
    div.footer div.sitemap ul.subnavigation li.newsection
    {
        margin: 4px 0 0 0;
        padding: 3px 0 0 0;
        border-top: solid 1px #dcc;
    }
    div.footer div.sitemap ul.navigation a, div.footer div.sitemap ul.navigation a
    {
        text-decoration: none;
    }
    div.footer div.sitemap ul.navigation a:hover, div.footer div.sitemap ul.navigation a:hover
    {
        text-decoration: underline;
    }

div.footer div.social 
{
}
    div.footer div.social a.footer-facebook
    {
        margin: 0;
        display: block;
        float: right;
        width: 159px;
        height: 49px;
        background: url(/images/footer-facebook.gif) left top no-repeat;
        text-indent: -5000px;
    }
    div.footer div.social a.footer-facebook:hover
    {
        background-position: left bottom;
    }
    div.footer div.social a.footer-twitter
    {
        margin: 0 6px 0 0;
        display: block;
        float: right;
        width: 159px;
        height: 49px;
        background: url(/images/footer-twitter.gif) left top no-repeat;
        text-indent: -5000px;
    }
    div.footer div.social a.footer-twitter:hover
    {
        background-position: left bottom;
    }

div.footer div.bespoke
{
    float: right;
    display: block;
    margin: 20px 0 0 0;
    padding: 5px 8px;
    text-decoration: none;
    font-size: 0.7em;
    border: solid 2px #d3c8bb;
    background: #e0d8cf;
	width: 330px;
	color: #333;
}
        div.footer div.bespoke a
        {
            float: left;
            display: block;
			margin: 3px 10px 0 2px;
            height: 37px;
            width: 110px;
            background: url(/images/footer-bespoketravel.gif) left top no-repeat;
            text-indent: -5000px;
        }
        div.footer div.bespoke a:hover
        {
            background-position: left bottom;
        }

div.footer div.icons 
{
    clear: right;
    padding: 20px 0 0 0;
}
div.footer div.icons ul.left
{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
div.footer div.icons ul.left li
{
    display: inline;
    padding-right: 20px;
}
div.footer div.icons ul.right
{
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}
div.footer div.icons ul.right li
{
    display: inline;
    padding-left: 20px;
}

div.footer p.atol
{
    font-size: 0.7em;
	color: #333;
	text-align: justify;
}


/* FOOTER 2 */

div.footer2-column1
{
    margin: 10px 0 10px 25px;
    font-size: 0.8em;
    color: #999;
    width: 600px;
    float: left;
}
div.footer2-column2
{
    margin: 10px 25px 10px 0;
    font-size: 0.8em;
    color: #999;
    width: 250px;
    float: right;
    text-align: right;
}
div.footer2-column2 a
{
    color: #998888;
}
div.footer2-column2 a:hover
{
    color: #cc3333;
}

/* Travel Insurance */

table.insurance
{
}
table.insurance th
{
    background: #e5dfd7;
    padding: 4px 10px;
}
table.insurance td
{
    background: #f3efea;
    padding: 2px 10px;
}