a:active,a:focus {outline: none; -moz-outline-style: none; }

#testimonaials { padding-top: 23px; }

/* 1. Layout Overrides */
* { padding: 0; margin: 0; }
.span-3 { width: 10px; }
.span-4 { width: 180px; }
.span-16 { width: 548px; }
.span-20 { width: 100%; min-width: 912px; margin: 0; }
.span-21 { width: 732px; }
.span-23 { width: 912px; margin: 0 auto; display: block; }
.span-22 { width: 100%; min-width: 912px; margin: 0; }
.span-24, div.span-24 { width:912px; margin:0; }

.container { width: 912px; margin: 0 auto; }
.center { margin: 0 auto; text-align: center; }

body, html, p, td, div, span { font: 12px Arial, sans-serif; color: #000000; }
body { margin:0; padding:0; min-width: 912px !important; text-align: center; margin: 0 auto; background: #ffffff url(../images/header-repeat.gif) repeat-x; }
#tdarea { margin: 0 auto; padding: 0; }

.sig { display: block; width: 100%; min-width: 500px !important; background-color: #ffffff; }
.sig_cont { display: block; width: 210px; float: left; margin-top: 10px; }
.sig_thumb { }
.thickbox { }


#toparea { width: 100%; min-width: 912px; position: relative; left: 0; top: 0; display: block; margin: 0 auto; background: #000000 url(../images/header-repeat.gif); padding: 0; text-align: middle; }
#centered-area { position: relative; display: block; width: 912px; min-width: 912px !important; height: 30px; }
#logoarea { float: right; display: block; width: 180px; height: 30px; margin: 0 auto; padding: 0;  }
#headerarea { float: right; display: block; width: 912px; min-width: 912px !important; height: 30px; margin: 0 auto; padding: 0; text-align: right; overflow: hidden;  }
#leftarea1 { display: block; float: left; position: relative;  }

#bodyarea { display: block; width: 912px; margin: 0 auto; margin: 0 auto; padding: 0; clear: both; }
#leftarea { 
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	height: 100%;
}
#mainarea { display: block; margin: 0; padding: 0; float: left; }
#bodytext { display: block; width: 732px; height: 100%; clear: both; padding: 0; margin: 0; }

#bodyspace { display: block; clear: both; height: 30px; width: 724px; }
#middlearea {
	float: left;
	display: block;
	width: 552px;
	height: 100%;
	margin: 0;
	padding: 0;
}
#rightarea {
	float: right;
	display: block;
	width: 178px;
	height: 100%;
	min-height: 240px !important;
	margin: 0;
	padding: 0;
}

#plantodayarea {
	display: block;
	width: 100%;
	height: 72px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 45;
}

a#specials {
	position: absolute;
	top: 30px;
	right: 0px;
	display: block;
	width: 92px;
	height: 72px;
	background:transparent url(../images/peelback.png) no-repeat;
	text-indent: -999em;
	z-index: 50;
}

#plantoday { display: block; float: right; width: 732px; height:70px; background: #ffffff url(../images/plan-today.gif) no-repeat; }
#logo { position: relative; left: 0; top: 0; display: block; width: 180px; height: 180px; border: none; margin-top: -30px; z-index: 99; }
#footer {
	display: block;
	width: 180px;
	height: 31px;
	background: #000;

	position: absolute;
	bottom: 0px;
	left: 0px;

	/*
	vertical-align: bottom;
	float: left;
	clear: both;
	*/

}
#footertext { font: 9px Arial, sans-serif; color: #ffffff; padding: 5px; } 

#toursheading { display: block; width: 180px; height: 33px; margin: 0; padding: 0; clear: both; }
#packagesheading { display: block; width: 180px; height: 50px; margin: 0; padding: 0; clear: both; }
#participantsheading { display: block; width: 180px; height: 50px; margin: 0; padding: 0; clear: both; }
#areaheading { display: block; width: 180px; height: 50px; margin: 0; padding: 0; clear: both; }
#newsheading { display: block; width: 180px; height: 45px; margin: 0; padding: 0; clear: both; }

#homebanner { display: block; width: 552px; height: 207px; margin: 0; padding: 0; }
#hometitle { display: block; width: 552px; height: 54px; margin: 0; padding: 0; }

/* 2. Background Colours */
.yellow-background { background: #f4f0d5; }
.mediumgreen-background { background: #3a910f; }
.darkgreen-background { background: #0a3d00; }
.purple-background { background: #862c55; }
.orange-background { background: #ddb605; }
.white-background { background: #ffffff; }
.white { color: #ffffff; }

/* 3. Body and Links */
#btn-contact-us {
   	visibility: visible;
	z-index: 8;
	display: block;
	float: right;
	width: 112px;
	height: 30px;
}
#btn-contact-us a  {
	width: 112px;
	background: #000000 url(../images/btn-contact-us.gif) no-repeat;
	background-repeat: no-repeat;
     display: block;
     height: 30px;
     background-position: 0% 0px;
     font-size: 25px;
     line-height: 25px;
}
#btn-contact-us a:hover  {
   background-position: -112px 0%;
}

#btn-local-destinations {
   	visibility: visible;
	z-index: 8;
	display: block;
	float: right;
	width: 154px;
	height: 30px;
}
#btn-local-destinations a  {
	width: 154px;
	background: #000000 url(../images/btn-local-destinations.gif) no-repeat;
	background-repeat: no-repeat;
     display: block;
     height: 30px;
     background-position: 0% 0px;
     font-size: 25px;
     line-height: 25px;
}
#btn-local-destinations a:hover  {
   background-position: -154px 0%;
}



#btn-google-earth {
   	visibility: visible;
	z-index: 8;
	display: block;
	float: right;
	width: 122px;
	height: 30px;
}
#btn-google-earth a  {
	width: 122px;
	background: #000000 url(../images/btn-google-earth.gif) no-repeat;
	background-repeat: no-repeat;
     display: block;
     height: 30px;
     background-position: 0% 0px;
     font-size: 25px;
     line-height: 25px;
}
#btn-google-earth a:hover  {
   background-position: -122px 0%;
}

#btn-current-weather {
   	visibility: visible;
	z-index: 8;
	display: block;
	float: right;
	width: 145px;
	height: 30px;
}
#btn-current-weather a  {
	width: 145px;
	background: #000000 url(../images/btn-current-weather.gif) no-repeat;
	background-repeat: no-repeat;
     display: block;
     height: 30px;
     background-position: 0% 0px;
     font-size: 25px;
     line-height: 25px;
}
#btn-current-weather a:hover  {
   background-position: -145px 0%;
}

#btn-how-to-find-us {
   	visibility: visible;
	z-index: 8;
	display: block;
	float: right;
	width: 128px;
	height: 30px;
}
#btn-how-to-find-us a  {
	width: 128px;
	background: #000000 url(../images/btn-how-to-find-us.gif) no-repeat;
	background-repeat: no-repeat;
     display: block;
     height: 30px;
     background-position: 0% 0px;
     font-size: 25px;
     line-height: 25px;
}
#btn-how-to-find-us a:hover  {
   background-position: -128px 0%;
}

#btn-where-we-are {
   	visibility: visible;
	z-index: 8;
	display: block;
	float: right;
	width: 124px;
	height: 30px;
}
#btn-where-we-are a  {
	width: 124px;
	background: #000000 url(../images/btn-where-we-are.gif) no-repeat;
	background-repeat: no-repeat;
     display: block;
     height: 30px;
     background-position: 0% 0px;
     font-size: 25px;
     line-height: 25px;
}
#btn-where-we-are a:hover  {
   background-position: -124px 0%;
}

ul.menu-tours { list-style:none; margin: 0; padding: 0; padding-left: 10px; }
ul.menu-tours li { list-style:none; padding-bottom: 6px;}
ul.menu-tours li a span { font: 16px Arial, sans-serif; font-weight: bold; height: 24px; color: #000000; }
ul.menu-tours li a { font: 16px Arial, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #000000; }
ul.menu-tours li a:hover { font: 16px Arial, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: underline; color: #000000; }

ul.menu-area, ul.menu-packages, ul.menu-participant { 
	list-style:none; margin: 0; padding: 0; padding-left: 10px; 
}
ul.menu-area li, ul.menu-packages li, ul.menu-participant li { 
	list-style:none; height: 16px; 
}
ul.menu-area li a, ul.menu-packages li a, ul.menu-participant li a { 
	font: 12px Arial, sans-serif; text-decoration: none; color: #ffffff; 
}
ul.menu-area li a:hover, ul.menu-packages li a:hover, ul.menu-participant li a:hover { 
	font: 12px Arial, sans-serif; text-decoration: underline; color: #ffffff; 
}
ul.menu-area li a span, ul.menu-packages li a span, ul.menu-participant li a span { 
	font: 12px Arial, sans-serif; height: 16px; color: #ffffff; 
}

ul.latestnews-news { list-style:none; margin: 0; padding: 0; padding-left: 10px; }
ul.latestnews-news li { list-style:none; height: 16px; padding-bottom: 9px;}
ul.latestnews-news li a span { font: 12px Arial, sans-serif; height: 16px; color: #ffffff; }
ul.latestnews-news li a { font: 12px Arial, sans-serif; text-decoration: none; color: #ffffff; }
ul.latestnews-news li a:hover { font: 12px Arial, sans-serif; text-decoration: underline; color: #ffffff; }

div.search-search { text-align: right; margin: auto auto; padding: 8; }
input.inputbox-search { margin-right: 6px; margin-top:16px; padding: 2px 0px 2px 4px; }
input.button-search { margin-right: 10px; }

table.moduletable td { vertical-align: top; }
.inputbox-search { border: none; font: 11px Arial, sans-serif; color: 4c4d4c; }

.padding20 { padding: 20px; margin: 0; padding-top: 0px; }
table, td, th { vertical-align: top; }
.moduletable_menu { vertical-align: top; }
.moduletable_plants { vertical-align: top; }
span#topmenuarea table.moduletable tbody tr td { margin: 0; padding: 0; text-align: right; }

table.contentpaneopen-news, table.blog { margin: 0; padding: 0; }
table.blog, table.blog tr, table.blog td { margin: 0; padding: 0; }
table.blog td { padding-left: 10px; }
td.contentpaneopen-news { margin: 0; padding: 0; }
.contentheading-news { display: block; font: 11px Arial, sans-serif; font-weight: bold; color: #ffffff; margin: 0; padding: 0; padding-bottom: 6px; padding-left: 10px; height: 13px; }
a.menulink { font: 11px Arial, sans-serif; font-decoration: underline; color: #ffffff; padding: 0; margin: 0; padding-left: 5px; }
a.menulink:hover { font: 11px Arial, sans-serif; font-decoration: none; color: #ffffff; padding: 0; margin: 0; padding-left: 5px; }

a.bookonline {font: 16px Arial, sans-serif; font-weight: bold; font-decoration: underline; color: #dd1e32; padding-bottom: 5px; }
a.bookonline:hover { font: 16px Arial, sans-serif;  font-weight: bold; font-decoration: underline; color: #dd1e32; padding-bottom: 5px; }

a { color: #3A910F; font: 12px Arial, sans-serif; text-decoration: underline; }
a:hover { color: #3A910F; font: 12px Arial, sans-serif; text-decoration: none; }

h1, .contentpageheader, .componentheading { font: 18px Arial, sans-serif bold; font-weight: bold; color: #3a910f; }
h2 { font: 14px Arial, sans-serif bold; font-weight: bold; color: #3a910f; }
h3 { font: 13px Arial, sans-serif bold; font-weight: bold; color: #3a910f; }
h4 { font: 12px Arial, sans-serif bold; font-weight: bold; color: #3a910f; }
h5 { font: 10px Arial, sans-serif bold; font-weight: bold; color: #3a910f; }
h6 { font: 16px Arial, sans-serif bold; font-weight: bold; color: #dd1e32; padding-bottom: 5px; }

fieldset { }
legend {font: 9px Arial, san-serif; color: #339900; text-transform:capitalize;}
hr {background:#339900;color:#339900;width:100%;height:1px;margin:2em 0;padding:0;border:none;}



/* 4.  Footer */


/* 5.  Hacks */

span.seo {position:absolute; left:-999em;}

/* 6.  Image Display */

img.img-left {float: left; margin-right: 10px; background-color:#FFFFFF;}
img.img-right {float: right; marign-left: 10px;  background-color:#FFFFFF;}
img.img-center {float: center; margin: 10px; background-color:#FFFFFF;}
img.img-right-border {float: right; margin: 0px 0px 10px 10px; padding: 5px; border: 1px solid #CCCCCC; background-color:#FFFFFF;}
img.img-left-border {float: left; margin: 0px 10px 10px 0px; padding: 5px; border: 1px solid #CCCCCC; background-color:#FFFFFF;}

/* 7.  Buttons */

a:link.button-green, a:visited.button-green { color: #FFFFFF; text-decoration: none; background: #009900; font-size: 12px; text-transform: capitalize; font-weight: bold; text-transform: uppercase; padding: 4px; margins: 4px; line-height: 20px; border: 1px solid #333300;}

a:hover.button-green { color: #FFFFFF; text-decoration: none; background: #000000; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 4px; margins: 4px; line-height: 20px; border: 1px solid #333300;}

div.gallery-title {width: 730px; float: left;}
div.gallery-thumb {width: 200px; float: left;}
div.gallery-descr {width: 520px; float: right;}
div.gallery-descr  p {line-height: 1.5;}
div.gallery-descr  h3 {margin-top: 15px;}

div.gallery-divider {width: 730px; clear: both; position:relative; float: left; border-top: 1px #009900 dotted; padding-top: 8px;}

/* 8. Video Container */

#video-container-right { float: right; margin: 10px 0px 10px 10px; width:330px;}

 #video-container-left { float: left; margin: 10px 10px 10px 0px; width:330px;}

/* Resmark based styles  */
.rsmk-searchDialog {
	display:none;
	position:absolute;
	top: 104px;
	left: 800px;
	border: 1px solid #534A36;
	z-index: 180;
}
.rsmk-search-table {
	height: 120px;
}
.rsmk-dialogTitle {
	font-weight:bold;
	font-family:Arial,Helvetica;
	color: #ffffff;
	text-align:center;
	padding:5px;
	background-color: #389144;
	/*width:100%;*/
	/*
	border: 1px solid #ffffff;
	border-bottom: 1px solid white;
	*/
	border-bottom: 1px solid white;
}
.rsmk-dialogContent {
	padding: 20px;
	background-color: #3a910f;
	border: 1px solid #ffffff;
	/*border: 1px solid #534A36;*/
	border-top: 1px solid #ffffff;
}
.rsmk-label {
	font-weight: bold;
	font-family:Arial,Helvetica;
	color:#000000;
}

input.rsmk-calendar {
	width:75px;
}
div.calendarContainer {
	position:absolute;
	width:29.9em;
	z-index:9999;
	border:1px solid black;
}
.rsmk-searchButton {
	background:transparent url(../images/go-button.gif) no-repeat scroll left top;
	border:medium none;
	height:63px;
	text-indent:-1000em;
	width:70px;
	margin-left:20px;
}
div#main-body a {
	color:#990000;
}
.container-close {
	background:transparent url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) no-repeat scroll 0 -300px;
	cursor:pointer;
	height:15px;
	position:absolute;
	right:6px;
	top:5px;
	width:25px;
}
#startDateContainer, #endDateContainer {
	background: #f3f3f3;
	border: 1px solid #000000;
	z-index: 90;
}

/* VIRTUAL MAP ITEMS */

#virtual-header {
	display: block;
	background: #f3f3f3 url(/images/stories/virtualmap/header-repeat.gif) repeat-x;
	width: 100%;
	min-width: 912px;
	height: 30px;
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 94;
}
#virtual-map, #virtual-map2, .mapspot {
	background: url(/images/stories/virtualmap/map.jpg) no-repeat;
	background-position: 0 0;
	position: relative;
	top: 110px;
	left: auto;
	right: auto;
	display: block;
	width: 100%;
	width: 912px;
	height: 390px;
	left: 0px;
	margin: 0 auto 0 auto;
	z-index: 1;
	text-align: center;
}
#mapimage { display: block; width: 900px; height: 390px; text-align: center; margin: 0 auto 0 auto; z-index: 98; }
#virtual-footer {
	position: absolute;
	top: 512px;
	left: 0px;
	display: block;
	margin: 0 auto 0 auto;
	width: 100%;
	min-width: 912px;
	height: 30px;
	z-index: 2;
}
#virtual-footer-container {
	display: block;
	width: 900px;
	margin: 0 auto 0 auto;
}

#inner-header {
	position: relative;
	display: block;
	width: 912px;
	height: 30px;
	margin: 0 auto 0 auto;
	z-index: 95;
}
#virtual-logo {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 180px;
	height: 170px;
	background: url(/images/stories/virtualmap/logo.gif) no-repeat;
	float: left;
	z-index: 99;
}
#vph { display: block; height: 60px; width: 912px; margin: 0 auto 0 auto; text-align: center; }
#virtual-page-header {
	display: block;
	width: 250px;
	height: 60px;
	background: url(/images/stories/virtualmap/page-header.gif) no-repeat;
	margin: 0 auto 0 auto;
	z-index: 0;
}
#virtual-instructions {
	display: block;
	position: absolute;
	margin: 0 auto 0 auto;
	left: 0px;
	top: 70px;
	text-align: center;
	height: 60px;
	min-width: 100%;
	width: 912px;
	z-index: 0;
}
#v-i {
	margin: 0 auto 0 auto;
	display: block;
	height: 60px;
	width: 912px;
	text-align: center;
	z-index: 0;
}

.virtual-p { font: 12pt/30px Arial, sans-serif; color: #000; z-index: 0; text-align: center; }
#virtual-instructions-image { z-index: 0;  }
#instructions { margin: 0 auto 0 auto; text-align: center; display: block; width: 472px; height: 30px; }
#instruction-1 { float: left; height: 30px; min-width: 30px; display: block; padding-right: 8px; z-index: 0; }
#instruction-2 { float: left; height: 30px; min-width: 30px; display: block; z-index: 2; }
#instruction-3 { float: left; height: 30px; min-width: 30px; display: block; padding-left: 8px; z-index: 0; }

#virtual-spacer {
	display: block;
	height: 36px;
	width: 100%;
	min-width: 912px;
	background: #fff;
}

p#virtual-footer-back {
	float: left;
	display: block;
	background: green;
	color: #fff;
	height: 30px;
	font: 10pt/30px Arial, sans-serif;
	max-width: 180px;
	margin-top: 9px;
}
#virtual-flasharea { 
	float: right; 
	display: block;
	width: 720px;
	height: 30px;
	padding-top: 14px;
}

p#virtual-footer-back a {
	font: 10pt/30px Arial, sans-serif;
	color: #fff;
}
p#virtual-footer-back a:hover {
	font: 10pt/30px Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}

#virtmap { display: block; }
.maplink1 { display: block; width: 30px; height: 30px; background: url(link.png) no-repeat; z-index: 99; }

#linkA1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 289 (+350), 269 (+110) */
	left: 289px;
	top: 269px;
	width: 30px;
	height: 30px;
}
#linkB1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 476,271 */
	left: 476px;
	top: 271px;
	width: 30px;
	height: 30px;
}

#linkC1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 386,277 */
	left: 386px;
	top: 277px;
	width: 30px;
	height: 30px;
}
#linkD1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 392,178 */
	left: 392px;
	top: 178px;
	width: 30px;
	height: 30px;
}
#linkE1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 280,205 */
	left: 280px;
	top: 205px;
	width: 30px;
	height: 30px;
}
#linkF1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 156,210 */
	left: 156px;
	top: 210px;
	width: 30px;
	height: 30px;
}
#linkG1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 201,213 */
	left: 201px;
	top: 213px;
	width: 30px;
	height: 30px;
}
#linkH1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 409,226 */
	left: 409px;
	top: 226px;
	width: 30px;
	height: 30px;
}
#linkI1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 465,168 */
	left: 425px;
	top: 194px;
	width: 30px;
	height: 30px;
}

#linkJ1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 126, 251 */
	left: 126px;
	top: 251px;
	width: 30px;
	height: 30px;
}
#linkK1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 75,103 */
	left: 75px;
	top: 103px;
	width: 30px;
	height: 30px;
}
#linkL1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 263,44 */
	left: 263px;
	top: 44px;
	width: 30px;
	height: 30px;
}
#linkM1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 666,260 */
	left: 666px;
	top: 260px;
	width: 30px;
	height: 30px;
}
#linkN1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 728,189 */
	left: 728px;
	top: 189px;
	width: 30px;
	height: 30px;
}
#linkO1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 518,207 */
	left: 518px;
	top: 207px;
	width: 30px;
	height: 30px;
}
#linkP1 {
	display: block;
	background: url(../images/virtual-map/link.png) no-repeat;
	z-index: 99;
	position: absolute;
	/* 323,116 */
	left: 323px;
	top: 116px;
	width: 30px;
	height: 30px;
}
div.box { display: block; width: 30px; height: 30px; background: transparent; }
.maplink { background: blue; z-index: 99; }
