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

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

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/f_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

body.inside {
	background-color: #E7EFEF;
	background-image: url(/images/bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	margin:0px;
}
body.inside2 {
	background-color: #E7EFEF;
	background-image: url(/images/bg2.gif);
	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: 1.2em;
    font-family: arial, verdana, helvetica, sans-serif;
    color: #006589;
}

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;
    letter-spacing: 1px;
    font-family: arial, verdana, helvetica, sans-serif;
    color: #f00;
}

a { color: #003366; }

a img { border: 0; }

td.top_nav {}

td.top_nav a {
	color: #000;
	text-decoration: none;
}

td.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: 538px;
	top: 10px;
}

body.inside2 ul.top_nav, body.inside ul.top_nav {
	left: 20px;
}



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

/*
=page structure
---------------------------------------------- */
div.ttl_experience {
    background-color: #000;
    padding-left: 26px;
}

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: 0 165px 0 0;
    color: #000;
    text-align: left;
    line-height: 18px;
    position: relative;
}

#intro p { text-align: left; }

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

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

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

.sidenav ul
{
    list-style: none;
    font-family: 'arial narrow', 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;
}


.nav0 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
    font-size: 16px;
}

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

.nav0 a:hover
{
    background: #BCCBD0 url(/images/bullet_arrow.gif) no-repeat 0px 8px;
}

.nav1
{
    margin: 0;
    color: #444;
    font-size: .9em;
}

.nav1 a
{
    color: #444;
    padding: 5px 12px;
}

.nav1 a:hover
{
    color: #444;
    padding: 5px 12px;
    background: #BCCBD0 url(/images/bullet_arrow.gif) no-repeat 0px 8px;
}

.nav2
{
    margin: 0;
    background-color: #A1B8BD;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    color: #444;
    font-size: .9em;
}

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

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


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

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

.body_copy ul
{
        padding-left: 16px;
}

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


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

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

.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: 1.5em;
	font-family: arial, helvetica, sans-serif;
	letter-spacing: 1px;
	color: #006589;
}

/* =title */

.title {
    width: 100%;
    padding: 2px 0;
    position: relative;
}

.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: 2em;
	margin: 0;
	font-weight: normal;
	letter-spacing: .1em;
	position: absolute;
	left: 200px;
	top: 2px;
}

.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: #888;

}

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

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

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

#footer .content {
    background-color: #C8D5D9;
    width: 100%;
    padding: 8px 0;
}

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

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;
}