/*
=general
=page structure
=navigation =header
=navigation =sidenav
=navigation =subsidenav
=footer
*/

/*
=general
---------------------------------------------- */
html { background: #dcdcdc; }

body {
    background-color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 69%; /* 11px */
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    color: #333;
}

body.front {
    background-color: #E7EFEF;
    background-image: url(/images/home-bg.png);
    background-position: top left;
    background-repeat: repeat-x;
}

body.inside {
    background-color: #E7EFEF;
    background-image: url(/images/bg-inside.png);
    background-position: top left;
    background-repeat: repeat-y;
    margin:0px;
}
body.inside2 {
    background-color: #E7EFEF;
    background-image: url(/images/bg-inside2.png);
    background-position: top left;
    background-repeat: repeat-y;
    margin: 0px;
}

table, tr, td, input, select, textarea, ol, ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
}


div, p, ul, .body_copy td {
    padding: 0;
    line-height: 18px;
    margin-top: 0;
}

p, ul, .body_copy td {
/*    text-align: justify;*/
    margin-bottom: 16px;
}

td.booking {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 0px;
    margin-left: 10px;
    background-color: #ffffff;
    text-align: left;
    }

h2 {
    font-weight: bold;
    padding: 0px;
    margin: 18px 0px 1px;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: arial, verdana, helvetica, sans-serif;
    color: #343333;
    text-transform: uppercase;
}

h3 {
    font-family: 'arial narrow', arial, verdana, helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    border: 1px solid red;
    padding: .5em 1em 0em;
    margin: 0;
}

/* because they show up in the format dropdown menu */
h4, h5, h6 {
    font-weight: bold;
    padding: 0px;
    margin-top: 18px;
    font-family: arial, verdana, helvetica, sans-serif;
    color: #2d2d2d;
    font-size: 13px;
}

a { color: #003366; }

a img { border: 0; }

a.rss {text-decoration: none;}
a.rss:hover {text-decoration: underline;}
a.rss img {position: relative; top: 3px;}

/* Header and top nav */

div#logo {
    position: absolute;
    left: 10px;
    top: 0;
}

body.inside div#logo, body.inside2 div#logo {right: -1px;}



ul.top_nav a {
    color: #000;
    text-decoration: none;
    display: block;
}

ul.top_nav a:hover {text-decoration: underline;}

ul.top_nav {
    color: #000;
    font-size: 10px;
    line-height: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 528px;
    top: 0px;
    background: transparent url(/images/screen.png) repeat;
    width: 150px;
    height: 115px;
    padding: 16px 12px;
}

ul.top_nav li {width: 150px;}

body.inside2 ul.top_nav, body.inside ul.top_nav {
    left: 10px;
    height: 91px;
    padding: 8px 12px 0;
    z-index: 20;
}



ul.top_nav li { margin: 0; padding: 0; }

/*
=page structure
---------------------------------------------- */
div.ttl_experience {
    padding-left: 54px;
    height: 17px;
    padding-top: 9px;
margin-bottom: 1px;
}

img.title_trust {
    margin-top: 18px;
    margin-bottom: 25px;
    margin-left: 23px;
    margin-right: 99px;
}


/* =intro_head */

#intro_head {
    background: transparent url(/images/intro-head-bg.gif) no-repeat 0% 0%;
    width: 440px;
    padding: 0 0 5px 0;
    margin: 0 0 0 55px;
    color: #fff;
    text-align: left;
    position: relative;
}

#intro_head img.thumb {
    float: left;
    margin-top: 2px;
    margin-left:2px;
    width: 128px;
    height: 84px;
}

#intro_head div {
    float: left;
    margin: 0 0 0 10px;
    padding: 5px 0 0 0;
    width: 300px;
    line-height: 18px;
    text-align: left;
}

#intro_head div a.view_video {
    display: block;
    background: transparent url(/images/view-video.gif) no-repeat 0% 0%;
    padding: 2px 0 0 30px;
    color: #56B6E2;
    font-weight: bold;
    text-decoration: none;
    height: 24px;
    margin: 6px 0 3px;
    outline: 0;
}

#intro_head div a.view_video:hover { color: #fff; }

/* =intro */

#intro {
    width: 275px; /* 440px */
    margin: 0 0 100px 55px;
    padding: 18px 165px 0 0;
    color: #000;
    text-align: left;
    line-height: 18px;
    position: relative;
}

#intro p { text-align: left; }

#intro img.carving {
    position: absolute;
    top: 16px;
    right: 0;
}

#main_table {
    padding: 0px;
    width:100%;
    height:100%;
    margin: 0;
}

/*
=navigation lists ---------------------------------------------------- */

#sidenav {
    position: absolute;
    left: 528px;
    top: 174px;
    padding-bottom: 15px;
    background: #555657 url('/images/sidenav-bg.gif') repeat-x 0 0;
    width: 174px;
}

#sidenav ul
{
    list-style: none;
    font-family: arial, helvetica, verdana, sans-serif;
    text-align: left;
    margin: 0;
}

#sidenav li
{
    margin: 0;
    padding: 0;
    width: 100%;
}

#sidenav a
{
    text-decoration: none;
    display: block;
    color: #fff;
}


ul.nav0 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0;
    font-size: 13px;
    margin-left: 0;
    padding-top: 15px;
}

ul.nav0 li {width: 174px;}

.nav0 a
{
    color: #fff;
    padding: 5px;
    display: block;
}

.nav0 li.current a, .nav0 a:hover
{
    background-color: #2d2d2d;
}

.nav1
{
    margin: 0;
    color: #444;
    font-size: 12px;
    font-family: arial, sans-serif;
    list-style: none;
}

.nav1 a
{
    color: #fff;
    padding: 5px 12px;
    display: block;
    text-decoration: none;

}

.nav1 a:hover
{
    color: #fff;
    padding: 5px 12px;
    background-color: #2d2d2d;
}

.nav2
{
    margin: 0;
    background-color: #2d2d2d;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    font-size: .833em;
    font-family: verdana, sans-serif;
    padding: 8px 0;
    list-style: none;
}

.nav2 a
{
    padding: 1px 6px 1px 23px;
    background: #2d2d2d url(/images/bullet_arrow2.gif) no-repeat 11px;
    text-decoration: none;
    color: #a5a5a5;
}

.nav2 a:hover
{
    padding: 1px 6px 1px 23px;
    background: #2d2d2d url(/images/bullet_arrow2-hover.gif) no-repeat 11px;
    text-decoration: none;
    color: #fff;
}

.nav2 li.current a
{
    color: #fff;
    background: #2d2d2d url(/images/bullet_arrow2-hover.gif) no-repeat 11px;
    text-decoration: none;
}


/*
=content ---------------------------------------------------- */

.body_copy {
    padding: 5px 16px 20px 16px;
}

.body_copy ul {padding-left: 0;}

div.second_nav { margin: 10px 0 0 15px; }


#page_pics { border-top: 2px #E7EFEF solid; }

#page_pics img { margin-left: 17px; margin-top: 20px; }

.simple {
    line-height: 18px;
    list-style-image: url(../images/bullet_blue.gif);
    margin: 0;
    padding-left: 10px;
    }

.simple dd {
    margin-left: 10px;
    }

.simple li {
    margin-left: 16px;
    }

.language {
    line-height: 18px;
    list-style-image: url(../images/bullet_blue.gif);
    margin: 0;
    padding-left: 10px;
    }

.language dt {
    font-weight: bold;
    }

.language dd {
    margin-left: 10px;
    }

dl {
    line-height: 18px;
    list-style-image: url(../images/bullet_blue.gif);
    margin: 0;
    padding-left: 10px;
    }

/* randomly selected bg colors for front DIV 

div.h_front0 {
    background-color: #A6A65C;
    }

div.h_front1 {
    background-color: #6A6CAE;
    }

div.h_front2 {
    background-color: #9C9FA2;
    }

div.h_front3 {
    background-color: #4E653C;
    }

div.h_front4 {
    background-color: #4D5F6D;
    }

div.h_front5 {
    background-color: #81A924;
    }
*/

em {
    font-style: normal;
    font-weight: bold;
    color: #333333;
    }


.tooltip {
    background-color: #FFFBDB;
    border: 1px #000 solid;
    }

table.form {
    background-color: #dedede;
    text-align: left;
    line-height: 18px;
    }

tr.form_head {
    background-color: #999;
    text-align: left;
    color: #fff;
    border-right: 1px #fff solid;
}

td.form {
    border-bottom: 1px #fff solid;
    border-top: none;
    border-left: none;
    border-right: 1px #fff solid;
    text-align: left;
    }

td.form_noul {
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: 1px #fff solid;
    text-align: left;
    }

td.form_noul input {
    margin: .3em 0 .5em;
}

#booking_form1 td, #booking_form2 td, #booking_form3 td{
    padding: .5em 10px .7em 10px;
}

#summary {
    padding: .5em 10px;
}

/*
#booking_form1 td, #booking_form2 td, #booking_form3 td{
    padding:2px 4px;
    border: 1px solid red;
}
*/

/* Added by Kelvin from inline styles... */
h1 {
    margin: 18px 0px;
    padding-top: 0px;
    font-size: 18px;
    font-family: arial, helvetica, sans-serif;
    color: #2d2d2d;
}

/* =title */

.title {
    width: 100%;
    position: relative;
    height: 30px;
    padding: 0;
    line-height: 22px;
}

.title a.home {
    color: #E7EFEF;
    text-decoration: none;
    margin: 0 0 0 20px;
}

.title a.home:hover { text-decoration: underline; }

.title h1.banner {
    text-transform: uppercase;
    font-family: 'Arial narrow', sans-serif;
    color: #fff;
    font-size: 18px;
    margin: 0;
    font-weight: normal;
    letter-spacing: 0.5px;
    position: absolute;
    left: 200px;
    top: 2px;
}

img.flourish {
    position: absolute;
    left: 758px;
    top: 27px;
}

.body_copy a {
    font-weight: bold;
    text-decoration: none;
    color: #006589;
}

.body_copy a:hover {
    text-decoration: underline;
}

.gallery_image {
    width:113px;
    height:85px;
    border:0px;
}

div .quote{
    margin: 15px 0px 35px;
}

.book_now {
    float: right;
    position: absolute;
    top: 142px;
    left: 500px;
    width: 74px;
}

.book_now_bot { margin: 2em 0; }

.book_now a, .book_now_bot a {
    background: url(/images/book_now1.gif) no-repeat;
    width: 74px;
    height: 20px;
    display: block;
}

.book_now a:hover, .book_now_bot a:hover {
    background: url(/images/book_now2.gif) no-repeat;
    width: 74px;
    height: 20px;
    display: block;
}

.book_now span, .book_now_bot span {
    position: absolute;
    left: -999em;
}

#links { margin: 3em 0 0; }


/*
=footer
---------------------------------------------------- */
#footer {
    font-size: 10px;
    line-height: 16px;
    color: #666;
}

#footer p { margin: 0; text-align: left; }

#footer strong, #footer strong a { color: #333; }

#footer a { text-decoration: none;  color: #333; }
#footer a:focus, #footer a:hover, #footer a:active { text-decoration: underline; }

#footer .content {
    background: #dcdcdc url('/images/footer-bg.gif') repeat-x 0 0;
    width: 100%;
    padding: 10px 0 20px;
}

#footer .content div {
    margin: 0 0 0 55px;
    width: 648px;
}

#footer .footer_nav div {
    margin: 0 0 0 55px;
    width: 648px;
    padding: 8px 0;
}

body.inside #footer .content div { margin: 0 0 0 10px; }


#footer .content div table {
    font-size: 10px;
    line-height: 16px;
    margin: 0 0 5px 0;
    width: 100%;
}

#footer .content div table td {
    padding: 2px 0;
}

#footer .content td span { color: #171717; }


/* =self clearing floats */
#intro_head:after,
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* =popup */

#yk_bg {
    position: absolute;
    left: 0;
    z-index: 2000;
}

#yk_box {}

#flash.popup {
    top: 165px;
    left: 0;
    background: transparent url(/images/flash-bg.png) repeat-x 0% 0%;
    width: 528px;
    height: 352px;
    position: absolute;
    z-index: 5000;
}

#flash.popup #close {
    position: absolute;
    top: 20px;
    right: 66px;
    text-transform: uppercase;
    z-index: 5000;
    width: 40px;
    height: 8px;
    text-indent: -999em;
    outline: 0;
    background: transparent url(/images/flash-close.gif) no-repeat 0% 0%;
}

#flash.popup #flash_container {
    margin: 33px 0 0 66px;
    border: 1px solid #000;
    padding: 5px;
    background-color: #5B5B5B;
    width: 384px; /* 490px */
    height: 255px; /* 317px */
}

#flash.popup #video_details { display: none; }

ul.site_map {
    margin-left: 40px;
}

ul.site_map li.indent {
    margin-left: 15px;
}

p.site_map_title {
    margin-left: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}