html, body {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: #393215;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#1c190d;
} 
a {
	color:#663504;
	text-decoration:underline;
	/*font-weight:bold;*/
}
h2 {
	font-size: 17px;
	font-weight:bolder;
	margin:0;
	padding:0;
}
h3 {
	font-size: 14px;
	font-weight:bold;
}
.heading{
	font-size: 18px;
	font-weight:bolder;
	margin-top: -20px;
	margin-bottom:10px;
}

/* // --------------------------{    IE PNG FIX    }-------------------------- // */

/* img, div { behavior: url(iepngfix.htc) } */

/* // --------------------------{    LAYOUT    }-------------------------- // */

#background {
	margin: 0 auto;
	background-image:url(../images/bg-trees.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
} 

#wrapper { 
	width: 872px;
	/*height: 1024px;*/
	margin: 0 auto;
	text-align: left;
	background-color:#e0bf89;
	/*overflow:auto;*/
} 

.bodytext {
	line-height:18px;
}
/* // --------------------------{    HEADER    }-------------------------- // */
#header {
 	float:left;
	width:872px;
	height:270px;
	margin-top:-72px;
	/*margin-bottom:10px;*/
	background-color:#e0bf89;
	/*background-color:#fff;*/
}

#headerimage {
	width:872px;
	height:221px;
	background-color: #43432b;
	background-image:url(../images/phantom-river-view-luxury-accommodation-header.jpg);
}
#phantomlogo {
	width:417px;
	height:72px;
	position:relative; top:190px; right:26px;
	/*left:-26px; */
	background: url(../images/logo.jpg) no-repeat;
    	z-index:1;
	float:left;
}
/* ----------------------------------------------------------------*/
/*#header {
background: #fff url(header.jpg) no-repeat;
height: 101px;
width: 800px;
}*/
#phantomlogo a {
	background: url(../images/logo.jpg) no-repeat;
	display: block;
	width: 417px;
	height: 72px;
	text-decoration:none;
}
#phantomlogo a span {
	visibility: hidden;
}
/* ----------------------------------------------------------------*/

#header2 {
	z-index:1;
	position:relative; top:250px; right:20px;
	background-color:#00FF00;
	background-image:url(../images/logo.jpg);
	height:72px;
	width:417px;
}

#main-nav {
	width:485px;
	height:50px;
	list-style: none;
 	padding: 0;
  	margin: -5px 0 0 0;
	position:relative; bottom:0px;
	/*margin-bottom:-70px;*/
	float:right;
}

#menu {
	background:url(../images/navbar.gif) no-repeat;
	width:485px;
	height:50px;
	margin:0;
	padding:0;
}

#menu span {display: none;}

#menu li, #menu a {
	height:50px;
	display:block;
}
#menu li {
	float:left;
	list-style:none;
	display:inline;
}

#home {width: 68px;}
#homeCurrent {width: 68px; background:url(../images/navbar.gif) 0px -100px no-repeat; }
#accommodation {width: 146px;}
#accommodationCurrent {width: 146px; background:url(../images/navbar.gif) -68px -100px no-repeat; }
#whattodo {width: 78px;}
#whattodoCurrent {width: 78px; background:url(../images/navbar.gif) -214px -100px no-repeat; }
#feedback {width: 88px;}
#feedbackCurrent {width: 88px; background:url(../images/navbar.gif) -292px -100px no-repeat; }
#contact {width: 105px;}
#contactCurrent {width: 105px; background:url(../images/navbar.gif) -380px -100px no-repeat; }

#home a:hover {background:url(../images/navbar.gif) 0px -50px no-repeat; }
#accommodation a:hover {background:url(../images/navbar.gif) -68px -50px no-repeat; }
#whattodo a:hover {background:url(../images/navbar.gif) -214px -50px no-repeat; }
#feedback a:hover {background:url(../images/navbar.gif) -292px -50px no-repeat; }
#contact a:hover {background:url(../images/navbar.gif) -380px -50px no-repeat; }


/* -- OLD MENU --
#accommodation {width: 145px;}
#whattodo {width: 115px;}
#feedback {width: 96px;}
#contact {width: 110px;}

#accommodation a:hover {background:url(../images/navbar.jpg) 0px -42px no-repeat; }
#whattodo a:hover {background:url(../images/navbar.jpg) -145px -42px no-repeat; }
#feedback a:hover {background:url(../images/navbar.jpg) -260px -42px no-repeat; }
#contact a:hover {background:url(../images/navbar.jpg) -356px -42px no-repeat; }

*/
#pageHeading {
	float:left;
	width:800px;
	padding-left: 20px;
	height:35px;
}


/* // --------------------------{    CONTENT    }-------------------------- // */

#content {
	width:872px;
	background-color: #e0bf89;
	/*margin-top:-19px;*/
}
#textblock {
	clear:both;
	width:832px;
	text-align:left;
	/*margin-top:-15px;*/
	margin-left:20px;
}
#cabinblock {
	clear:both;
	width:872px;
	height:276px;
	margin-top:5px;
	background-image:url(../images/cabins-background.jpg);
	background-repeat:no-repeat;
}

#cabin{
	float:left;
	margin: 25px 0px 0 0;
	width:278px; 
	height: 241px;
}
#cabin_pic{
	float:left;
	width:269px; 
	height: 213px;
	margin: -52px 5px 0 0px;
}
#cabin_name {
	float:left;
	text-align:left;
	width:160px; 
	height: 52px;
	position:relative; top:175px; left:12px;
	margin: 0 -50px 0 0;
	z-index:2;
}

#content2 {
	clear:both;
	width:872px;
	height:700px;
	background-color: #e0bf89;
	background-image:url(../images/cabin-thinstrip.jpg);
	background-repeat:repeat-y;
	background-position: top right;
}
#content-accommodation {
	clear:both;
	width:872px;
	background-color: #e0bf89;
	background-image:url(../images/cabin-thinstrip.jpg);
	background-repeat:repeat-y;
	background-position: top right;
}
#comments-block-homepage {
	width:462px;
	height:190px;
	float:left;
	background-image:url(../images/bg-feedback.gif);
	background-repeat:no-repeat;
}
#comments-header {
	width:170px;
	height:36px;
	margin: 5px 0 0px 15px;
	background-image:url(../images/recent-feedback.jpg);
}
#comments-header a {
	background-image:url(../images/recent-feedback.jpg);
	display: block;
	width:170px;
	height:36px;
	text-decoration:none;
}
#comments-header a span {
	visibility: hidden;
}

#comment {
	width:430px;
	margin: 2px 0 0 18px;
	padding:2px 0 7px 0;
	border-bottom:#af8344 1px solid;
}
.guest-homepage {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color:#393215;
}
/*#guest-home {
	width:80px;
	height:33px;
	float:right;
	padding-left:7px;
	margin-right: 15px;
	border-left:#663300 1px solid;
	margin: 6px 0 0px 5px;
}*/

#specials-block {
	width:410px;
	height:190px;
	float:right;
	background-image:url(../images/bg-specials.gif);
	background-repeat:no-repeat;
}
#specials-header {
	width:400px;
	height:20px;	
	margin: 10px 0 10px 10px;
}

#specials-content {
	width:380px;
	height:110px;	
	margin: 10px 0 0 13px;
	/*background-color: #fff;*/
}
#specials-button {
	display:block;
	width:220px;
	height:36px;	
	float:right;
	margin: 5px 20px 0 0 ;
}
/* // --------------------------{    CONTENT - ACCOMMODATION   }-------------------------- // */

#content-accommodation {
	width:872px;
}
#accommodation-panel {
	float:left;
	width:872px;
	height:245px;
	background-image:url(../images/accommodation-bg.jpg);
	background-repeat:no-repeat;
}
#accommodation-image {
	float:left;
	width:290px;
	height:245px;
	padding-left:20px;
	padding-top:13px;
}
#accommodation-header {
	float:left;
	padding-top:11px;
	/*width:176px;*/
	height:51px;
}
#star-rating {
	float:left;
	padding-top:19px;
	width:100px;
	height:30px;
}
#accommodation-text {
	float:left;
	padding-top:3px;
	padding-bottom:13px;
	width:525px;
	height:150px;
}

#accommodation-details {
	margin-top:2px;
	float:left;
	width:210px;
	height:90px;
}
#accommodation-facilities {
	float:left;
	width:150px;
	height:60px;
}
div#accommodation-facilities {padding: 0;}
div#accommodation-facilities ul {list-style: none; list-style-image: url(../images/tickbox.gif); margin: 0; padding: 0; border: none;}
div#accommodation-facilities li {line-height: 11pt;}
 
#accommodation-facilities2 {
	float:left;
	width:150px;
	height:60px;
	margin-top:-47px;
	margin-left:15px;
}
div#accommodation-facilities2 {padding: 0;}
div#accommodation-facilities2 ul {list-style: none; list-style-image: url(../images/tickbox.gif); margin: 0; padding: 0; border: none;}
div#accommodation-facilities2 li {line-height: 11pt;}
 
#accommodation-button {
	float:right;
	text-align:right;
	width:115px; 
	height: 47px;
	position:relative; top:70px; left:30px;
	margin: 0 -40px 0 0;
    	/*z-index:3;*/
}
#general-rules {
	clear:left;
	width:800px;
	padding-left:25px;
}


/* // --------------------------{    CONTENT - CABIN PAGE    }-------------------------- // */

#cabin-panel {
	float:left;
	width:378px;
	/*height:600px;	*/
	margin: 0;
}

#cabin-text {
	width:455px;
	/*height:600px;*/
	margin: 5px 0px 0px 388px ;
	padding: 15px 0 0 0;
}

#cabin-panel-mainpic {
	width:350px;
	height:250px;	
	background-image:url(../images/cabin-mainpic-bg.jpg);
	background-repeat:no-repeat;
	padding: 15px 0 0 26px;
	margin: 5px 0 0 0;
}

#cabin-panel-gallery {
	width:363px;
	height:250px;	
	background-color: #e0bf89;	
	margin: 0 0 0 15px ;
}
#google-earth-link {
	width:363px;
	height:30px;	
	margin: 0 0 0 20px ;
}

#cabin-specs {
	float:left;
	width:460px;
	height:197px;
	margin-left:-8px;
	background-image:url(../images/bg-feedback.gif);
	background-repeat:no-repeat;
	background-position: -2px 0px;
}
#specs-title {
	/*padding-top:10px;*/
	width:220px;
	margin-left:20px;
	padding-top:4px;
	height:115px;
	/*background-color:#FF0000;*/
}
#specs-contact {
	clear:both;
	float:right;
	width:200px;
	margin-top:-120px;
	height:115px;
	/*background-color:#00FF00;*/
}
#accomm-facilities {
	width:420px;
	height:60px;
	margin-left:20px;
	padding-left:20px;
	/*background-color:#FF0000;*/
}
#accomm-facilities-list1 {
	float:left;
	width:140px;
	height:60px;
}
div#accomm-facilities-list1 {padding: 0;}
div#accomm-facilities-list1 ul {list-style: none; list-style-image: url(../images/tickbox.gif); margin: 0; padding: 0; border: none;}
div#accomm-facilities-list1 li {line-height: 10pt;
}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 0 0 2px 0;
	padding: 0;
	float: left;
	position: relative;
	width: 89px;
	height: 78px;
	background: url(../images/thumb-bg.jpg) no-repeat;
}

.gallery a {
	background:#CCFF00;
	text-decoration: none;
	color: #999;
	background: url(../images/thumb-bg.jpg) no-repeat;
}
.gallery a:hover {
	display:block;
	color: #000;
	/*height:20px;*/
	text-decoration: underline;
	background: url(../images/thumb-bg-rollover.jpg) no-repeat;
}
.gallery img {
	border: none;
	padding: 5px 3px 3px 6px;
}
.gallery em {
	width: 89px;
	height: 78px;
	display: none;
	position: absolute;
	text-align: center;
	font: 100%/100% verdana, arial, helvetica;
	padding-top: 38px;
}

#requestQuote {
	width: 193px;
	height: 50px;
	margin-top:-2px;
	margin-left:200px;
}

#extras {
	float:left;
	width:auto;
	height: 20px;
	margin-left:200px;
}
.accommodation-at-a-glance {
	line-height: 13px;
}
.extrasText {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#1c1806;
	text-decoration:underline;
}
.extrasText a:link {
	color:#1c1806;
	text-decoration:none;
}
.extrasText a:hover {
	color:#ff6600;
	text-decoration:none;
}

/* // --------------------------{    CONTENT - WHAT TO DO    }-------------------------- // */
#todolist {
	float:left;
	width:265px;
	padding: 5px 5px 5px 12px;
}
#todocategory {
	width:265px;
	/*background-color:#cca668;
	border: 1px solid #996600;*/
	background-image:url(../images/todolist-bg.gif);
	background-repeat:repeat-y;
}

#todotitle {
	float:left;
	width:230px;
	height:15px;
	margin-left: 10px;
	padding: 2px 0 0 10px;
	background-color:#eed4aa;
	border-top: 3px solid #996600;
	border-bottom: 2px solid #996600;
	line-height:13px;
}
#todotitle2 {
	float:left;
	height:30px;
	width:160px;
	padding: 20px 0 0 15px;
	font-weight:bold;
}
#todopic {
	clear:left;
	width:265px;
	height:75px;
	padding: 5px 0 0px 5px;
}
#todolisting {
	width:251px;
	padding: 10px 0 10px 20px;
}

/* // --------------------------{    CONTENT - FEEDACK    }-------------------------- // */

#feedback-highlights {
	/*clear:both;*/
	float:left;
	width:278px;
	height:700px;
	margin: 0px 0 0 17px;
	background-image:url(../images/feedback-bg.jpg);
	/*background-image: url(../images/feedback-bg.gif) repeat-y 0 0;*/
	border-top: 4px solid #dab476;
	border-bottom: 4px solid #dab476;
}
#feedback-panel {
	float: left;
	width:532px;
	padding-left:25px;
	margin: 0;
	/*border-left: 2px solid #d3b481;*/
}

/*#feedback-comment {
	width:840px;
	margin: 12px 0 20px 2px;
	padding:2px 0 7px 0;
	border-bottom:#af8344 1px solid;
}
*/
.bubble {
	width: 520px;
	font-size: 1em;
	margin-bottom: 24px;
}

.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #ba9653;
	background-color: #e9cc9c;
}

.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

.bubble cite {
	position: relative;
	margin: 0px;
	padding: 13px 0px 0px 15px;
	top: 12px;
	background: transparent url(../images/tip2.gif) no-repeat 20px 0;
	font-style: normal;
	color: #937e54;
}



#quotes{
	/*float:left;*/
	width:270px;
	margin: 10px 0 -20px 0px;
	/*background-color:#efefef;
	border: 1px solid #bbb;*/
	/*margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;*/
}
blockquote2 {
	float:left;
	margin:10px 10px 30px 10px;
	padding-left:10px;
	/*padding-bottom:30px;*/
	text-align:center;
	/*background-color:#efefef;*/
	/*border-bottom:1px solid #ba9653;*/
}
blockquote2 p {
	/*border:1px solid #669;*/
	/*padding:20px;*/
	/*margin-bottom:20px;
	text-align:center;*/
	display: inline;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	line-height:26px;
	font-weight:bold;
	color:#666;
}

.sample {
	font-family:"Times New Roman", Times, serif;
	font-size: 24px;
	line-height:29px;
	font-style:italic;
	text-align:center;
	/*font-weight:bold;*/
	color:#744d24;
}

#pages {
	float:left;
	width:500px;
	margin-left: -40px;
}
#pagination li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }

#pagination a           { border:solid 1px #5b300f; margin-right:2px; background-color:#eed7b0}

#pagination .previous-off,
#pagination .next-off   { color:#937e54; display:block; float:left; font-weight:bold; padding:3px 4px; }

#pagination .next a,
#pagination .previous a { font-weight:bold; border:solid 1px #5b300f; }	

#pagination .active     { color:#5b300f; font-weight:bold; display:block; float:left; padding:4px 6px; }

#pagination a:link, 
#pagination a:visited   { color:#5b300f; display:block; float:left; padding:3px 6px; text-decoration:none; }

#pagination a:hover     { border:solid 1px #ac6f40; background-color:#f9ead0}






/* // --------------------------{    FOOTER    }-------------------------- // */

#footer {
	clear:both;
	height:110px;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color: #e0bf89;
}
#accreditations {
	width:220px;
	height:70px;
	margin-top:40px;
	margin-left: 0;
	padding: 0;
	float:left;
	background-image:url(../images/accreditations.gif);
}
#accredit1 {
	width:94px;
	margin: 2px 20px 0 20px;
	height:55px;
	display: inline;
	float:left;
	/*background: url(../images/spacer.gif) no-repeat;*/
}
#accredit1 a {
	display: block;
	margin: 0;
	background: url(../images/spacer.gif) no-repeat;
	width: 94px;
	height: 55px;
	text-decoration:none;
}
#accredit1 a span {
	visibility: hidden;
}
#accredit2 {
	float:left;
	width:35px;
	margin: 2px 0px 0 -15px;
	height:55px;
	display: inline;
	/*background-color:#FF3399;*/
	/*background: url(../images/spacer.gif) no-repeat;*/
}
#accredit2 a {
	display: block;
	background: url(../images/spacer.gif) no-repeat;
	width: 35px;
	height: 55px;
	text-decoration:none;
}
#accredit2 a span {
	visibility: hidden;
}
#accredit3 {
	float:left;
	width:50px;
	margin: 2px 0px 0 5px;
	height:55px;
	display: inline;
	/*background-color:#66CCFF;*/
	/*background: url(../images/spacer.gif) no-repeat;*/
}
#accredit3 a {
	display: block;
	background: url(../images/spacer.gif) no-repeat;
	width: 50px;
	height: 55px;
	text-decoration:none;
}
#accredit3 a span {
	visibility: hidden;
}
/* -------------------------------------------------*/
#altnav {
	width:440px;
	margin-top:43px;
	float:left;
	text-align:center;
}
.altmenulinksText { 
	color:#5b300f;
	text-align:center;
}
.altmenulinksText:link{ 
	text-decoration:none;
}
.altmenulinksText:visited{ 
	color:#5b300f;
	text-decoration:none;
}
.altmenulinksText:hover{ 
	color:#000;
	text-decoration:underline;
}
#sitecredits {
	width:440px;
	margin-top:20px;
	float:left;
}
.sitecreditsText {
	color:#d1cc9d;
	text-align:center;
}
.sitecreditsTextlink{
	color:#d1cc9d;
}
.sitecreditsTextlink:a{
	color:#d1cc9d;
}
.sitecreditsTextlink:hover{
	color:#fff;
}
#socialbar {
	width:140px;
	float:right;
	position: relative; bottom:-19px;;
}
