@charset "UTF-8";
/* CSS Document */

/* Meyerweb.com CSS Reset v1.0 | 20080212 
==========================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
/*	vertical-align: baseline; */
/*	background: transparent; */
}

.column_big_middle ul li ul {
    font-size: 100%;
    margin-left: 50px;
    list-style-image:url("../images_interface/hyphen-bullet.png");
}

body {
	line-height: 1;
	
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*==========================================
============================================*/

body {
/* == background: url(/images/bg-sand.jpg) top left repeat; ==*/ 
background: url(../images_interface/bg_header.gif) top center repeat-x #ded4b2; 
font-family: Georgia, "Times New Roman", Times, serif;
}

.clear_both {
    clear: both;
    display:block;
}

.wildlife_break {
	margin-bottom:20px;
	height:1px;
	padding-bottom:1px;
	border-bottom: 1px dotted #a59c80;
}


.column_small_left, .column_small_right {
width: 235px;
}

.column_small_right.for_nav {
width: 297px;
padding: 5px 0 0px 5px;
background: #F2E9D5;
}

.column_small_left.nav {
width: 150px;
text-align: right;
border-right: 1px solid #cfc49c;
padding-right: 20px;
margin-top: 10px;
}

.column_small_left.nav h2 {
text-align: right;
font-size: 20px;
margin-bottom: 16px;
}

.column_small_left.nav ul {
background: url(../images_interface/dot-horizontal) bottom left repeat-x;
}

.column_small_left.nav ul li {
font-size: 12px;
line-height: 14px;
}

.column_small_left.nav ul li.main-item a, .column_small_left.nav ul li.main-item {
color: #4F4733;
font-variant: small-caps;
font-size: 14px;
background: none;
padding: 0px 5px 10px 0;
}

.column_small_left.nav ul li a {
text-decoration: none;
background: url(../images_interface/dot-horizontal) top left repeat-x;
display: block;
padding: 10px 5px 10px 0;
}


#container.experience a {
color: #5e7803;
}

#container h3 a {
text-decoration: none;
}


#container h3 a:hover {
text-decoration: underline;
}

.column_small_left.nav ul li.main-item a:hover {
background: none;
text-decoration: underline;
}

.column_small_left.nav ul li a:hover {
background: #d1c6a1 url(../images_interface/dot-horizontal) top left repeat-x;
}

.column_small_left.nav ul li.active a {
background: #d1c6a1 url(../images_interface/dot-horizontal) top left repeat-x;
}

.column_small_left, .column_small_left_nav {
float: left;
}

.column_small_left.photo-gallery {
float: left;
width: 235px;
margin-right: 20px;
}

.column_small_left.photo-gallery.no-margin {
margin-right: 0px;
}

.column_small_middle {
width: 225px;
float: left;
margin-left: 20px;
}


.column_small_right {
float: right;
}

.column_photo-galleries, .column_specials-page {
width: 770px;
margin-left: 190px;
}

.column_photo-galleries ul,  .column_specials-page ul {
list-style: disc;
margin-left: 15px;
}

table.specials {
}

table.specials tr td {
border-top: solid 1px red;
border: solid 1px red;
}

table.specials th {
text-align: left;
}


.column_big_middle {
width: 470px;
float: left;
margin-left: 20px;
}

.column_big_middle {
width: 470px;
padding-top: 10px;
}

.column_big_middle.for_nav {
width: 515px;
padding-top: 10px;
}

.column_big_middle.for_nav.wide {
width: 768px;
}

.column_big_middle.for_gallery {
width: 765px;
padding-top: 10px;
}


.column_big_left, .column_big_right {
width: 470px;
float: left;
}

.column_big_right .small-panel {
	width:225px;
}


.column_big_left.wide {
width: 550px;
}

.column_big_left {
padding-top: 10px;
}

.column_big_right {
margin-left: 20px;
}

.column-full-width {
padding-top: 10px;
width: 950px;
float: left;
margin-left: 10px;
}

.inner-column_1, .inner-column_2 {
width: 225px;
float: left;
}

.inner-column_1 {
margin-right:20px;
}

.inner-column_1 .small-panel, .inner-column_2 .small-panel {
}

p a.photo-link {
border-bottom: 0.08em solid #666666;
color: #28241b;
font-variant:small-caps;
text-decoration: none;
vertical-align: baseline;
background:url(../images_interface/icon_photo-link.gif) center right no-repeat;
padding-right: 16px;
}


p a[target="_blank"] {
display:inline-block;
line-height:18px; /* check your icon height */
background:url(../images_interface/icon_new-window-link.gif) center right no-repeat;
padding-right:16px;
}



.column_big_left p a, .column_big_left p a:link, .column_big_left p a:visited,
.column_big_right p a, .column_big_right p a:link, .column_big_right p a:visited,
.column_big_middle p a, .column_big_middle p a:link, .column_big_middle p a:visited,
.column_small_left p a, .column_small_left p a:link, .column_small_left p a:visited,
.column_small_right p a, .column_small_right p a:link, .column_small_right p a:visited,
.column_small_middle p a, .column_small_middle p a:link, .column_small_middle p a:visited,
.column-full-width p a, .column-full-width p a:link, .column-full-width p a:visited {
border-bottom: 0.085em solid #666666;
color: #28241b;
font-variant:small-caps;
text-decoration: none;
vertical-align: baseline;
font-style: normal;
}


.column_big_middle p a.no-underline {
text-decoration: none;
border-bottom: none;
background: none;
}

.column_big_middle p a.no-underline:hover {
border-bottom: none;
}

.column_big_left p a:hover,
.column_big_right p a:hover,
.column_big_middle p a:hover,
.column_small_left p a:hover,
.column_small_left_nav p a:hover,
.column_small_right p a:hover,
.column_small_middle p a:hover,
.column-full-width p a:hover {
border-bottom: 0.085em solid #ba6d1c;
color: #ba6d1c;
}

.column_big_left p,
.column_big_right p,
.column_big_middle p,
.column_small_left p,
.column_small_left_nav p,
.column_small_right p,
.column_small_middle p,
.column_specials-page p,
.column-full-width p {
margin: 0 0 1.571em 0;
font-size:0.855em;
color:#4f4735;
line-height:1.671em;
}

ul {
margin: 0 0 1.571em 0;
font-size:0.855em;
color:#4f4735;
line-height:1.671em;
}

.column_big_middle ul {
list-style: disc;
margin-left: 15px;
}

.column_big_left p:first-line, .column_big_left h2 + p:first-line, 
.column_big_right p:first-line, .column_big_right h2 + p:first-line,
.column_big_middle p:first-line, .column_big_middle h2 + p:first-line, .column_big_middle h2 + .photo-insert + p:first-line,
.column_small_left p:first-line, .column_small_left h2 + p:first-line,
.column_small_right p:first-line, .column_small_right h2 + p:first-line,
.column_small_middle p:first-line, .column_small_middle h2 + p:first-line,
.column-full-width p:first-line, .column-full-width h2 + p:first-line {
font-variant:small-caps;
font-weight:900;
text-indent:0pt;
}


.column_big_left * + p:first-line, .column_big_left * > p:first-line,
.column_big_right * + p:first-line, .column_big_right * > p:first-line,
.column_big_middle * + p:first-line, .column_big_middle * > p:first-line,
.column_small_left * + p:first-line, .column_small_left * > p:first-line,
.column_small_right * + p:first-line, .column_small_right * > p:first-line,
.column_small_middle * + p:first-line, .column_small_middle * > p:first-line,
.column-full-width * + p:first-line, .column-full-width * > p:first-line {
font-family:georgia,serif;
font-variant: normal;
font-weight:300;
}


p strong  {
float:left;
font-family: baskerville,'palatino linotype','times new roman',serif;
font-size:3.142em;
font-weight:300;
line-height:1em;
margin:0pt 0.125em 0pt 0pt;
color: #4f4735;
}

p.pagination strong {
float:none;
font-size:0.855em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

.column_big_left h3,
.column_big_right h3,
.column_big_middle h3,
.column_small_left h3,
.column_small_left_nav h3,
.column_small_right h3,
.column_small_middle h3,
.column-full-width h3 {
font-style: italic;
font-weight: normal;
font-size: 20px;
font-family: "Times New Roman", Times, serif;
color: #4f4733;
text-align: left;
padding-bottom: 0.5em;
line-height: 1.2em;
}

.column_big_middle h4 {
font-style: normal;
font-weight: bold;
font-size: 16px;
font-family: "Times New Roman", Times, serif;
color: #4f4733;
text-align: left;
padding-bottom: 0.5em;
}


.column_big_middle img {
padding: 5px;
background: #F2E9D5;
margin-bottom: 1em;
}

#breadcrumb {
width: 960px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
font-style: italic;
margin-top: 5px;
margin-bottom: 20px;
}

/*----General Declarations------*/
a {
color: #825924;
}

a:hover {
color: #54360e;
}


/*---Header----*/

#header {
width: 960px;
height: 155px;
margin: 0pt auto;
/*== background: url(/images/bg-sand.jpg) top left repeat;  ==*/
background: #ded4b2; 
position: relative;
}

#ear-piece-right, #ear-piece-left {
margin-top: 35px;
font-size: 11px;
color: #4F4735;
font-family: Arial, Helvetica, sans-serif;
width: 260px;
line-height: 15px;
}

#ear-piece-right {
text-align: right;
padding-right: 10px;
float: right;
width: 200px;
}

#ear-piece-right h3 {
text-align: right;
display: block;
}

#ear-piece-left {
float: left;
padding-left: 10px;
width: 350px;
}

#ear-piece-left  h3, #ear-piece-right h3, #footer h3 {
font-family: "Times New Roman", Times, serif;
font-style: normal;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 3px;
font-weight: normal;
color: #825924;
}

#ear-piece-right h3 a, #ear-piece-left h3 a, #footer h3 a {
text-decoration: none;
}


#ear-piece-left .feature-image {
float: left;
margin-right: 10px;
margin-top: -15px;
}


h2 {
font-weight: normal;
font-size: 30px;
font-family: "Times New Roman", Times, serif;
color: #4f4733;
text-align: left;
margin: 0 0 0.671em 0;
}

.column-full-width h2 {
color:#4F4733;
font-family:baskerville,'palatino linotype','times new roman',serif;
font-size:26px;
font-weight:normal;
letter-spacing:0.08em;
margin:0 0 0.671em;
text-align:center;
text-transform:uppercase;
}


h2 span.subtitle {
font-size: 12px;
line-height: 30px;
font-style: italic;
color: #807353;
}


h2.the-motse, h2.tarkuni {
display: block;
width: 300px;
height: 18px;
text-indent: -3456px;
margin: 0 0 1.571em 0pt;
}

h2.the-motse {
background: url(../images_interface/title_the-motse.gif) top left no-repeat;
}

h2.tarkuni {
background: url(../images_interface/title_tarkuni.gif) top left no-repeat;
}


/*---Main Logo----*/
#logo {
width: 180px;
height: 141px;
background: url(../images_interface/logo_tswalu.gif) top left no-repeat; 
position: absolute;
left: 390px;
top: 48px;
}

#logo h1 a {
width: 180px;
display: block;
text-indent: -3456px;
height: 141px;
background: url(../images_interface/logo_tswalu.gif) top left no-repeat; 
}

#logo h2 {
width: 180px;
height: 141px;
display: block;
text-indent: -3456px;
}



/*---Main Navigation----*/
#main-navigation {
background: red;
height: 34px;
width: 960px;
margin: 0 auto;
background: url(../images_interface/edge_navigation_bottom.gif) bottom center repeat-x;
}

#site-map {
display: block;
background: red;
height: 30px;
}

#navigation {
position: absolute;
z-index: 30;
width: 960px;
height: 26px;
font-family: "Times New Roman", Times, serif;
margin: 0 auto;
}

#navigation, #navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation a {
	color: #fff;
	display: block;
	text-decoration: none;
}

#navigation ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

#navigation li {
	float: left;
	line-height: 23px;
	text-align: center;
	background: #a98430;
}

#navigation li:last-child {
        padding-right: 0;
}

#navigation li a:hover {
color: #fff;
}
	

#navigation li ul li {
background: none;
}
	

#navigation li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	background: url(../images_interface/bg_menu_base.png) bottom left no-repeat;
	padding-bottom: 9px;
}

#navigation li a, #navigation li ul li a {
color: #ede0c6;
font-size: 11px;
line-height: 32px;
text-transform: uppercase;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}


#navigation li ul li a {
float: left;
text-align: left;
line-height: 16px;
padding: 6px 18px 6px 18px;
font-size: 10px;
font-family: "Times New Roman", Times, serif;
background:url(../images_interface/bg_menu.png) top left repeat-y;
}

/*---Sub-Menu List Width---*/
#navigation li ul li {
width: 650px;
}

/*
#navigation li ul {
filter: alpha(opacity=92);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=92);
-moz-opacity: 0.92; opacity:0.92;
background: url(/images/dot-horizontal.gif) bottom left repeat-x;
}*/


/*#navigation li ul li a:hover {
background: #cfa648;
}*/

#navigation li:hover ul {
	left: auto;
}

#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}

#navigation li:hover ul li {
}

#navigation li:hover ul li ul li {
	margin-left: 60px;
	}

#navigation li:hover ul li, #navigation li.sfhover ul li {
	width: 200px;
}

#navigation li:hover ul li a, #navigation li.sfhover ul li a {
	width: 200px;
}


#navigation li ul ul {
	margin: -1em 0 0 10em;
}

#navigation li:hover ul ul, #navigation li.sfhover ul ul {
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
	left: auto;
}

#navigation li a:hover {
text-decoration: underline;
}

#navigation li.fifty a {
width: 50px;
}

#navigation li.sixty a {
width: 60px;
}

#navigation li.seventy a {
width: 70px;
}
#navigation li.eighty a {
width: 80px;
}
#navigation li.ninety a {
width: 90px;
}
#navigation li.one-hundred a {
width: 100px;
}
#navigation li.one-hundred-and-ten a {
width: 110px;
}
#navigation li.one-hundred-and-twenty a {
width: 120px;
}
#navigation li.one-hundred-and-thirty a {
width: 130px;
}
#navigation li.one-hundred-and-forty a {
width: 140px;
}
#navigation li.one-hundred-and-fifty a {
width: 150px;
}

#navigation li.one-hundred-and-sixty a {
width: 160px;
}




#navigation li.home a {
width: 70px;
}

#navigation li.the_experience a {
width: 130px;
}


#navigation li.luxury_accommodation a {
width: 185px;
}

#navigation li.the_reserve a {
width: 105px;
}

#navigation li.kalahari_tales a {
width: 120px;
}

#navigation li.visit_us a {
width: 75px;
}

#navigation li.news_and_press a {
width: 100px;
}

#navigation li.contact_us a {
width: 95px;
}



/*---Main image panel---*/
#main-image-panel-top-edge {
width: 980px;
background: url(../images_interface/image-panel-skyline.jpg) top left no-repeat;
height: 29px;
text-indent: -3456px;
margin: 0pt auto;
}

#main-image-panel-wrapper {
width: 980px;
margin: 0px auto;
clear: left;
}

#container {
width: 960px;
margin: 5px auto 10px auto;
}

/*---Home page sub panels---*/
.small-panel, .large-panel-new  {
width: 235px;
float: left;
margin-bottom: 0.371em;
font-style: italic;
background: url(../images_interface/base_small-panel-235.gif) bottom left no-repeat #f2e9d5;
}

.small-panel.new {
width: 270px;
}

.small-panel.new.light-brown {
margin-right: 25px;
background: url(../images_interface/base_small-panel-light-brown-2010.jpg) bottom right no-repeat #f2e9d5;
}


.small-panel.light-brown {
padding-bottom: 15px;
background: url(../images_interface/base_small-panel-light-brown.jpg) bottom left no-repeat #f2e9d5;
}

.small-panel.green {
padding-bottom: 15px;
background: url(../images_interface/base_small-panel-green.jpg) bottom left no-repeat #f2e9d5;
}

.small-panel.brown {
padding-bottom: 13px;
background: url(../images_interface/base_small-panel-brown.jpg) bottom left no-repeat #f2e9d5;
}

.small-panel.new.brown {
background: url(../images_interface/base_small-panel-brown-2010.jpg) bottom left no-repeat #f2e9d5;
}


.large-panel.turquoise, .large-panel-new.turquoise {
padding-bottom: 15px;
background: url(../images_interface/base_large-panel-turquoise-2010.jpg) bottom left no-repeat #f2e9d5;
}

.small-panel.book {
padding-bottom: 15px;
}

.narrow1, .narrow2, .wide1 {
display: block;
}

.small-panel.book h3 a:link, .small-panel.book h3 a:visited {
color: #b95700;
line-height: 16px;
display: block;
width: 190px;
text-decoration: underline;
background:url(../images_interface/icon_booking-arrow.gif) top right no-repeat;
background-position: 170px -28px;
}

.small-panel.book h3 a:hover {
color: #4e4136;
text-decoration: underline;
background:url(../images_interface/icon_booking-arrow.gif) top right no-repeat;
background-position: 170px 5px;
}


.small-panel p, .large-panel-new p, .small-panel ul {
padding: 0px 15px 0.571em 15px;
font-size: 0.75em;
line-height:1.55em;
margin-top: 0;
margin-bottom: 0em;
color: #736b4a;
}

.small-panel ul {
list-style: disc;
margin-left: 15px;
}

.small-panel ul li {
margin-bottom: 0.25em;
line-height: 1.3em;
}

.small-panel ul li.heading {
list-style: none;
padding-left: 0;
margin-left: -13px;
margin-top: 1em;
}

.small-panel ul li.first {
margin-top: 0;
}

.small-panel .panel-content, .large-panel-new .panel-content {
padding-bottom: 18px;
padding-top: 12px;
background: url(../images_interface/bg_small-panel-content-235.jpg) top center no-repeat;
}

.large-panel .panel-content {
padding-bottom: 18px;
padding-top: 5px;
background: url(../images_interface/bg_large-panel-content.jpg) top left no-repeat;
}


/*===== This is for the panel that contains the photo thumbnails =======*/
.small-panel .panel-content.thumbnails {
padding-bottom: 16px;
padding-top: 12px;
}

.small-panel .panel-content.intro {
padding-bottom: 10px;
padding-top: 8px;
}

.small-panel .panel-content.intro p {
padding: 0px 15px;
margin-bottom: 10px;
}

.small-panel .panel-content select {
margin: 0 15px 5px 15px;
width:205px;
}

.small-panel .footer-green {
background: url(../images_interface/panel_footer_green.gif) bottom left no-repeat;
}

.large-panel h3, .large-panel-new h3, .small-panel h3 {
font-style: normal;
text-transform: uppercase;
text-align: left;
padding: 10px 10px 8px 15px;
font-size: 13px;
border: 0;
color: #736b4a;
background:url(../images_interface/panel-top-rough-edge.gif) top center repeat-x;
}

.small-panel h3.intro-panel {
font-style: normal;
text-transform: uppercase;
text-align: left;
padding: 10px 0px 0px 0px;
font-size: 13px;
border: 0;
color: #736b4a;
background:url(../images_interface/panel-top-rough-edge.gif) top center no-repeat;
}

.small-panel h3.intro-panel span.title {
display: block;
padding: 5px 15px 0px 12px;
line-height: 3px;
}

.small-panel h3.intro-panel a:hover {
text-decoration: none;
color: #825924;
}

.small-panel h3.intro-panel a:hover span.intro {
color: #825924;
}


.small-panel h3.intro-panel a:hover span.title {
text-decoration: underline;
}

.small-panel h3.intro-panel a span.intro {
display: block;
text-transform: none;
color:#736B4A;
font-size: 13px;
font-style: italic;
line-height: 15px;
margin-bottom: 5px;
margin-top:0pt;
padding:7px 12px 16px 12px;
}


.small-panel h3 a {
text-decoration: none;
}

#container .small-panel h3 a:hover {
text-decoration: none;
}

.small-panel h3.the-experience, .small-panel h3.luxury-accommodation {
margin: 0px 15px 0px 15px;
}

.small-panel h4 {
text-align: left;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
font-style: normal;
margin: 0px 15px 4px 15px;
padding-bottom: 0;
font-size: 14px;
border: 0;
color: #736b4a;
}

.column_small_right p.tag-cloud a {
text-transform: lowercase;
font-variant:normal;
font-style: italic;
border-bottom: 0;
}

.small-panel h5 {
text-align: left;
padding-bottom: 0;
font-size: 11px;
letter-spacing: 0.05em;
border: 0;
color: #736b4a;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}

.large-panel,
.large-panel-new {
margin-top: 0.571em;
background: url(../images_interface/base_large-panel.gif) bottom left repeat-x #F2E9D5;
padding-bottom: 24px;
}

.large-panel-new {
width: 360px;
margin-top: 0;
margin-right: 25px;
float: left;
}

.large-panel .content,
.large-panel-new .content {
padding-top: 0px;
padding-left: 0px;
background: url(../images_interface/bg_wide-panel-content.jpg) top center no-repeat;
}


p.view-gallery {
margin:0;
padding: 5px 0px 0 15px;
display: block;
clear: left;
text-align: left;
font-size: 0.75em;
}

p.view-gallery a:link, p.view-gallery a:visited  {
border-bottom:0.085em solid #666666;
color:#28241B;
font-style:normal;
font-variant:small-caps;
text-decoration:none;
vertical-align:baseline;
}

p.view-gallery a:hover {
border-bottom: 0.08em solid #ba6d1c;
color: #ba6d1c;
}


span.note {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
}


.panel {
background: #f2e9d5;
padding: 0 10px 10px 10px;
float: left;
}

.image_panel {
margin-left:-10px;
margin-top:-7px;
padding-bottom:10px;
display: inline;
}

.left_10 {
margin-left: 10px;
margin-right: 0;
}

.right_10 {
margin-right: 10px;
margin-left: 0;
}

.right_5 {
margin-right: 9px;
margin-left: 0;
}

.both_10 {
margin-left: 10px;
margin-right: 10px;
}

.bottom_5 {
padding-bottom: 5px;
}

.no_bottom {
padding-bottom: 0;
}

.width_210 {
width: 210px;
}

.width_440 {
width: 440px;
}

.width_460 {
width: 460px;
float: left;
background: none;
}

.column_1 {
float: left;
width: 490px
}


.bg_470 {
background: url(../images_interface/panel_470_top-edge.gif) top left repeat-x #f2e9d5;
}

.bg_250 {
background: url(../images_interface/panel_230_top-edge.gif) top left repeat-x #f2e9d5;
}

.no-bg {
background: none;
}

.panel p {
}

.panel h3 {
line-height: 36px;
}

h3.photo-gallery a {
background:url(../images_interface/title_photo-gallery.gif) top left no-repeat;
background-position: 0px 10px;
height: 40px;
text-indent: -3456px;
width: 121px;
display: block;
}

h3.the-experience a {
background:url(../images_interface/title_the-experience.gif) top left no-repeat;
background-position: 0px 10px;
height: 35px;
text-indent: -3456px;
width: 180px;
display: block;
}

h3.luxury-accommodation a {
background:url(../images_interface/title_luxury-accommodation.gif) top left no-repeat;
background-position: 0px 10px;
height: 35px;
text-indent: -3456px;
width: 200px;
display: block;
}

span.initial-caps {
font-variant:small-caps;
letter-spacing: 0.05em;

}

.panelcontent {
padding-top: 10px;
background:url(../images_interface/shadow_bottom_wide-panel.gif) top center no-repeat;
float: left;
}

/*---Photo Gallery Image Thumbnails----*/

a.image {
background: #e6ddca;
padding:0;
float: left;
margin-bottom: 9px;
border: solid 1px #F2E9D5;
}

a.image:hover {
background: #e6ddca;
padding:0;
float: left;
margin-bottom: 9px;
border: solid 1px #beb184;
}

a.image img {
	width:102px;
	height:66px;
}

.large-panel-new a.image img {
	width:102px;
	height:64px;
}


.panel-content.thumbnails {
padding-left: 11px;
}

.panel-content.thumbnails.less-padding {
padding-left: 7px;
}

.panel-content.thumbnails a img {
padding: 0px 5px 5px 0;
margin: 0;
}

.panel-content.thumbnails.less-padding a img {
padding: 0px 3px 3px 0;
margin: 0;
}


#footer {
margin-top:20px;
width: 100%;
background: url(../images_interface/footer_top-edge.gif) top left repeat-x #ccbe9f;
}

.footer-container {
width: 960px;
margin: 0px auto 0pt auto;
position: relative;
padding: 40px 0 20px 0 ;
color: #4F4735;
}

.footer_left {
width: 270px;
float:left;
}

.footer_middle {
width: 254px;
margin-left: 260px;
margin-right: auto;
}

.footer_middle h4.relais-and-chateaux, .footer_middle h4.pure, .footer_middle h4.spa-award {
	float: left;
}

.footer_middle h4.relais-and-chateaux a {
display: block;
width:77px;
height: 76px;
text-indent: -3456px;
background:url(../images_interface/logo_relais-and-chateux.gif) top center no-repeat;
}

.footer_middle h4.pure span {
display: block;
width:62px;
height: 76px;
text-indent: -3456px;
background:url(../images_interface/pure-logo.png) bottom center no-repeat;
}

.footer_middle h4.spa-award span {
display: block;
width:62px;
height: 76px;
text-indent: -3456px;
background:url(../images_interface/tswalu-spa-awards.png) bottom center no-repeat;
}

#footer h3.reservations a {
display: block;
background:url(../images_interface/title_reservations-and-enquiries_footer.gif) top left no-repeat;
text-indent: -3456px;
width: 214px;
height: 18px;
}

#footer h3.awards a {
display: block;
background:url(../images_interface/title_awards_footer.gif) top right no-repeat;
text-indent: -3456px;
text-align: left;
width: 350px;
height: 18px;
}

.footer_left h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 14px;
}

.footer_right {
width: 41	0px;
float: right;
text-align: right;
}

.footer_right ul {
text-align: right;
margin-bottom: 0;
}

.footer_right ul li, .footer_left ul li {
font-family: Arial, Helvetica, sans-serif;
margin-right: 0px;
line-height: 17px;
}

.footer_left ul li {
font-size: 0.80em;
}

.footer_right ul li {
font-size: 0.88em;
font-weight: bold;
}


.footer_right ul li.fair-trade {
margin-top: 3px;
}

.footer_right ul li a {
color: #373737;
text-decoration: underline;
}

.footer_right ul li a:hover {
text-decoration: underline;
color: #825924;
}


.footer_base {
width: 100%;
color: #4F4735;
text-align: center;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 0 10px 0;
}



/*==================== Reservations Table =========================*/
table.reservations {
font-size: 12px;
line-height: 16px;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
}

table.reservations tr td {
background: url(../images_interface/dot-horizontal) bottom left repeat-x;
padding-bottom: 10px;
}

table.reservations tr.no-dots td {
background: none;
}

table.reservations tr td {
padding-top: 5px;
color: #4F4733;
}

table.reservations tr td.label {
font-weight: normal;
vertical-align: middle;
line-height: 16px;
color: #4F4733;
padding-right: 5px;
}

table.reservations input, table.reservations select, table.reservations textarea {
border: solid 1px #999999;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 3px;
color: #4F4733;
}

table.reservations select {
font-size: 14px;
}

table.reservations span.note {
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
color: #4F4733;
font-size: 11px;
}

.column_big_middle table.reservations img {
padding: 0px;
background: none;
margin-bottom: 0em;
}



table.rates {
width: 515px;
background:#f2ead5;
line-height: 15px;
font-size: 12px;
text-align: right;
color: #4F4733;
}

table.rates tr td {
padding: 5px 5px 5px 15px;
background: url(../images_interface/dot-horizontal)  bottom left repeat-x;
}

table.rates tr.no-dots td {
background: none;
}

table.rates th {
font-weight: normal;
padding: 5px 5px 5px 5px;
text-align: right;
}

table.rates th.figures {
width: 120px;
}

table.rates tr.valid {
font-size: 12px;
background: #f2ead5;
}

table.rates tr td.line-item {
text-align: left;
}

table.rates tr.row-heading td {
background: #ded4b1;
font-size: 14px;
padding: 10px 5px 5px 5px;
text-align: left;
font-variant: small-caps;
}

.captcha {
margin-top: 5px;
}


/*==================== Photo-Insert =========================*/
.photo-insert {
float: left;
margin-right: 1em;
margin-bottom: 0.2em;
background: #F2E9D5;
padding: 5px;
}

.photo-insert p {
text-align: left;
}

.photo-insert.wide {
margin-right: 0em;
}

.photo-insert.left42 {
margin-left: 42px;
}

.photo-insert.width380 {
width: 380px;
}


.entry.short.no-indent .article .photo-insert {
margin-left: 0px;
}

.photo-insert.right {
float: right;
width: 230px;
margin-right: 0em;
margin-left: 1em;
}

.photo-insert.right.guides {
width: 200px;
}

.photo-insert img {
margin-bottom: 0;
padding: 0;
}


.entry .article .photo-insert p {
font-size: 11px;
padding: 5px 7px 0 7px;
margin: 0;
text-align: left;
}

.photo-insert p.caption {
font-family:georgia,serif;
font-size:11px;
line-height:1.4em;
margin-bottom:0;
padding:0.4em 0.4em 0.3em;
}

.photo-insert p.caption a.panel {
padding: 0;
font-size:12px;
}


/*==================== Picture Slide Container (slideshow) =========================*/

.picture-slides-container {
    width: 980px;
    height: 386px;
    margin-bottom: 10px;
    position: relative;
}

#header-images-fader {
    position: absolute;
    top: 0;
}

.picture-slides-previous-image:hover, .picture-slides-next-image:hover, .picture-slides-view-gallery:hover  {
cursor: pointer;
text-decoration: underline;
}


.navigation-controls {
font-size: 10px;
font-style: normal;
padding: 10px 0 1px 15px;
color: #825924;
clear: both;
display: block;
}

.navigation-controls.right {
    clear: none;
}

.picture-slides-previous-image, .picture-slides-next-image {
display: block;
float: left;
}

.picture-slides-previous-image {
padding-right: 5px;
border-right: 1px solid #aa8a61;
}

.picture-slides-next-image {
padding-left: 5px;
}

.picture-slides-fade-container {
float: left;
height: 142px;
}

.picture-slides-fade-container.gallery {
    float: none;
    height: auto;
    margin-bottom: 15px;
}

.picture-slides-fade-container img {
margin-bottom: 0px;
}


.picture-slides-view-gallery {
display: block;
float: right;
padding-right: 15px;
}

.picture-slides-view-gallery a {
text-decoration: none;
}

.navigation-controls.gallery {
color:#825924;
float:right;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
font-style:normal;
margin-left:20px;
padding: 0px 0 5px 0;
width:170px;
line-height: 1.5em;
}

.small-panel .navigation-controls ul {
list-style: none;
}

.small-panel .navigation-controls ul li {
float: left;
font-size: 1em;
margin-left: 0;
}

.picture-slides-image-load-fail {
display:block;
padding-top:150px;
position:absolute;
text-align:center;
width:960px;
}

ul.picture-slides-thumbnails {
list-style: none;
margin-left:0;
}

ul.picture-slides-thumbnails li {
float: left;
}

.thumbnail-image-holder {
width: 575px;
}

.thumbnail-image-holder img {
margin-bottom: 0;
margin-right: 5px;
}

.large-image-holder {
width: 770px;
float: left;
}

.picture-slides-image-text {
float:right;
margin-left:0px;
width:175px;
color: #4F4733;
font-size: 14px;
margin-top: 15px;
font-style:italic;
line-height:17px;
}


/*==================== List-Columns (Wildlife) =========================*/


.list-column-1, .list-column-2, .list-column-3 {
color: #4F4735;
}

.list-column-1 {
width: 165px;
float: left;
}

.list-column-2 {
width: 165px;
margin-left: 15px;
float: left
}

.list-column-3 {
width: 165px;
margin-left: 360px;
}


.list-column-1 h4, .list-column-2 h4, .list-column-3 h4 {
text-transform: uppercase;
font-size: 12px;
line-height: 14px;
margin-bottom: 3px;
font-weight: normal;
}

.list-column-1 li, .list-column-2 li, .list-column-3 li {
font-size: 12px;
list-style: none;
line-height: 15px;
background: url(../images_interface/bulle_brown-bullseye.png) center left no-repeat;
padding-left: 15px;
}

.list-column-1 ul, .list-column-2 ul, .list-column-3 ul {
margin-left: 0px;
margin-bottom: 10px;
}

/*======== Quotes ============*/

p.quote {
font-size: 20px;
font-style: italic;
margin: 0 25px 15px 25px;
}


p.quote span.source, p span.source {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
margin-left: 0px;
clear:both;
display: block;
}



/*======== Diary Entries ============*/

.diary-entry {
background:url(../images_interface/dot-horizontal) top left repeat-x;
padding-top: 20px;
}

.diary-entry.first {
background: none;
padding-top: 0;
}

.guest-comment {
background:url(../images_interface/dot-horizontal) top left repeat-x;
padding-top: 8px;
margin-bottom: -10px;
}

span.date {
font-weight: normal;
color:#807353;
font-size:11px;
font-style:italic;
padding-left: 13px;
margin-left: 10px;
border-left: 1px solid #807353;
} 

span.date.name {
font-weight: normal;
color:#807353;
font-size:11px;
font-style:italic;
padding-left: 0px;
margin-left: 0px;
border-left: 0;
} 

.small-panel p.dotted {
padding-top: 10px;
background:url(../images_interface/dot-horizontal) top left repeat-x;
}

p.date {
font-size: 11px;
}

cite {
display: block;
padding-bottom: 0px;
line-height:1.671em;
}

.entry {
padding: 15px 0 15px 0;
background: url(../images_interface/dot-horizontal) bottom left repeat-x;
padding-bottom: 15px;
margin-bottom: 0px;
}

.entry.first {
padding: 0px 0 15px 0;
}

.entry.full {
background: none;
padding: 0;
margin-bottom: 0;
}

.entry h3 {
padding-bottom: 3px;
}

.entry h3.bottom-space {
padding-bottom: 10px;
}

.entry-date {
background:transparent url(../images_interface/icon-calendar.gif) no-repeat scroll 0%;
float:left;
height:45px;
margin-right:8px;
padding-top:6px;
width:34px;
}

.entry-date p {
color:#7d7d61;
font-family: Georgia, "Times New Roman", Times, serif;
margin: -3pt 0pt 0pt -2px;
text-align:center;
text-transform:uppercase;
}

.entry p {
line-height:150%;
margin-bottom:1.3em;
}


.entry-date span.year {
display:block;
font-size:9px;
height:12px;
}

.entry-date span.month {
display:block;
font-size:9px;
height:13px;
}

.entry-date span.day {
display:block;
font-size:17px;
height: 15px;
}

p.posted {
font-weight: normal;
color:#807353;
font-size:11px;
font-style:italic;
padding-bottom: 0px;
} 

.posted .by {
padding-right: 20px;
}

.entry .article p, .entry .article h3 {
margin-left: 42px;
}

.entry .article.specials p, .entry .article.specials  h3 {
margin-left: 0px;
}


.entry.short .article p {
/*margin-bottom: 1px; */
margin-left: 42px;
}

.entry.short .article.specials p {
/*margin-bottom: 1px; */
margin-left: 0px;
}

.entry.short .article.comments p {
margin-bottom: 1em;
}

.entry.short.no-indent .article p {
margin-left: 0px;
}

.entry.short .article .photo-insert p {
margin-bottom: 1px;
margin-left: 0px;
}


.posted .posted-in {
}

p.posted .posted-in a {
text-transform:capitalize;
font-variant:normal;
font-style: italic;
}

p.perm {
text-align: right;
margin-bottom: 0;
padding-bottom:0;
clear: both;
}

p.perm .read-entry {
background:url(../images_interface/icon_read-on.gif) bottom right no-repeat;
text-align: right;
padding-right: 17px;
margin-bottom: 0;
}

p.perm.pdf {
background:url(../images_interface/icon_pdf.gif) bottom right no-repeat;
}

p.perm .read-entry.pdf {
background: none;
padding: 0px 36px 0px 0;
line-height: 33px;
}

.read-entry.pdf {
height: 20px;
}

p.perm .read-entry.pdf img {
padding: 0;
margin: 0;
border-bottom: 0;
text-decoration: none;
border: 0;
}

p.perm .read-entry a {
color: #825924;
border-bottom-color: #825924;
}

p.perm .read-entry a:hover {
color: #000000;
border-bottom-color: #000000;
}


p.read-on-paragraph {
clear: both;
}

span.read-on {
float: right;
}


.pagination {
padding-top: 10px;
text-align: right;
}

.pagination.pages1 {
display: none;
}


/*======== Photo Gallery Overlay ============*/

body.gallery {
background: none;
}

#overlay {
height:100%;
left:0pt;
min-width:800px;
position: absolute;
top:0pt;
padding-bottom: 100px;
visibility: visible;
background: url(../images_interface/bg_overlay_black-80.png);
width:100%;
z-index:900;
}

#overlay-box {
background: url(../images_interface/overlay-box-layout.jpg) top center no-repeat;
height:500px;
padding: 0pt 0px;
width: 600px;
margin: 0px auto;
}

#overlay-box h3 {
font-style: normal;
width: 400px;
font-weight: normal;
text-transform: uppercase;
text-align: left;
padding: 14px 10px 10px 15px;
font-size: 13px;
border: 0;
color: #736b4a;
}

#overlay-box p.description {
color:#4F4735;
font-size: 12px;
line-height:1.671em;
margin: 0 0pt 1.571em 0;
padding-top: 372px;
text-align: center;
font-style: italic;
}

#overlay-box p.close a {
padding-top: 14px;
font-size: 12px;
text-align: right;
font-style:normal;
font-variant:small-caps;
text-decoration:none;
border-bottom:0.085em solid #28241B;
color:#28241B;
float: right;
}

#overlay-box p.close a:hover {
color:#BA6D1C;
border-bottom:0.085em solid #BA6D1C;
}

#shadowbox_content {background-color: #ded4b1;} 



/*-----HIGH RES GALLERY CSS --------*/

body.hi-res_gallery {
background: #ded4b2; 
}

body.hi-res_gallery p {
font-size: 13px;
line-height: 16px;
}

body.hi-res_gallery p.center {
text-align: center;
margin-bottom: 15px;
}


body.hi-res_gallery #content {
 left:              0px;
 right:             10px;
 background-color: 	#f2ecd8;
border: 1px solid 	#333;
 margin:            0 15px 0 15px;
 padding:           12px 15px 30px 15px;
 width:             auto;
}

* html body.hi-res_gallery #content {
 width:             100%;
 width:            	auto;
}

body.hi-res_gallery #narrowcontent {
 left:              0px;
 right:             10px;
 background-color: 	#fff;
 border: 1px solid 	#333;
 margin:            0 10px 0 10px;
 padding:           10px 12px 12px 12px;
 width:             auto;
}

* html body.hi-res_gallery #narrowcontent {
 width:             100%;
 width:            	auto;
}


body.hi-res_gallery .breadcrumb {
 margin:            15px 0 15px 6px;
 font-size:         11px;
 background-color:  transparent;
}

body.hi-res_gallery .paginate {
 margin:            10px 0 10px 6px;
 font-size:         11px;
 background-color:  transparent;
}

body.hi-res_gallery .windowclose {
 margin:            15px 0 10px 0;
 font-size:         10px;
 background-color:  transparent;
 text-align: 		center;
}

body.hi-res_gallery .spacer {
 font-size:	10px;
 margin:		5px 0 5px 0;
}

body.hi-res_gallery img {
 margin:		0;
 padding:	0;
 border:		0;
}

body.hi-res_gallery .border {
 border:	1px solid #000;
}

body.hi-res_gallery .paddedborder {
 padding: 	20px;
 border: 	1px solid #000;
}

body.hi-res_gallery .thumbs {
 text-align:	center;
 padding:	15px 3px 8px 3px;
 background-color: #ded4b2;
}

body.hi-res_gallery .title {
 margin:            3px 0 0 0;
 font-size:         13px;
 line-height:      16px;
 font-weight: 		normal;
 color:             #4F4735;
}

body.hi-res_gallery .details, body.hi-res_gallery .instructions {
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4F4735;
}

body.hi-res_gallery .caption {
 margin:  			12px 0 4px 0;
 background-color:	transparent;
 font-size:         13px;
 line-height: 16px;
 color: #4F4735;
}

body.hi-res_gallery .commentlink {
 margin:            4px 0 8px 0;
}


body.hi-res_gallery li {
 margin:            0 0 15px 0;
 font-size:         11px;
 color: 				#333;
 background-color:  transparent;
 text-align: 		left;
 padding-bottom: 	5px;
 border-bottom: 		1px dashed #ccc;
}

body.hi-res_gallery .stats {
 margin:            4px 0 4px 0;
 font-size:         10px;
 font-weight: 		normal;
 color:             #fff;
}

body.hi-res_gallery .imageBG {
 text-align: center;
 background-color:  #DED4B2;  
}

body.hi-res_gallery .categories {
 padding:           5px 10px 5px 12px;
 background-color:  #E9E9F2;  
}

body.hi-res_gallery .tableBorder {
}

body.hi-res_gallery th {
 font-size:         12px;
 color:             #fff;
 font-weight:		bold;
 text-align:		left;
 padding:           5px 4px 5px 12px;
 background-color:  #b2a782;  
}

body.hi-res_gallery td {
 font-size:         11px;
 color:             #000;
}

body.hi-res_gallery .powered {
 margin:            15px;
 font-size:         10px;
 background-color:  transparent;
 text-align:			center;
}

div.comment {
border-left: 10px solid #f2ead5;
padding-left: 10px;
}

p.comment-name {
margin-bottom: 0;
padding-bottom: 0;
font-style: italic;
font-size: 12px;
}

p.special-note {
font-size: 12px;
font-style: italic;
color: #7A6F57;
}

.centre-paragraph {
width: 768px;
padding-top: 0;
}

.centre-paragraph .photo-insert {
width: 200px;
}

.photo.left {
float: left;
}

.photo.right {
float: right;
}


/*--- Booking Widget --*/

#arriveMonth {
	float: left;
	margin-right: 2px;
	}

#arriveDay {
	float: left;
	margin-right: 2px;
	}

table.bookingWidget {
margin-top: 2px;
margin-bottom: 2px;
}

table.bookingWidget tr td {
padding-right: 7px;
padding-left: 7px;
border-left:1px solid #F2EAD5;
}

table.bookingWidget tr td.firstCell {
padding-left: 0px;
border-left:0px;
}


.bookingButton {
padding-top: 5px;
}

.registerSubmit {
display: block;
}

ul.gallery_module_fader, ul.gallery_fader {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 770px;
}

ul.gallery_module_fader {
    width: 235px;
}

ul.gallery_module_fader li, ul.gallery_fader li {
    margin: 0;
    padding: 0;
    line-height: 0;
}

ul.gallery_module_fader li, ul.gallery_fader li a, .picture-slides-fade-container img {
    /*float: left;
    position: absolute;*/
}

div.entry short:first-child {
    padding: 0 0 15px;
}

.gallery_index {
    cursor: pointer;
}

.member_container {
    height: 430px;
    clear:both;
    padding-top: 25px;
}

.member_container p {
    color:#4F4735;
    font-size:0.855em;
    line-height:1.671em;
    margin:0 0 1.571em;
}

.member_container a {
    border-bottom:0.085em solid #666666;
    color:#28241B;
    font-style:normal;
    font-variant:small-caps;
    text-decoration:none;
    vertical-align:baseline;
    font-size: 13.6833px;
}

.member_login {
    padding-left: 250px;
}

.member_login label {
    width: 150px;
    display: inline-block;
    color:#4F4735;
    font-size:0.855em;
    line-height:1.671em;
    margin:0 0 5px;
}

.contact_form_field {
    font-size: 13.6833px;
    color:#4F4735;
    line-height:1.671em;
}

.member_login input[type=submit] {
    border:1px solid #999999;
    color:#4F4733;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:16px;
    padding:3px;
    cursor: pointer;
}

.member_login textarea {
        width: 350px;
        height: 100px;
}

input.permalink {
    color:#4F4733;
    font-size:10px;
    width: 150px;
    line-height:17px;
}

.submit {
    border:1px solid #999999;
    color:#4F4733;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:16px;
    padding:3px;
    cursor: pointer;
}

.gallery-module-inner {
    margin-bottom: 8px;
}

.navigation-controls span {
    /*margin-top: 6px;*/
}

.gallery-slides-container {
    height: 348px;
}

.gallery-slides-container .gallery_fader li {
    width: 100%;
}

.gallery-slides-container .gallery_fader li .navigation-controls .picture-slides-previous-image, .gallery-slides-container .gallery_fader li .navigation-controls .picture-slides-next-image {
    float: none;
    position: static;
    display: inline-block;
}

.gallery-slides-container .gallery_fader li .navigation-controls.gallery.right {
    clear: both;
}

.gallery-slides-container .gallery_fader li .picture-slides-image-text {
    clear: both;
}

.gallery-slides-container .single_image {
    float: left;
}

.addthis_counter a.atc_s {
    background: #3B5998;
}

.addthis_counter.addthis_pill_style {
    background: #3B5998;
}

.column_big_middle .column_small_right {
    margin-left: 15px;
}

.column_big_middle .column_small_right img {
    padding: 0;
}

.featured_img {
	border: 8px solid #f2ebcf;
}

.featured_read_more {
	border-bottom: 0.085em solid #666666;
    color: #28241B;
    font-style: normal;
    font-variant: small-caps;
    text-decoration: none;
    vertical-align: baseline;
	font-size: 0.855em;
	float: right;
}

.featured_read_more:hover {
	border-bottom: 0.085em solid #ba6d1c;
    color: #ba6d1c;
}

.featured-video object, .featured-video embed {
	width: 360px !important;
	height: 270px !important;
}
