/* CSS Document */

* { padding:0; margin:0; } /* RESET ALL MARGINS AND PADDINGS TO 0 BY DEFAULT */
.clearboth { clear:both; }
img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #A2B933;
}

#wrapper {
	width: 760px;
	margin: 0 auto 0 auto; 
}

#header1 { float: left; width: 100%; height: 250px; background: url('../images/headers/1.jpg') no-repeat; }

#content { 
	float: left;
	width: 740px;
	background: #FFFFFF;
	padding: 10px 10px 20px 10px;
	border-bottom: 2px solid #1B3F01;
}

#footer {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 1em;
	margin: 5px 0 0 0;
	color: #2b6200;
	letter-spacing: 1px;
}

#content_bottom { float: left; width: 100%; height: 18px; background: url('../images/premier.jpg') no-repeat #ffffff; }

#menu { float: left; width: 100%; height: 30px; line-height: 31px; margin: 220px 0 0 0; text-align: center; }
#menu ul { list-style-type: none; font-size: 1.2em; }
#menu ul li { display: inline; margin: 0 7px 0 7px; }

#leftContent { float: left; width: 450px; }
#leftContent img { margin: 10px; }
#leftContent #specialoffer { margin: 15px auto 0 auto; width: 375px; height: 150px; background: url('../images/specialoffer.jpg') no-repeat; }
#leftContent #specialoffer #offerText { float: left; margin: 30px 0 0 140px; width: 225px; height: 110px; text-align: center; font-size: 1.1em; color: #222222; overflow: hidden; line-height: 17px; }
#leftContent #specialoffer #offerText h1 { font-size: 1.2em; margin: 0; padding: 0; }
#leftContent #specialoffer #offerText h2 { font-size: 1.1em; margin: 0; padding: 0; }
#leftContent #specialoffer #offerText p { font-size: 1.0em; padding: 0; }
#rightContent { float: right; width: 280px; }
#rightContent #webcamLink { width: 100%; padding: 5px 0 5px 0; background-color: #F5E6BF; border-bottom: 1px solid #1B3F01; text-align: center; color: #1B3F01; font-size: 1.1em;  }

#webcam { width: 740px; margin: 0 auto 0 auto; padding: 5px 0 5px 0; background-color: #F5E6BF; border-bottom: 1px solid #1B3F01; text-align: center; color: #1B3F01; font-size: 1.1em; }

#myforms { float: left; width: 400px; margin: 10px 0 0 60px; }
#myforms label { float: left; width: 150px; margin: 2px 5px 2px 0; font-size: 90%; color: #444444; }
#myforms .formstyle { margin: 2px 5px 2px 0; width: 200px; border: 1px solid #666666; padding: 1px 5px 1px 5px; font-size: 90%; }
#myforms .formstyle:focus { border: 1px solid #2b6200; border-width: 1px 3px 1px 3px; }
#myforms .formstyle2 { margin: 2px 0 0 0; border: 1px solid #666666; background: #FFFFFF; font-size: 85%; padding: 2px; width: 120px; }

#scroller { width: 599px; margin: 10px auto 15px auto; line-height: 25px; color: #1B3F01; }
#scroller #scroll_cover { position: relative; width: 600px; height: 25px; z-index: 100; margin-top: -25px; }

.price { width: 100%; background-color: #FBF5E5; border-bottom: 1px solid #2b6200; padding: 3px 0 3px 0; margin: 3px 0 3px 0; font-size: 1.1em; color: #333333; }
span.pricekey { float: left; width: 350px; text-indent: 5px; }


#package_choose { float: left; width: 420px; background-color: #F1F5DB; padding: 5px; margin: 0 0 10px 20px; border: 1px solid #1B3F01; }
#package_desc, #totalPrice, #bookingButton, #booking_details, #groupPrice, #proTip { float: left; width: 230px; background-color: #E1EAB3; padding: 5px; margin: 0 0 10px 20px; border: 1px solid #1B3F01; }
 #totalPrice, #bookingButton, #groupPrice, #proTip { text-align: center; }
 #noScript { float: left; width: 230px; background-color: #E1EAB3; padding: 5px; margin: 0 0 10px 20px; border: 1px solid #ff0000; text-align: center; }
#bookingButton input { border: 1px solid #333333; padding: 2px 5px 2px 5px; }
#package_choose h3, #package_desc h3 { font-size: 1.1em; color: #222222; }
#package_choose h3 { border-bottom: 1px solid #1B3F01; padding: 10px 0 2px 0; text-indent: 5px; }
#package_choose .formItem { float: left; width: 410px; margin: 3px 0 3px 5px; font-size: 1.1em; color: #333333; }
#package_choose .formItem .checkboxStyle { float: left; margin: 0 5px 0 5px; }
#package_choose .formItem label { float: left; width: 330px; margin: 0 0 0 0; font-size: 1.0em; }
#package_choose .formItem .itemPrice { float: left; }
.formStylePackages { float: left; border: 1px solid #666666; padding: 1px 5px 1px 5px; width: 200px; margin: 0 0 1px 0; }
#package_choose .formItem label.labelWidth2 { float: left; width: 100px; line-height: 18px; }

label { float: left; width: 150px; margin: 1px 0 1px 20px; font-size: 1.1em; color: #333333; }
input.contactform, textarea.contactform, select.contactform { float: left; width: 220px; border: 1px solid #666666; padding: 1px 5px 1px 5px; margin: 1px 0 1px 0; }
.heightspace { margin-top: 30px; }

.webcamDisplay { width: 450px; margin: 10px auto 0 auto; padding: 5px; }
.webcamDisplay h4 { text-align: center; padding: 0 0 3px 0; border-bottom: 1px solid #E1EAB3; color: #1B3F01; }
.webcamDisplay img { margin: 5px 0 0 10px; }

#bookaround { width: 500px; height: 305px; background-color: #F1F5DB; padding: 5px; margin: 0 auto 0 auto; border: 1px solid #1B3F01; }
#bookaround label { font-weight: bold; line-height: 18px; }

/* ======================================================= */
/* ======================================================= */
/* ================   MENU FORMATTING   ================== */
/* ======================================================= */
/* ======================================================= */
.chromestyle{ }
/*Add margin between menu and rest of content in Firefox*/
.chromestyle:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.chromestyle ul{ width: 100%;  margin: 0; text-align: center; }
.chromestyle ul li{ display: inline; }
.chromestyle ul li a{ color: #494949; margin: 0; text-decoration: none; }
.chromestyle ul li a:hover{  }
.chromestyle ul li a[rel]:after{  }


/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{ position:absolute; top: 0; border: 1px solid #2A6201; border-width: 0 1px 0 1px; line-height:18px; z-index:105; background-color: #1B3F01; width: 175px; visibility: hidden; margin: 6px 0 0 0; }
.dropmenudiv a{ width: auto; display: block; text-indent: 3px; border-bottom: 1px solid #2A6201; padding: 2px 0; text-decoration: none; color: #ffffff; font-size: 1em; }
* html .dropmenudiv a{ /*IE only hack*/ width: 100%; }
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background-color: #2A6201; }


/* ======================================================= */
/* ======================================================= */
/* ================   TEXT FORMATTING   ================== */
/* ======================================================= */
/* ======================================================= */
h1 { font-size: 1.6em; color: #2b6200; font-weight: normal; }
h2 { font-size: 1.4em; color: #2b6200; font-weight: normal; margin: 20px 0 0 10px; font-style: italic; }
p { padding: 5px 10px 5px 10px; color: #333333; font-size: 1.1em; line-height: 15px; }
a { color: #2b6200; text-decoration: none; }
a:hover { text-decoration: underline; }
ul.main { margin: 0 0 10px 10px; list-style-type: square; color: #333333; font-size: 1.1em; }
ul.main li { margin: 0 0 0 20px; padding: 2px 0 2px 0; }
table { font-size: 1.1em; color: #333333; }
table .tablelabel { font-weight: bold; }

#header1 #menu ul li a, #header2 #menu ul li a, #header3 #menu ul li a, #header4 #menu ul li a { text-decoration: none; color: #FFFFFF; }
#header1 #menu ul li a:hover, #header2 #menu ul li a:hover, #header3 #menu ul li a:hover, #header4 #menu ul li a:hover { text-decoration: underline; }
#header1 #menu ul li a:visited, #header2 #menu ul li a:visited, #header3 #menu ul li a:visited, #header4 #menu ul li a:visited { color: #FFFFFF; }

.imgmargin { margin: 10px; }
.imgmargin2 { margin: 40px 10px 10px 10px; }
.smallText { font-size: 75%; color: #777777; }