/* Gerneral */
.skipnav {display:none;}
form {margin:0;padding:0;}
html, body {height:100%; /* needed for container min-height */}
body {
    margin:0;
    padding:0;
    background:#FFFFFF url(/i/body-bg.jpg) repeat-x;
    font-family:trebuchet ms, Arial;
}
#wrapper {
    width:980px;
    margin:0 auto;
    padding:0;
    background:#5D8382;
    
    position:relative;
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#header {
    background:url(/i/header-bg.jpg) 0 0 no-repeat;
    height:174px;
    width:940px;
    padding:15px 20px;
    margin:0;
    position:relative;
}
#header a#logo {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:400px;
    height:109px;
    margin:0;
    padding:0;
}
#header p#strapline {
    position:absolute;
    left:20px;
    top:176px;
    font-size:17px !important;
    font-family: trebuchet ms;
    color:#EDEDED;
    margin:0;
    padding:0;
    text-align:center;
    width:940px;
}
#flashbox {
    width:940px;
    height:320px;
    margin:0 20px;
    padding:0;
    overflow:hidden;
    background:#7D9B9B;
}
#flashbox img {margin:0;}
/* TOP MENU */
ul#topmenu, ul#campingmenu {
    list-style:none;   
    margin:0;
    padding:0;
    text-indent:0;
    height:41px;
    position:absolute;
}
ul#topmenu {display:none;top:123px;right:28px;}
ul#campingmenu {top:109px;left:150px;}
ul#topmenu li, ul#campingmenu li {
    padding:0;
    margin:0;
    display:inline;
}
ul#topmenu li a {
    height:33px;
    width:79px;
    font-size:12px;
    line-height:14px;
    padding-top:8px;
    color:#EDEDED;
    text-decoration:none;
    display:block;
    float:left;
    background:url(/i/toprightnav.png) 0 -82px no-repeat;
    text-align:center;
}
ul#topmenu li.oneline a {height:26px;padding-top:15px;}
ul#topmenu li.first a {background-position:0 0;}
ul#topmenu li.last a {background-position:0 -41px;width:80px;}

ul#topmenu li a:hover {background-position:-80px -82px;}
ul#topmenu li.first a:hover {background-position:-80px 0;}
ul#topmenu li.last a:hover {background-position:-80px -41px;}

ul#campingmenu li a {
    height:40px;
    width:88px;
    margin:1px 0 0 1px;
    font-size:15px;
    line-height:17px;
    padding-top:3px;
    color:#445F5E;
    text-decoration:none;
    display:block;
    float:left;
    text-align:center;
    font-weight:bold;
}
ul#campingmenu li.last a {padding-top:12px;height:31px;}
ul#campingmenu li a:hover {background:#FFFFFF;}
ul#campingmenu li.last a:hover {background:url(/i/campingmenu.png) -179px -1px no-repeat;}
ul#campingmenu li.first a:hover {background:url(/i/campingmenu.png) -1px -1px no-repeat;}

#awardlogos {
    height:86px;
    width:550px;
    position:absolute;
    top:17px;
    right:20px;
    text-align:right;
}
#awardlogos img {margin-left:18px;}
/* TABBED MENU */
ul#menu {
    background:url(/i/menu-bg.jpg) no-repeat;
    list-style:none;
    padding:0;
    margin:0 20px 0 20px;
    text-indent:0;
    height:54px;
}
ul#menu li {
    padding:0;
    margin:0;
    display:inline;
}
ul#menu li a {
    display:block;
    padding:0 8px;
    margin:10px 0 0 0;
    float:left;
    text-align:center;
    color:#EDEDED;
    font-size:12px;
    line-height:12px;
    font-family:trebuchet ms;
    text-decoration:none;
    border-right:1px solid #EDEDED;
}
ul#menu li.last a {}
ul#menu li.first a {margin-left:20px;border-left:1px solid #EDEDED;}
ul#menu li.open a, ul#menu li a:hover {color:#66ffcc;}


#innerwrapper {padding:0 20px;}

#copy {
    border-top:1px solid #D9E1E0;
    color:#D9E1E0;
    font-family:trebuchet ms;
    font-size:10px;
    margin:0 20px;
    padding:11px 0;
    text-align:center;
}
#copy a {
    clear:both;
    color:#D9E1E0;
    text-decoration:none;
}
#copy a:hover {color:#99ffcc;}

/* PAGE LAYOUTS */

/*HOME*/
body.home div#innerwrapper {
    padding-left:170px;
    padding-right:170px;
    margin:0 20px;
}
body.home #sidebar {
    position:relative;
    float:left;
    width:170px;
    right:170px;
    margin-left:-600px;
    margin-bottom:10px;
}
body.home #sidemenu {
    position:relative;
    float:left;
    width:170px;
    margin-right:-170px;
    margin-bottom:10px;
}
body.home #content {
    position:relative;
    float:left;
    margin:0 24px;
    width:552px;
}

#homepagemap {
    font-size:10px;
    font-family:trebuchet ms;
    color:#FFFFFF;
    margin:30px -20px 0 0;
    height:224px;
    background:url(/i/homepagemap.jpg) right bottom no-repeat;
}
body.home #content h1, body.home #content p {color:#FFFFFF;font-size:14px;}

/* TWO COL LEFT */
body.twocolleft div#innerwrapper {
    padding-left:170px;
    margin:0 20px;
}
body.twocolleft #sidebar {
    position:relative;
    float:left;
    width:170px;
    right:170px;
    margin-left:-770px;
    margin-bottom:10px;
}
body.twocolleft #sidemenu {display:none;}
body.twocolleft #content {
    position:relative;
    float:left;
    margin:0 0 0 24px;
    width:746px;
}
/* TWO COL RIGHT */
body.twocolright div#innerwrapper {
    margin:0;
}
body.twocolright #sidemenu {
    float:left;
    width:170px;
    padding:0;
    margin:0 0 10px 24px;
}
body.twocolright #content {
    float:left;
    margin:0;
    padding:0;
    width:746px;
}
body.twocolright #sidebar {display:none;}

/* CONTACT */
div#contacttext {
    width:218px;
    float:left;
}
fieldset#contactsent, fieldset#contactform {
    width:440px;
    float:left;
    margin:0 0 40px 52px;
    background:#567877;
    border:1px solid #445F5E;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
fieldset#contactsent legend, fieldset#contactform legend {display:none;}
fieldset#contactform table {margin:0 auto;}
fieldset#contactform table td {padding:3px 0;}
fieldset#contactform table td.tablelabel {
    text-align:right;
    padding:5px 15px 0 15px;
    vertical-align:top;
}
#message, .textinput {width:280px;}
p#downloadbrochure {margin:30px 0;}
#downloadbrochure img {float:left;margin:0 10px 0 0;}
.ibutton {
    border:none;
    padding:5px 15px;
}
/* BOOKING */
fieldset.booking {
    background:#567877;
    border:1px solid #445F5E;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding:20px 0 0 0;
}
fieldset.booking table th.highlight {padding:10px 0;}
fieldset.booking table td.tablelabel {
    padding:0 10px;
    width:100px;
    text-align:right;
    font-size:11px;
}
fieldset.booking table th {text-align:left;}
fieldset.bookingpartone, fieldset.bookingparttwo {
    width:358px;
    float:left;
    overflow:hidden;
    min-height:410px;
}
fieldset.bookingpartone {margin:0 0 24px 0;}
fieldset.bookingparttwo {margin:0 0 24px 24px;}
fieldset.bookingpartthree {
    clear:left;
    margin-top:24px;
    margin-bottom:40px;
    padding-bottom:20px;
}

/* LOCATION */
img#locationmap {float:right;margin:0 0 40px 22px;}

/* GUEST BOOK */
div.testimonial {
    border:1px dotted #C2D0BF;
    border-width:1px 0 0;
    padding:20px 0 15px 0;
    background:url(/i/quotes.png) -16px 18px no-repeat;
}
div.testimonial div {
    padding:0 28px 5px 28px;
    background:url(/i/quotes.png) 920px bottom no-repeat;
}
div.lasttestimonial {
    border-width:1px 0;
    margin-bottom:20px;
}

/* FAQS */
dl#faqs dt {color:#ffd900;}
dl#faqs dd {margin:5px 0 15px 0;}

/* LINKS */
dl#links dd {margin:5px 0 15px 0;}

/* Statics */
dl#statics dd {margin:15px 0 20px 0;}
p#nosmoking {margin:25px 0;padding:10px 0 10px 10px;width:250px;}
p#nosmoking img {float:left;margin:-10px 25px 0 0;}
div#staticintro {width:361px;float:left;margin-right:24px;}
div#staticdetail {width:361px;float:left;}

/* GALLERY */
div#gallerymainphoto {float:left;margin:1px 0 40px 24px;width:336px;}
div#gallerythumbs {float:left;margin:0 0 40px 24px;width:336px;}
div#gallerythumbs a {
    display:block;
    width:77px;
    height:53px;
    float:left;
    margin:0 5px 5px 0;
    border:1px solid #5D8382;
}
div#gallerythumbs a:hover, div#gallerythumbs a.selected {
    border:1px solid #FFFC00;
}

div#gallerytext {float:left;margin:0 0 40px 17px;width:203px;}

/* SITEMAP */
ul#sitemap li.padd {padding-bottom:15px;}

/* SITE PLAN */
div.siteplan {width:832px;margin:0 auto 40px auto;}

/*ONECOL*/
body.onecol #sidebar, body.onecol #sidemenu {display:none;}


/* CONTENT */
#content {min-height:300px;}
#content h1 {margin-top:0;font-size:14px;color:#ffd900;}
#content h2 {font-size:14px;color:#ffd900;}
#content h3 {font-size:14px;color:#ffd900;font-weight:normal;}
#content, #content p, li, td, th {
    color:#FFFFFF;
    line-height:19px;
    font-size:14px;
}
#content a {color:#66ffcc;text-decoration:none;}
#content a:hover {color:#99ffcc;}

/*MISC*/
a img {border:none;}
.highlight {color:#ffd900 !important;}
img.imgright {float:right;margin:0 0 15px 24px;}
.errormsg {
    color:red !important;
    border:1px dotted red;
    background:yellow;
    margin:10px 0;
    padding:15px;
}

/*FACILITIES GLANCE*/
#facilitiesglance {
    padding-bottom:114px;
    background:url(/i/sidebar-foot.jpg) bottom left no-repeat;
}
#facilitiesglance h6 {
    font-family:trebuchet ms;
    font-size:15px;
    color:#EFE3CB;
    margin:0;
    padding:10px 12px 0 12px;
    height:24px;
    background:url(/i/sidebar-head.jpg);
}
#facilitiesglance ul {margin:0;padding:0;list-style:none;}
#facilitiesglance li {
    margin:0;
    padding:4px 12px;
    font-size:12px;
    color:#6B6969;
    background:url(/i/sidebar-item.jpg) bottom left no-repeat;
}
a#tregongeevesbutton {
    display:block;
    width:170px;
    height:20px;
    padding:64px 0 0 0;
    text-align:center;
    background:url(/i/buttons/tregongeeves.jpg) 0 0 no-repeat;
    color:#FFFFFF;
    font-size:11px;
    text-decoration:none;
    margin:0 0 20px 0;
}
#tariffavailabilitybutton, #siteplanbutton {
    display:block;
    height:84px;
    margin:0 0 20px 0;
}
#gallerybutton {
    display:block;
    height:56px;
    margin:0 0 20px 0;
}
/* FACILITIES IMGS */
#facilities-imgs {float:right;width:250px;margin:0 0 0 24px;}
#facilities-imgs img {margin:0 0 15px 0;}

/* TREGONGEEVES IMG*/
#tregongeeves-imgs {width:448px;margin:0;float:right;}
#tregongeeves-imgs img {float:left;margin:0 0 24px 24px;}

/* LIGHTBOX */

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(/js/lightbox/images/blank.gif) no-repeat;
	/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(/js/lightbox/images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(/js/lightbox/images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}

#imageData {
	padding:0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 500px;
	background-color: #000;
}