@import "superfish.css";
@import "superfish-vertical.css";
@import "jquery.cluetip.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;
}

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: 	center;
	font-weight: 	normal;
	font-size: 		18px;
	letter-spacing:	2px;
	word-spacing:	5px;
	padding:		0;
	margin:			0;
}

#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;
	clear: 			both;
	width: 			950px;
	border-bottom: 	#000 2px solid;
}

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: 			129px;
	margin:			330px 10px 10px -170px;
	height: 		82px;
	background: 	url(../img/availability-off.jpg);
}

a.av {
	display: 		block;
	position: 		relative;
	top: 			10px;
	width: 			129px;
	float: 			right;
	margin: 		20px 10px 10px 10px;
	height: 		82px;
	background: 	url(../img/availability-off.jpg);
}

a.av-home {
	display: 		block;
	position: 		relative;
	width: 			129px;
	float: 			left;
	margin: 		20px 10px 10px 10px;
	height: 		82px;
	background: 	url(../img/availability-off.jpg);
}

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

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

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