@import "superfish.css";
@import "superfish-vertical.css";

body {
	color: 			#655445;
	margin-left:	auto;
	margin-right:	auto;
	font-family: 	Trebuchet MS, Tahoma, Arial, helvetica, sans-serif; ;
	font-size: 		12px;
	background: 	url(../img/bg.jpg) repeat; 
	margin-bottom:	0;
}

img {border:none;}
a { color: #990000; text-decoration: none;}
a:hover {color: #009900;}

a.intext {
	color: 			#655445;
}

b {
	color: 			#433931;
}

h1,h2,h3,h4{
	word-spacing:	2px;
	padding: 		0px 0 0px 20px;
	margin: 		0px 0px 5px 0px;
	font-style: 	italic;
	font-weight:	bold;
}

h1 {
	font-size: 		24px;
	color: 			#5b8640;
	margin-bottom: 	20px;
	margin-top: 	20px;
	font-weight:	normal;
}

h3 {
	font-size: 		16px;
	color: 			#95342e;
}

h2, h4 {
	font-size: 		13px;
	color: 			#95342e;
}

#container {
	background: 	#e4d5b8;
	margin-left: 	auto;
	margin-right: 	auto;
	width: 			950px;
	margin-bottom: 	20px;
	top:			10px;
	position: 		relative;
}

html>/**/body #container {
	top:			16px;
}

#topgreen-cont {
	position: 		absolute;
	top: 			10px;
	width: 			100%;
	z-index: 		50;
}

#topgreen {
	background: 	url(../img/greenline.gif) repeat;
	display: 		block;
	height: 		20px;
	padding:		5px;
	position: 		relative;
	width: 			965px;
	margin-left:	auto;
	left:			2px;
	margin-right: 	auto;
}



div.boxb1 {
	background: 	transparent url(../img/module_wrapped_shadow_bl.gif) no-repeat scroll 0 0;
	clear: 			both;
	width: 			975px;
	padding:		0;
	left:			2px;
	position: 		relative;
	margin-left: 	auto;
	margin-right: 	auto;
}

div.boxb2 {
	background: 	transparent url(../img/module_wrapped_shadow_br.gif) no-repeat scroll 100% 0;
	padding: 		0 0px;
	position: 		relative;
	right:			0;
}

div.boxb3 {
	background: 	transparent url(../img/shadow_mid.png) repeat-x scroll 0 0;
	height: 		10px;
	position: 		relative;
}

#topgreen h6 {
	color:			#FFF;
	font-family: 	Trebuschet MS, Tahoma, Arial;
	text-align: 	left;
	font-weight: 	normal;
	font-size: 		18px;
	letter-spacing:	2px;
	word-spacing:	5px;
	padding:		0;
	margin:			0;
	margin-left:	100px;
}

#header {
	height:			305px;
	width: 			950px;
	z-index:		1;
	float: 			left;
	position: 		relative;
	background: 	#f3f2e7 url(../img/header-bg.jpg) bottom left repeat-x;
}

div#hi {
	position: 		relative;
	width: 			780px;
	height: 		255px;
	z-index:		1;
	overflow: 		hidden;
	left: 			15px;
	top:			15px;

}

#hbgr {
	width: 			9px;
	height: 		306px;
	position: 		absolute;
	top:			0px;
	margin-top:		-2px;
	right:			0px;
	z-index:		3;
	float:			right;
	margin-right:	-9px;
	background: 	url(../img/header-bgr.jpg) no-repeat;
}

#header #logobg {
	position:		absolute;
	top: 			15px;
	right: 			15px;
	z-index:		2;
    background: 	transparent url(../img/logoback.png) repeat;
	width: 			350px;
	height: 		255px;
}

html>/**/body #header #logobg {
	opacity: 		0.8;                    	/* Firefox, Safari(WebKit), Opera */
    -ms-filter: 	"alpha(opacity=80)"; 		/* IE 8 */
    filter: 		alpha(opacity=80);      	/* IE 4-7 */
    background-color:#FFF;
}

#header #logobg img {
	margin: 		35px 5px;
}

html>/**/body #header #logobg img {
	opacity: 		1;                       	/* Firefox, Safari(WebKit), Opera */
    -ms-filter: 	"alpha(opacity=100)"; 		/* IE 8 */
    filter: 		alpha(opacity=100);       	/* IE 4-7 */
}

#palms {
	background: 	transparent url(../img/palms-left.png) no-repeat left bottom;
	width: 			365px;
	height: 		242px;
	position: 		absolute;
	top: 			55px;
	margin-left: 	-46px;
}

#palms2 {
	background: 	transparent url(../img/palms.png) no-repeat left bottom;
	width: 			365px;
	height: 		242px;
	z-index:		5;
	position: 		absolute;
	top: 			55px;
	margin-left: 	-46px;
}

div#languages {
	z-index:		6;
	height: 		30px;
	position:		relative;
	bottom:			-13px;
	left:			40px;
}

div#languages a {
	float: 			left;
	margin: 		0 5px;
}

a#phone {
	height: 		34px;
	width: 			33px;
	z-index:		4;
	position: 		absolute;
	background: 	url(../img/phone.jpg) no-repeat;
	right: 			75px;
	top: 			20px;
}

a#email {
	height: 		34px;
	width: 			33px;
	z-index:		4;
	position: 		absolute;
	background: 	url(../img/e-mail.jpg) no-repeat;
	right:			20px;
	top: 			19px;
}

a#map {
	height: 		100px;
	width: 			110px;
	z-index:		3;
	position: 		absolute;
	background: 	url(../img/map.jpg) no-repeat;
	right: 			15px;
	top: 			65px;
}

a#ecoaward {
	height: 		88px;
	width: 			89px;
	z-index:		2;
	position: 		absolute;
	background: 	url(../img/eco-award.jpg) no-repeat;
	right: 			25px;
	top: 			175px;
}

ul.topmenu {
	position: 		absolute;
	bottom:			10px;
	z-index:		10;
	left: 			250px;
	list-style-type: none;
}

html>/**/body ul.topmenu {
	bottom:			-2px;
}

ul.topmenu li {
	float: 			left;
	margin: 		0px 16px;
	padding: 		0px 0px;
	display: 		block;
	font-size: 		16px;
}

ul.topmenu li.sep {
	margin:			0px;
	padding:		0px;
	font-size: 		16px;
}

ul.topmenu li a {
	padding: 		8px 18px;
	color: 			#5e270d;
} 

ul.topmenu li:hover {
	background-color:#FFF;
} 

ul.topmenu li a span.tmi {
	font-family: 	verdana;
}

#mmt {
	clear: 			left;
	float: 			left;
	width: 			182px;
	z-index:		10;
	display: 		block;
	position: 		relative;
	height: 		11px;
	margin-top:		-13px;
	background: 	url(../img/menu-bg1.jpg);
}

#mainmenu {
	clear: 			left;
	float: 			left;
	width: 			187px;
	display: 		block;
	z-index:		10;
	font-size: 		15px;
	padding-top:	4px;
	position: 		relative;
	margin-top:		0px;
	margin-left:	-1.2em;
	padding-left:	0px;
	background: 	url(../img/menu-bg2.jpg) repeat-y;
}


#mainmenu #house {
	position: 		absolute;
	width: 			160px;
	left:			0;
	bottom:			5px;
	display: 		block;
	margin:			0;
	height: 		204px;
	z-index:		11;
	background: 	url(../img/menu-house.jpg) no-repeat;
}

#mmb {
	clear: 			left;
	float: 			left;
	width: 			176px;
	z-index:		10;
	display: 		block;
	position: 		relative;
	height: 		7px;
	background: 	url(../img/menu-bg3.jpg) no-repeat 0px 0px;
}

#content {
	width: 			760px;
	position: 		relative;
	margin: 		10px 0px 10px 10px;
	float: 			right;
	z-index:		2;
	text-align: 	justify;
}

#content2 {
	width: 			700px;
	position: 		relative;
	min-height: 	650px;
	margin:			10px 0px 10px 10px;
	float: 			right;
	right: 			50px;
	z-index:		2;
	text-align: 	justify;
}

#footer {
	font-size: 		10px;
	text-indent: 	70px;
	padding:		10px 0 0 0;
	height:			40px;
	clear: 			both;
	width: 			950px;
	border-bottom: 	#000 2px solid;
	position:		relative;
}

#footer #facebook {
	float:			right;
	text-indent: 	0px;
	margin:			0 0 0 10px;
	width:			410px;
	display:		block;
}
#footer #plus1 {
	float:			right;
	text-indent: 	0px;
	margin:			0 0 0 10px;
	display:		block;
}
#footer .twitter-share-button {
	float:			right;
	text-indent: 	0px;
	margin:			2px 0 0 0;
	display:		block;
}



div#mill {
	background: 	url(../img/game-farm.png) no-repeat;
	width: 			197px;
	height:			264px;
	display: 		block;
	position: 		absolute;
	left:			-58px;
	bottom:			-4px;
}

img.catsunlimited {
	position: 		relative;
	float:			right;
	margin-left: 	20px;
	top: 			-17px;
}

img.oxwagon {
	margin: 		20px;
}

a.availability {
	display: 		block;
	position: 		absolute;
	width: 			144px;
	margin:			330px 10px 10px -188px;
	height: 		42px;
	background: 	url(../img/bookeng.png);
}

a.av {
	display: 		block;
	position: 		relative;
	top: 			10px;
	width: 			144px;
	float: 			right;
	margin: 		20px 10px 10px 10px;
	height: 		42px;
	background: 	url(../img/bookeng.png);
}

a.av-home {
	display: 		block;
	position: 		relative;
	width: 			144px;
	float: 			left;
	margin: 		20px 10px 10px 10px;
	height: 		42px;
	background: 	url(../img/bookeng.png);
}

a.av-home:hover, a.av:hover {
	background-position: 0px -42px;
}

img.tmb {
	padding:		5px;
	background: 	#FFF;
	border: 		#BBB 1px solid;
	position: 		relative;
}

img.tmb:hover {
	border-color: 	#DDD;
}

img.l {
	float: 			left;
	margin:			0px 15px 10px 0px;
}

img.r {
	float: 			right;
	clear: 			right;
	margin:			0px 0px 10px 15px;
}

img.top {
	margin: 		0px 8px 15px;
}

.c {
	clear: 			both;
}

table {
	text-align: 	left;
	float: 			left;
}

div.package {
	width: 			205px;
	position: 		relative;
	height: 		380px;
	color: 			#000;
	float:			left;
	margin: 		20px 2px;
	padding: 		10px;
	border: 		2px #FFF solid;
	display: 		block;
}

div.p1 {background: url(../img/pages/cats-unlimited.jpg);}
div.p2 {background: url(../img/pages/dusternbrook-experience.jpg);}
div.p3 {background: url(../img/pages/mountain-drive1.jpg);}

div.package:hover {
	border-color: 	#95342e;
}

div.package h5 {
	font-size: 		16px;
	color: 			#666633;
	margin: 		5px;
	text-align: 	center;
}

div.package .back {
	opacity: 		0.5;                    	/* Firefox, Safari(WebKit), Opera */
    -ms-filter: 	"alpha(opacity=50)"; 		/* IE 8 */
    filter: 		alpha(opacity=50);      	/* IE 4-7 */
	display: 		block;
	position: 		absolute;
	top: 			50px;
	left:			5px;
	z-index:		4;
	width: 			215px;
	height: 		143px;
	background-color: #FFF;
}

div.package p {
	z-index: 		5;
	position: 		relative;
}

div.newsblock {
	margin: 		15px;
	border-bottom: 	1px #FFF dashed;
	padding-bottom: 20px;	
}

a.print-map {
	height: 		35px;
	width: 			130px;
	border: 		1px #95342e dotted;
	color: 			#000;
	position: 		absolute;
	padding: 		5px;
	right:			30px;
	top: 			120px;
	text-align: 	justify;
	background: 	url(../img/print.png) no-repeat 115px 25px;
}

a.print-map:hover {
	background-color: #FFF;
}

table.rates {
	width: 100%;
}

table.rates .title {
	font-weight:	bold;
}

table.rates td {
	padding: 		5px 10px;
}

div#pricewrap {
	width: 			440px;
	position: 		relative;
	margin: 		10px 30px 10px 10px;
	float: 			right;
	z-index:		2;
	text-align: 	justify;
}

div.sidebar {
	position: 		relative;
	float: 			right;
	right: 			10px;
	top: 			30px;
	background: 	#f3eee4;
	padding: 		10px;
	z-index:		2;
	border: 		1px #FFF dashed;
	width: 			250px;
	
}

table.contacttabel textarea {border:1px solid #999999; padding:0.5em; margin:0px; overflow:auto; background:#fff;}

table.contacttabel textarea:hover {background: #f3f2e7;}

table.contacttabel input[type="submit"] { 
	width:			100px; 
	background:		#fff;
	height:			26px;
	text-align: 	center;
	font-weight: 	normal;
	padding: 		0px 8px;
	float: 			none;
	clear: 			right;
	cursor:			pointer;
	color:			#655445; 
	margin:			2px auto 5px 100px; 
	border:			none;
}
table.contacttabel input[type="submit"]:hover {background:#f3f2e7;}

table.contacttabel input {border:1px solid #999999; background:#fff; padding-left:1em; margin-bottom:0.4em; float:left; width:200px; padding: 2px 1em;}

table.contacttabel select {border:1px solid #999999; background:#fff; padding-left:1em; margin-bottom:0.4em; float:left; width:200px; padding: 2px 0 2px 1em;}

table.contacttabel input:hover {background:#f3f2e7; }

table.contacttabel input[type="checkbox"] {width:12px; border:none; margin:0;}

ul.hp {list-style-type: none; width: 500px; margin-left: 0px}

ul.hp li {
	list-style-type: none;
	padding: 		2px 2px 2px 20px;
	list-style-position: outside;
	margin:			3px 0;
	background: 	url(../img/bullet_green.png) no-repeat left 3px ;
}

a.aktion {text-align:left; float:right; display:block; background:url(../img/star.png) 0 3px no-repeat; padding:0 0 0 20px; line-height:25px; height:25px; margin:10px 0;}

div#webdesign {
	width: 60%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FFF;
	padding: 10px;
	font-size: 11px;
}

div#webdesign a {
	color: #FFF;
}

div#webdesign a:hover {
	color: #95342E;
}

#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../images/layout/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #e4d5b8;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #e4d5b8;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #ac352e;
  color: #e4d5b8;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
  line-height: 1.4em;
  text-align: justify;
  font-size: 12px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(../img/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(../img/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(../img/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(../img/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(../images/layout/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(../images/layout/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(../images/layout/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(../images/layout/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}