/* header-photo */

#header-photo {

	position: relative;

	clear: both;

	margin: 0px auto;

	height: 280px;

	width: 930px;

	background: #fff url(images/vilallagehome.jpg) no-repeat center center;

}

#header-photo h1#logo-text a {

	position: absolute;

	margin: 0; padding: 0;

	font: bold 26px 'Trebuchet MS', Arial, Sans-serif;

	letter-spacing: -1px;

	color: #FFFFFF;

	text-transform: none;

	text-decoration: none;

	border: none;

	

	/* change the values of top and left to adjust the position of the logo*/

	top: 9px; left: 18px;	

}



#header-photo h2#slogan {

	position: absolute;

	margin: 0; padding: 0;

	font: bold 14px 'Trebuchet MS', Arial, Sans-serif;

	text-transform: none;

	color: #112C69;

	

	/* change the values of top and left to adjust the position of the slogan*/

	top: 45px; left: 21px;		

}

.chromestyle{

width: 100%;

font-weight: bold;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:13px;

color:#FFFFFF;

}



.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.chromestyle ul{

border: 0px solid #BBB;

width: 100%;

/*background-color:#003300;*/

background: url(images/butbk.gif) center center repeat-x; /*THEME CHANGE HERE*/

padding: 6px 0;

margin: 0;

text-align: center; /*set value to "left", "center", or "right"*/

}



.chromestyle ul li{

display: inline;

}



.chromestyle ul li a{

color: #FFFFFF;

padding: 4px 12px;

margin: 0;

text-decoration: none;

border-right: 0px solid #DADADA;

}



.chromestyle ul li a:hover{

background: url(images/menu-over.gif) center center repeat-x; /*THEME CHANGE HERE*/

}



.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

content: "";

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/

}





/* ######### Style for Drop Down Menu ######### */



.dropmenudiv{

position:absolute;

top: 0;

border: 1px solid #BBB; /*THEME CHANGE HERE*/

border-bottom-width: 0;

font:normal 11px Verdana;

line-height:18px;

z-index:100;

background-color: #E7FFE7;

width: 200px;

visibility: hidden;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/

}





.dropmenudiv a{

width: auto;

display: block;

text-indent: 3px;

border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/

padding: 2px 0;

text-decoration: none;

font-weight: bold;

color: black;

}



* html .dropmenudiv a{ /*IE only hack*/

width: 100%;

}



.dropmenudiv a:hover{ /*THEME CHANGE HERE*/

background-color: #F0F0F0;

}
.special{
	padding:5px;
	border:1px solid #f3d81e;
	background:#fefae1;}
.tour_packages{
	width:100%;
	border-left:1px solid #fcfcfb;
	border-right:1px solid #fcfcfb;
	border-top:1px solid #fcfcfb;
	border-bottom:1px dashed #fcfcfb;
	padding:5px;
	float:left;
	}
.village22{
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
	border-bottom:1px dashed #EEE;
	background:#fcfcfb;
	float:left;
	padding:5px;
	padding-left:10px;}
.boxleft{
	width:500px;
	float:left;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px  dashed #CCC;
	}
.boximg{
	width:150px;
	float:left;
	margin:5px 5px 0 0 ;
	}
.boxright{
	width:500px;
	float:right;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px  dashed #CCC;
	}
.boximgr{
	width:150px;
	float:right;
	margin:5px 0px 0 5px ;
	}
h5 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #060;}

.clear{
	clear:both;}
	
.mainTitle, .mainTitle a{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #060;}
/* ****************************** form style ************************************* */
.inq_box{
	width:100%;
	float:left;
	margin:5px 0;
	}
.left_inq{
	width:163px;
	float:left;
	padding-top:10px;
	font:11px/12px Verdana, Geneva, sans-serif;
	}
.left_inq_message{
	width:100%;
	float:left;
	padding-top:10px;
	font:11px/12px Verdana, Geneva, sans-serif;
	}
	
.right_inq{
	width:300px;
	float:left;
	}
.right_inq input{
	width:295px;
	height:36px;
	padding-left:5px;
	border:0;
	border:1px solid #CCC;
	font:11px/12px Verdana, Geneva, sans-serif;}
.right_inq textarea{
	width:485px;
	border:0;
	height:72px;
	resize:none;
	font:11px/12px Verdana, Geneva, sans-serif;
	border:1px solid #EEE;
	}
.right_inq22 textarea{
	width:485px;
	border:0;
	height:72px;
	resize:none;
	font:11px/12px Verdana, Geneva, sans-serif;
	border:1px solid #CCC;
	margin-top:10px;
	}
.red_hash{
	color:red;}
.Sbuttom{
	border:1px solid #06F;
	background:#CCC !important;
	cursor:pointer;
	width:auto !important;
	padding:5px 15px !important;
	}
.Sbuttom input:hover{
	background:#F60;}
.accomod{
	width:650px;
	float:left;
	}
	.accomod_text{
		width:250px;
		float:left;}
.form1{
	float:left;
	background:#EEE;
	border:1px solid #CCC;
	padding:10px;}
.comleft{
	float:left;
	margin:5px 5px 0 0;
	}
.comright{
	float:left;
	margin:5px 0px 0 5px;
	}
h5{
	margin:0;
	padding:5px 0;}
.price{
	
	
	}
.price a{
	color:#333;background:#edfdce;
	float:left;
	border:1px solid #ab9e26;margin-right:10px;
	padding:5px 15px;
	font-weight:bold;}
.price a:hover{
	background:#dffca8;}
	
	/* new and events */
.onDiv, .offDiv{
border:1px solid #E39622;
padding:0 5px 12px;
margin:8px 0;
clear:both;
}
a.showLink, a.hideLink{
float:left; 
margin:6px 4px 0 4px;
padding: 0 2px;
font-size:10px;
text-decoration:none;
width:16px;
text-align:center;
}
a.showLink{
border:1px dotted #E4E4E4;
background-color:#E39622;
color:#FFF;
}
a.hideLink{
border:1px dotted #e2b947;
color:#e2b947;
}
a.showAll, a.hideAll{
display:inline;
float:left;
width:109px;
border:1px dotted #E39622;
color:#E39622;
padding:8px;
margin:0 5px 12px 0;
text-align:center;
}
a.showLink:hover, a.hideLink:hover{
border:1px dotted #E39622;
}
a.hideLink:hover{
color:#E39622;
}
a.showLink:hover{
color:#FFF;
}
.faqTitle{
font-size:1.2em;
margin:0 12px 11px 35px;
border-bottom:1px dotted #E39622;
cursor:pointer;
}
.onDiv .showLink{
display:none;
}
.offDiv .hideLink{
display:none;
}
.show-hide{
padding:0 0 0 29px;
}
/*------- These links are shown with JS, hidden if JS is off ------ */
a.showLink, a.hideLink, a.hideAll, a.showAll{
display:none;
}