html, body { width:100%; height:100%; margin:0; padding:0; }
#animation { width:950px; margin:0 auto; padding:30px 0 0 0; }
#nav2 { width:940px; margin:0 auto; }
#nav2 ul { height:45px; margin:0; padding:0; list-style-type:none; }
#nav2 li { height:45px; margin:0; padding:0; float:left; }
#nav2 li a { width:100%; height:45px; display:block; }
.button2 a:hover { background:none; }
.button2 span { position:absolute; top:-2000px; }
.tours { width:127px; background:url(../images/m-tours-over.jpg); }
.tours a { background:url(../images/m-tours-up.jpg); }
.downhill { width:89px; background:url(../images/m-downhill-over.jpg); }
.downhill a { background:url(../images/m-downhill-up.jpg); }
.packages { width:101px; background:url(../images/m-packages-over.jpg); }
.packages a { background:url(../images/m-packages-up.jpg); }
.beach { width:118px; background:url(../images/m-beach-over.jpg); }
.beach a { background:url(../images/m-beach-up.jpg); }
.hire { width:95px; background:url(../images/m-hire-over.jpg); }
.hire  a { background:url(../images/m-hire-up.jpg); }
.shop { width:107px; background:url(../images/m-shop-over.jpg); }
.shop a { background:url(../images/m-shop-up.jpg); }
.workshop { width:104px; background:url(../images/m-workshop-over.jpg); }
.workshop a { background:url(../images/m-workshop-up.jpg); }
.find2 { width:81px; background:url(../images/m-find2-over.jpg); }
.find2 a { background:url(../images/m-find2-up.jpg); }
.events { width:118px; background:url(../images/m-events-over.jpg); }
.events a { background:url(../images/m-events-up.jpg); }
#address2 { margin:0 0 20px 0; padding:15px 0 15px 0; font:12px arial; color:#FFF; text-align:center; background:url(address-back.png) repeat; _background:#333; }
#address2 span { font:10px arial; }
#address2 a { color:#A6D02A; }
#address2 a:hover { color:#FFF; }

#container { width:940px; margin:0 auto; position:relative; }
#logo {
	position:absolute;
	top:17px;
	left:0px;
}
#nav { width:240px; position:absolute; top:209px; left:60px; }
#main img { float:left; }
#main ul { width:240px; margin:0; padding:0; font:bold 13px/19px arial; float:left; list-style-type:none; background:url(nav-back.png); _background:#CCC; }
#main li { width:240px; margin:0; padding:0; background:url(nav-up.gif); border-bottom:1px dotted #8B857D; }
#main li a { width:214px; height:25px; padding:6px 0 0 26px; color:#000; display:block; }
#main li a:hover, #main li.current a { background:url(nav-over.png); _background:url(nav-over.gif); }
#nav .button {
	width:240px;
	height:40px;
	float:left;
	line-height: 40px;
	font-style: normal;
	font: arial;
	font-size: 22px;
	color: #CCCCCC;
}
#nav .button a { width:100%; height:40px; display:block; }
#nav .button a:hover { background:none; }
#nav .button span { position:absolute; top:-2000px; }
.adventure, .adventure a.current { background:url(sub-up.png); }
.adventure a { background:url(menu-up.jpg); }
.gear, .gear a.current { background:url(menu-over.jpg); }
.gear a { background:url(menu-up.jpg); }
.find, .find a.current { background:url(menu-over.jpg); }
.find a { background:url(menu-up.jpg); }
.book, .book a.current { background:url(sub-up.jpg); }
.book a { background:url(menu-up.jpg); }
#subscribe { width:100%; height:40px; background:url(subscribe-over.png); float:left; position:relative; }
#subscribe a { width:100%; height:40px; background:url(subscribe-up.png); display:block; }
#subscribe a:hover { background:url(subscribe-over.png); }
#sub ul { width:240px; margin:5px 0 0 0; padding:0; font:12px/19px arial; float:left; list-style-type:none; }
#sub li { background:url(sub-up.png); border:none; }
#sub a { width:225px; height:25px; padding:5px 0 0 15px; color:#A6D02A; display:block; }
#sub a:hover, #sub li.current a { backpx arial; }
#address span { font:14px 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;ground:url(sub-over.png); }
#address { width:216px; margin:0 0 30px 0; padding:12px 12px 0 12px; font:13px/19px 'Trebuchet MS'; color:#FFF; text-align:right; float:right; background:url(address-back.png) repeat; _background:#333; }
#address .contact { font:12px/19 }
#address a { color:#A6D02A; }
#address a:hover { color:#FFF; }

#content { width:634px; position:absolute; top:0; right:0; }
#top { width:634px; height:408px; background:url(content-top.png); _background:url(content-top.gif); position:relative; }
#image {
	position:absolute;
	top:0px;
	left:36px;
	padding-left: 20px;
}
#top h1 {
	position:absolute;
	bottom:17px;
	left:62px;
	width: 480px;
}
#copy {
	min-height:514px;
	padding:0 72px 1px 62px;
	background:url(content-back.png) repeat-y;
	_background:url(content-back.gif) repeat-y;
	font:12px/21px arial;
	color: #CCCCCC;
}
p, h1, h2 { margin:0 0 17px 0; padding:0; }
h1 {
	font:20px arial;
	color:#A6D02A;
	line-height: 16px;
}
h2 { font:16px arial; color:#A6D02A; }
#copy a { color:#A6D02A; }
#copy a:hover { color:#637721; }
#top h1 { margin:0; }
#copy ul { margin:0 0 15px 20px; padding:0; }
#copy li { list-style:none; background:url(li.gif) top left no-repeat; padding:0 0 0 10px; }
hr { margin:0 0 15px 0; border:1px solid #222; _border:1px solid #000; border-top:1px dashed #666; }
.fine { font:10px/15px arial; color:#BBB; }
.table {
	width:100%;
	margin:0 0 17px 0;
	background-image: url(address-back.png);
}
.table tr:hover td { background:#EEE; color:#000; }
.table td { padding:3px 0 3px 7px; background:url(../images/table-back.png); _background:#000; }
.heading, .table .heading, .table tr:hover .heading, .table .heading2, .table tr:hover .heading2 {
	padding:5px;
	color:#000;
	text-align:left;
	background:#A1CF27;
	border-right:1px solid #222;
	_border-right:1px solid #000;
	border-bottom:1px solid #222;
	_border-bottom:1px solid #000;
	font-family: arial;
	font-size: 10px;
	font-weight: lighter;
}
.table .heading2, .table tr:hover .heading2 { font:bold 12px arial; color:#FFF; }
#map { width:498px; height:300px; color:#222; border:1px solid #FFF; }
table {
	font-family:arial;
	padding-bottom: 10px;
}
.comment-list { padding:20px; background:url(../images/table-back.png); _background:#000; }

label { margin:3px 0 0 0; position:absolute; }
label strong { color:#A6D02A; }
.text1, .text2 { width:180px; margin:2px 0 2px 85px; padding:3px; font:12px arial; color:#333 !important; border:1px solid #FFF; background:#FFF url(../images/text-back.png) top repeat-x; }
.text2 { width:188px; height:21px; margin:2px 0 2px 85px; padding:0; border:1px solid #FFF; }
option { background:#EEE; }
.text1:hover, .text2:hover { border:1px solid #A6D02A; }
.formbutton { width:150px; height:30px; background:url(../images/submit-up.png); border:none; cursor:pointer; }
.formbutton:hover { background:url(../images/submit-over.png); }

.box { width:100%; margin:5px 0 0 0; padding:0 0 12px 0; display:table; }
.box img { margin:9px 0 0 11px; float:left; }
.box .left { width:151px; height:154px; float:left; background:url(../images/box-back.gif); }
.box .left div { width:128px; height:128px; margin:9px 0 0 0; background:url(box-cover.png); position:absolute; left:73px; }
.box .right { width:334px; padding:0 0 0 15px; float:right; }

.rotator { width:930px; height:318px; margin: 0 auto 20px auto; position: relative; overflow: hidden; }

#divMainRotatorNav { position:absolute; bottom:19px; right:16px; z-index:99; }
#divMainRotatorNav a { margin: 0 0 0 4px; padding: 3px 7px; background: #ffffff; text-decoration: none; color: #888888; font-size: 1.2em; }
#divMainRotatorNav a:hover { background: #454545; text-decoration: none; color: #ffffff; }
#divMainRotatorNav a.activeSlide { background: #454545; text-decoration: none; color: #ffffff; }
#divMainRotatorNav a:focus { outline: none; }

html { background:#292929 url(bgdark.jpg) top center fixed no-repeat; }
a { text-decoration:none; }
a img { border:none; }
#logo:hover, #footer img:hover { opacity:0.7; }


#footer { width:100%; height:33px; padding:35px 0 0 0; background:url(content-footer.png) top no-repeat; _background:url(content-footer.gif) top no-repeat; font:bold 11px 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial; color:#FFF; text-align:center; }
#footer2 { padding:0 0 1px 0; font:bold 10px verdana; color:#FFF; text-align:center; }
#footer a, #footer2 a { color:#FFF; }
#footer a:hover, #footer2 a:hover { color:#A6D02A; }
#footer span, #footer2 span { color:#222; }