@charset "utf-8";

/* temp
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
*/

html{}body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

a { text-decoration: none; color: black; font-weight: bold;}
a:hover { text-decoration: underline; }
.clear { clear: both; }
.image { border: solid 1px #999; padding: 3px; height: 75px; width: 75px; }

body { background-color: #000; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: center top; height: 100%; }
#site { width: 800px; height: 100%; margin: auto; font-size: 12px; line-height: 18px; font-family: "Century Gothic",Arial,Sans-Serif; background: #f2eef2; }

/* HEADER */
#header {}
#header #topbar { height: 20px; background:url(../images/bar_20.png); }
#header #banner { height: 200px; width: 800px; }
#header #menubar { height: 30px; background:url(../images/bar_30.png); }
#header #menu {}
#header #menu ul { margin: 0; padding: 0; padding: 7px 0px; padding-left: 10px; }
#header #menu li { height: 14px; float: left; padding: 0px 10px; margin-right: 0px; line-height: 14px; border-left: solid 1px #666; border-right: solid 0px #666; list-style: none; }
#header #menu li a { color: white; font-size: 14px; font-weight: bold; }
#header #menu li:hover, li.active { }
#header #menu li.active a { color: #fb9b18; }
#header #menu li a:hover { text-decoration: underline; color: #fb9b18; }

/* CONTENT */
#content {
	height: 100%;
}

#content #left {
	float: left;
	width: 490px;
	height: 100%;
	padding: 10px 15px;
	overflow: hidden;
}

#content #right {
	float: right;
	width: 240px;
	background: #ddd;
	height: 100%;
	padding: 10px 15px;
	overflow: hidden;
}

/* FOOTER */

#footer {
	margin-top: 20px;
	text-align: center;	
}

/* STANDARD PAGE */

#left .box {
	margin-bottom: 20px;
}

#left .box .header {
	margin-bottom: 10px;
	border-bottom: dashed 1px #666;
}

#left .box .header p {
	line-height: 30px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

#left .box .header p a {
	color: black;
}

#left .box .content {
	margin-bottom: 5px;
}

#left .box .content .newsImage {
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}

#left .box .content p {
	margin-bottom: 10px;
	text-align: justify;
}

#left .box .bottom {
	border: dashed 1px black;
	padding: 5px 10px;
	margin-left: 0px;
	background: white;
}

#right .box {
	margin-bottom: 10px;
}

#right .box .header {
	border-bottom: dashed 1px black;
	height: 20px;
	margin-bottom: 3px;
}

#right .box .header p {
	font-size: 16px;
	font-style: italic;
	line-height: 20px;
}

#right .box .content {
	padding: 5px;
}

/* RIGHT */

#right .socialsoup img {
	margin-right: 10px;
}

/* COMMENTS */
#commentsRead {}
#commentsRead .commentLeft { float: left; width: 100px; }
#commentsRead .commentItem { margin-bottom: 30px; }
#commentsWrite { }
#commentsWrite .formLabel { font-weight: bold; }
#commentsWrite .formItem { margin-bottom: 10px; }
#commentsWrite .comment_input { width: 100%; }

/* JPLAYER */
#player_container { position: relative; background-color:#eee; width:235px; height:80px;border:1px solid #009be3;}
#player_container  ul#player_controls {list-style-type:none;padding:0;margin: 0;}
#player_container  ul#player_controls li {overflow:hidden;text-indent:-9999px;}
#player_play,#player_pause {display: block;position: absolute;left:34px;top:8px;width:40px;height:40px;cursor: pointer;}
#player_play {background: url("../jplayer/images/spirites.jpg") 0 0 no-repeat;}
#player_play.jqjp_hover {background: url("../jplayer/images/spirites.jpg") -41px 0 no-repeat;}
#player_pause {background: url("../jplayer/images/spirites.jpg") 0 -42px no-repeat;}
#player_pause.jqjp_hover {background: url("../jplayer/images/spirites.jpg") -41px -42px no-repeat;}
#ctrl_prev {position: absolute;left:5px;top:15px;background: url("../jplayer/images/spirites.jpg") 0 -112px no-repeat;width:28px;height:28px;cursor: pointer;}
#ctrl_prev:hover {background: url("../jplayer/images/spirites.jpg") -29px -112px no-repeat;}
#ctrl_prev.disabled {background: url("../jplayer/images/spirites.jpg") -58px -112px no-repeat;cursor:default;}
#ctrl_next {position: absolute;left:75px;top:15px;background: url("../jplayer/images/spirites.jpg") 0 -141px no-repeat;width:28px;height:28px;cursor: pointer;}
#ctrl_next:hover {background: url("../jplayer/images/spirites.jpg") -29px -141px no-repeat;}
#ctrl_next.disabled {background: url("../jplayer/images/spirites.jpg") -58px -141px no-repeat;cursor:default;}
#player_stop {position: absolute;left:105px;top:15px;background: url("../jplayer/images/spirites.jpg") 0 -83px no-repeat;width:28px;height:28px;cursor: pointer;}
#player_stop.jqjp_hover {background: url("../jplayer/images/spirites.jpg") -29px -83px no-repeat;}
#player_progress {position: absolute;left:10px;top:50px;background-color: #eee;width:122px;height:15px;}
#player_progress_load_bar {background: url("../jplayer/images/bar_load.gif")  top left repeat-x;width:0px;height:15px;cursor: pointer;}
#player_progress_load_bar.jqjp_buffer {background: url("../jplayer/images/bar_buffer.gif")  top left repeat-x;}
#player_progress_play_bar { background: url("../jplayer/images/bar_play.gif") top left repeat-x ; width:0px; height:15px; } 
#player_volume_min { position: absolute; left:140px; top:22px; background: url("../jplayer/images/spirites.jpg") 0 -170px no-repeat; width:18px; height:15px; cursor: pointer; }
#player_volume_max { position: absolute; left:210px; top:22px; background: url("../jplayer/images/spirites.jpg") 0 -186px no-repeat; width:18px; height:15px; cursor: pointer; }
#player_volume_min.jqjp_hover { background: url("../jplayer/images/spirites.jpg") -19px -170px no-repeat; }
#player_volume_max.jqjp_hover { background: url("../jplayer/images/spirites.jpg") -19px -186px no-repeat; }
#player_volume_bar { position: absolute; left:155px; top:27px; background: url("../jplayer/images/volume_bar.gif") repeat-x top left; width:46px; height:5px; cursor: pointer; }
#player_volume_bar_value { background: url("../jplayer/images/volume_bar_value.gif") repeat-x top left; width:0px; height:5px; }
#play_time,#total_time { position: absolute; left:10px; top:62px; width:122px; font-size:.8em; font-style:oblique; }
#total_time { text-align: right; }
#playlist_list { width:235px; }
#playlist_list ul{ list-style-type:none; padding:10px 20px 20px 20px; margin:0 0 10px 0; background-color:#ccc; border:1px solid #009be3; border-top:none; width:195px; font-size:.9em; }
#playlist_list li{ padding:4px 0 4px 20px; border-bottom:1px solid #eee; cursor: pointer; }
#playlist_list li.playlist_current{ color:#0d88c1; list-style-type:square; list-style-position:inside; padding-left:6px; cursor: default; }
#playlist_list li.playlist_hover { color:#0d88c1; }

/* BOOKING/CONTACT */

.bookingForm {}
.bookingForm .formEntity { margin-bottom: 10px; }
.bookingForm .formEntity .formLabel { font-weight: bold; }
.bookingForm .formEntity .inputText, .inputTextarea { width: 100%; }

/* GALLERY */

.galleryFront {
	width: 510px;
	overflow: hidden;
}

.galleryFront .galleryText {
	margin-bottom: 10px;
}

.galleryFront .galleryItem {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

.galleryFront .galleryItem .galleryName {
	text-align: center;
}

.galleryFront .galleryItem .galleryImage {
	border: solid 1px #999;
	padding: 3px;
}

.galleryGallery .galleryText {
	margin-bottom: 10px;
}

.galleryGallery .galleryItem {
	float: left;
	border: solid 1px #999;
	padding: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
}