body { background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#8f9652; padding:0px; margin:0px; }

.fadein { position:relative; width:920px; height:414px; }
.fadein img { position:absolute; left:0; top:0; }

p { font-family: 'Merienda', cursive; color:#333; font-size:14px; }

h1 { font-family: 'Merienda', cursive; color:#333; font-size:30px; padding-bottom:5px; margin:0px; border-bottom: dashed 1px #999; }

h2 { font-family: 'Merienda', cursive; color:#8d9451; font-size:18px; padding-bottom:5px; margin:0px; border-bottom: dashed 1px #999; padding-top: 5px;}

hr { border-left:0; border-right:0; border-bottom:0; border-top: dashed 1px #999; }

.captcha
{
  width: 155px;
  margin: 0 auto;
  margin-left: 0px;
  margin-top: -12px;
}
.refresh
{
  position:relative;
  float: right;
  margin-right: -125px;
}

#SpamCheck { margin-left: 10px!important; float: right; margin-top: 8px; }

#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}

/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.captcha input { width: 60px!important; margin-left: -30px!important;}
.captcha-img { margin-left: -2px; margin-bottom: -25px!important; }

a:link {
	color: #8F9652;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #BBCC40;
}
a:hover {
	text-decoration: none;
	color: #BBCC40;
}
a:active {
	text-decoration: none;
}

.container { width:920px; margin:auto; background-color:#FFF; -moz-box-shadow: 3px 3px 4px #525d00;
-webkit-box-shadow: 3px 3px 4px #525d00;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);}

.headercontact p { font-family: 'Merienda', cursive; color:#FFF; font-size:17px; padding:0px; margin:0px; } 

.headercontact a { font-family: 'Merienda', cursive; color:#f3f7d2; font-size:17px; padding:0px; margin:0px; text-decoration:none;	 } 

.headercontact { height:25px; float:left; margin-left:10px; margin-top:5px; } 

.sharethismenu { width:290px; float:right; margin-top:5px; margin-right:5px; }

.menu { list-style: none; margin: 0; padding: 0;height:40px; width:920px; background-color:#bbcc3f; border-bottom:5px solid #d4df9b; border-top:5px solid #d4df9b; }

.menu li { float: left;  }

.menu li a { color: #fff; padding: 8px 23px 10px 23px; display: block;font-family: 'Merienda', cursive;   }
.menu li a:hover { color: #8f9652; }

.header { height:35px; background-color:#bbcc40; width:920px; } 

.contentleft { width:595px; float:left; padding:10px; margin-left:5px; }

.contentright { width:270px; float:right; padding:10px; margin-right:5px; }

.breadcrumbs
{
     width:780px;
     margin-top:6px;
     padding: 5px;
     color: #737373;
     font-size: 11px;
     font-weight: bold;
}
.breadcrumbs a
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}
.breadcrumbs a:hover
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}

.noFloat {
	width: 200px;
	height:1px;
	background:none;
	clear:both;
	margin:0;
	padding:0;
}

.footer { height:48px; background-color:#bbcc40; width:920px;}

.footer p { margin:0px; padding:0px;}
.footer a { color:#000;}

.winr {
	width: 120px;
	height: 233px;
	position: absolute;
	bottom:0;
	left: 0;
	background-image: url(../images/winr.png);
}

/** START MOBILE CSS **/


@media only screen and (max-width : 920px) {
	
	.container { width: 100%; }
	.headercontact { float: none; width: 100%; margin-left: 0; height: inherit; text-align: center; }
	.header { width: 100%; height: inherit; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
	.header p { text-align: center; }
	.header img { margin-top: 10px;  }
	.fade { display: none; }
	
	h1 { margin-left: 15px; }
	h2 { margin-left: 15px; }
	
	.contentleft p { margin-left: 15px; margin-right: 15px; }
	
	.footer { width: 100%; height: inherit; }
	.footer table { width: 100%; padding: 0 !important; }
	
	
	.contentleft { width: 100%; float: none; padding: 0; margin-left: 0; }
	.contentright { width: 100%; float: none; padding: 0; text-align: center; }
	.contentright img { display: block; margin: auto; width: 88%; max-width: 275px; height: inherit; }
	
	.MobiImg { display: block; margin: auto; width: 100%; max-width: 600px; height: inherit; }
	
	.activities { width: 100%; }
	
	.tourLogo { display: block; margin: auto; width: 100%; max-width: 130px; height: inherit; }
	
	iframe { width: 90%; margin: auto; }
	
	#enquiryForm, #enquiryForm table { width: 100%; }
	#enquiryForm td { display: block; text-align: center; width: 100%; }
	#enquiryForm p { display: block; text-align: center; }
	#enquiryForm input { width: 60%; }
	#enquiryForm img { width: inherit !important; height: inherit !important; }

       #nav
    {
		position: absolute;
		z-index: 9999999;
		width: 100%;
	
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 25px; 
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
			top: -65px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
		margin-top: 0px!important;
		width: 100%;
		z-index: 9999999999999999999;
		top: -10px;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }

}

/** END MOBILE CSS **/