@charset "UTF-8";
/* CSS Document */

html {
background: #f7eddf url(../images/bg_repeat.jpg) top center repeat-x;
}

img {
	border: none;
	padding:0px;
	margin: 0px;
}

a {
	padding:0px;
	margin: 0px;
	color: #7ab2c7;
}

p {
}

 @font-face {
   font-family: Clarendon;
   src: url('../../cgi-bin/ClarendonBTRoman.ttf');
 }
 
  @font-face {
   font-family: ClarendonBold;
   src: url('../../cgi-bin/ClarendonBTBold.ttf');
 }
 
 #frame_player {
	position: relative; 
	top: 0px; 
	left: 400px;
	z-index: 200; 
	width: 266px; 
	height: 102px; 
	margin: 0px auto;
	overflow: hidden;
 }



body {
	background: transparent url(../images/bg.jpg) top left no-repeat;
	margin:0px;
	padding: 0px;
	font-family: Garamond;
	color: #848b8e;
}

h1 {
	font-family: ClarendonBold;
	font-size: 30px;
	color: #848b8e;
}

h2 {
	font-family: ClarendonBold;
	font-size: 22px;
	color: #848b8e;
}

#container {
	display: none;
	width: 100%;
	height: 865px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin:0px;
	padding: 0px;
	background-repat: no-repeat;
}



#wrapper {
	display: block;
	width: 1050px;
	height: 875px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	float: inherit;
}



#header {
	width: 716px;
	height: 115px;
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline;
}

#logo {
	width: 449px;
	height: 115px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: transparent url(../images/logo.png) top left no-repeat;
}


#mp3 {
	width: 266px;
	height: 115px;
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline;
}

#big_mp3 {
	width: 457px;
	height: 455px;
	margin: 0px;
	padding: 0px;
}


/* for the jquery poloroid navigation  */
#nav {
	clear: both;
	width: 768px;
	margin: 0px;
	padding: 0px;
	height: 216px;
	float: right;
	position:relative; 
}

#nav ul {margin:0px; padding:0px;}
#nav li {list-style-type:none; padding:0px; float:left; margin-top:0px;}

#content_home {
	clear: both;
	float: right;
	font-family: Clarendon;
	font-size: 14px;
	line-height: 23px;
	color: #848b8e;
	width: 785px;
	height: 390px;
	background: transparent url(../images/content_home.png) top left no-repeat;
}


.news {
	padding: 70px 0px 0px 50px;
	color: #375971;
	width: 300px;
	height: 300px;
	float: left;
}




.tour {
	padding: 70px 50px 0px 0px;
	color: #375971;
	width: 300px;
	height: 300px;
	float: right;
}

.tourDate {
	text-indent: -43px;
	padding-left: 43px;
	display: block;
}

	.date {
		color: #564845;
	}
	
#footer {
	padding-top: 20px;
	width: 1030px;
	height: 100px;
	display: block;
	float: left;
}

	.social {
		float: left;
	}
	
	.social img {
		padding: 15px 15px 0px 0px;
		width: 28px;
	height: 28px;
	}
	
	.bottomNav {
		float: right;
	}
	
	#fancue {
	display: block; 
	padding-top: 60px; 
	margin-bottom: 10px;
	width: 100%;
	}
	
	
/*secondaries */

#sec_nav {
	clear: both;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 757px;
	display: inline;
	z-index: 9999;
}

	#home {
		width: 106px;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 61px;
		background: url(../images/btn_home.png) top left no-repeat;
	}

	#about {
		width: 160px;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 61px;
		background: url(../images/btn_about.png) top left no-repeat;
	}
	#music {
		width: 85px;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 61px;
		background: url(../images/btn_music.png) top left no-repeat;
	}
	#galleries {
		width: 104px;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 61px;
		background: url(../images/btn_galleries.png) top left no-repeat;
	}
	#blog {
		width: 66px;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 61px;
		background: url(../images/btn_blog.png) top left no-repeat;
	}
	#booking {
		width: 96px;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 61px;
		background: url(../images/btn_booking_sm.png) top left no-repeat;
	}
	#contact {
		width: 140px;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 61px;
		background: url(../images/btn_contact_sm.png) top left no-repeat;
	}
	
	
#content {
	clear: both;
	float: right;
	font-family: Clarendon;
	font-size: 14px;
	line-height: 23px;
	color: #848b8e;
	width: 757px;
	height: 547px;
	background: transparent url(../images/content.png) top left no-repeat;
}

/*SCROLLBAR*/

/*Page related styles for you to view*/
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 470px;	
	height: 496px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	left: 10px;
	/*background-color: #E7EADE;*/
	margin: 15px 0px 0px 25px;
	text-align: left;
	display: inline;
	float: left;
}

#portraits {
	/* Typical fixed height and fixed width example */
	width: 680px;	
	height: 496px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	left: 10px;
	/*background-color: #E7EADE;*/
	margin: -20px 0px 0px 45px;
	text-align: left;
	display: inline;
	float: left;
}



#blog_page {
	/* Typical fixed height and fixed width example */
	width: 470px;	
	height: 496px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	left: 10px;
	/*background-color: #E7EADE;*/
	margin: 0px 0px 0px 45px;
	text-align: left;
	display: inline;
	float: left;
}


#news_page {
	/* Typical fixed height and fixed width example */
	width: 670px;	
	height: 496px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	left: 10px;
	/*background-color: #E7EADE;*/
	margin: 10px 0px 10px 35px;
	text-align: left;
	display: inline;
	float: left;
}

#music_page {
	/* Typical fixed height and fixed width example */
	width: 470px;	
	height: 496px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	left: 10px;
	/*background-color: #E7EADE;*/
	margin: 15px 0px 0px 25px;
	text-align: left;
	display: inline;
	float: left;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 350px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

/* general page style ends here */

#side {
	width: 252px;
	height: 496px;
	float: left;
	display: inline;
}

#gallery {
	width: 689px;
	height: 492px;
	background: url(../images/gallery.png) top center no-repeat;
	margin: 20px 0px 0px 35px;
	position: relative;
	top: 0px;
	left: 0px;
}

#gal1 {
	position: absolute;
	left: 42px;
	top: 69px;
	width: 116px;
	height: 126px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: center;
}

#galleryHeader1 {
	position: absolute;
	left: 120px;
	top: 160px;
	width: 116px;
	height: 27px;
}

#gal2 {
	position: absolute;
	left: 208px;
	top: 69px;
	width: 116px;
	height: 126px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: center;
}

#galleryHeader2 {
	position: absolute;
	left: 285px;
	top: 160px;
	width: 116px;
	height: 126px;
}


#gal3 {
	position: absolute;
	left: 371px;
	top: 69px;
	width: 116px;
	height: 126px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: center;
	
}

#galleryHeader3 {
	position: absolute;
	left: 450px;
	top: 160px;
	width: 116px;
	height: 126px;
}

#gal4 {
	position: absolute;
	left: 535px;
	top: 69px;
	width: 116px;
	height: 126px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: center;
}

#galleryHeader4 {
	position: absolute;
	left: 615px;
	top: 160px;
	width: 116px;
	height: 126px;
}

#gal5 {
	position: absolute;
	left: 42px;
	top: 262px;
	width: 116px;
	height: 126px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: center;
}

#galleryHeader5 {
	position: absolute;
	left: 120px;
	top: 350px;
	width: 116px;
	height: 126px;
}

#gal6 {
	position: absolute;
	left: 208px;
	top: 262px;
	width: 116px;
	height: 126px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: center;
}

#galleryHeader6 {
	position: absolute;
	left: 285px;
	top: 350px;
	width: 116px;
	height: 126px;
}


#gal7 {
	position: absolute;
	left: 371px;
	top: 262px;
	width: 116px;
	height: 126px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: center;
}

#galleryHeader7 {
	position: absolute;
	left: 450px;
	top: 350px;
	width: 116px;
	height: 126px;
}

#gal8 {
	position: absolute;
	left: 535px;
	top: 262px;
	width: 116px;
	height: 126px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: center;
}

#galleryHeader8 {
	position: absolute;
	left: 615px;
	top: 350px;
	width: 116px;
	height: 126px;
}

#pageNum {
	position: absolute;
	left: 550px;
	top: 30px;
	width: 116px;
	height: 126px;
}

#pageHeader {
	width: 600px;
	height: 50px;
	padding-bottom: 5px; 
	margin-left: 0px;
}


#twitter {
   width: 252px;
   height: 219px;
   padding: 0 15px;
   background:url(../images/side_twitter.png)  0 0 no-repeat;
}

   #twitter p {
   	 padding: 100px 20px 0px 15px;
	 width: 175px;
	 color: #506d7e;
	 font-size: 12px;
	 line-height: 16px;
   }
   
#styledForm {

	width: 470px;	
	height: 496px;
	overflow: hidden;
	/* IE overflow fix, position must be relative or absolute*/
	left: 10px;
	/*background-color: #E7EADE;*/
	margin: -10px 0px 0px 25px;
	text-align: left;
	display: inline;
	float: left;

}

#styledForm input {
	background: transparent url(../images/inputbox.png) no-repeat;
	width: 431px;
	height: 45px;
	border: hidden;
	padding-left: 10px;
	margin: 0px;
}

#styledForm textarea {
	background: transparent url(../images/textarea.png) no-repeat;
	width: 431px;
	height: 141px;
	border: hidden;
	padding: 10px;
	margin: 0px;
}

#flashNav {
	position: relative; 
	left: 13px;
	top: 8px;
}