/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}

/* Global properties ======================================================== */
body { 
	background:url("img/body-bg.jpg") no-repeat 50% 0 #000;
	background-attachment:fixed; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#fff;
}
html { 
	min-width:980px;
}
html, 
body { 
	height:100%;
}



/* Global Structure ============================================================= */
.container {
	margin:0 auto;
	width:980px;
	font-size:.689em;
	text-transform:uppercase;
	position:relative;
}

	/* Header */
	header {
		background:url("img/tail-bg.png") repeat-x left top;
		min-height:16px;
		height:auto!important;
		height:16px;
	}
		header .container {
			position:relative;
			z-index:1000;
		}
	
	/* Content */
	section#content {
		height:350px;
		background:url("img/tail-bg.png");
	}
	#page1 section#content {
		background:none;
	}
			
	/* Footer */
	footer {
		width:980px;
		height:53px;
		
		position:absolute;
		right:-180;
		top:692px;
		text-align:center;
		font-size:1.12em;
		line-height:1.2em;
		color:#fff;
	}
	#page1 footer {
		top:342px;
	}




/* Left & Right alignment */

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, 
.col-2, 
.col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}	

.wrapper { 
	width:100%;
	overflow:hidden;
}
.wrap {
	width:100%;
}


/*----- form defaults -----*/
input, 
select, 
textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

fieldset {
	border:0;
}

/*----- lists -----*/

.list li {
	padding:0 0 3px 12px;
	background:url("img/marker.gif") no-repeat left 6px;
	height:1%;
}

.price-list li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	padding-bottom:1px;
}
	.price-list li a {
		float:left;
		color:#fff;
		text-decoration:none;
	}
	.price-list li a:hover {
		color:#e71468;
	}
	.price-list li span {
		color:#e71468;
		display:block;
		text-align:right;
	}
	
.address li {
	float:left;
	width:387px;
	overflow:hidden;
	vertical-align:top;
	margin-left:56px;
}
.address li:first-child {
	margin-left:0;
} 
	.address li img {
		float:left;
		margin-right:20px;
	}
	.address li h5 {
		margin:-3px 0 0 0;
	}
	.address li p {
		margin:0;
	}
	.address li span {
		float:right;
	}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:16px;
	line-height:1.545em;
}

	
#scroll {
	overflow:auto;
	height:185px;
	width:860px;
}

#page1 .extra-box {
	top:60%;
	height:427px;
}
.extra-box {
	height:777px;
	position:relative;
	top:30%;
}




/*----- txt, links, lines, titles -----*/
a {
	color:#e71468; 
	outline:none;
}
a:hover {
	text-decoration:none;
}

h1 {
	text-indent:-9999px;
}
	h1 a {
		position:absolute;
		right:171px;
		top:16px;
		width:273px;
		height:128px;
		background:url("img/logo.png") no-repeat left top;		
	}
h2 {
	font-size:2.364em;
	line-height:1.2em;
	font-weight:normal;
	color:#fff;
	margin-bottom:15px;	
}
h5 {
	font-size:1em;
	line-height:1.545em;
	font-weight:normal;
	color:#e71468;
	margin-bottom:16px;	
}


.txt1 {
	color:#e71468;
}



/*===== header =====*/
header nav {
	position:absolute;
	right:0;
	top:10px;
}
	header nav a.menu {
		text-decoration:none;
		color:#fff;
		background-color:#e71468;
		display:block;
		padding:9px 0;
		width:171px;
		font-size:1.545em;
		line-height:1.2em;
	}
		header nav a.menu span {
			display:block;
			padding-left:41px;
		}
		header nav ul li.active a.menu span,
		header nav a.menu:hover span {
			padding-right:8px;
			padding-left:14px;
		}
			header nav a.menu span span {
				background:url("img/nav-button-bg.gif") no-repeat left top;
				line-height:27px;
				padding:0 0 0 35px;
			}
			header nav ul li.active a.menu span span,
			header nav a.menu:hover span span {
				background-position:right top;
			}
header nav ul li ul {
	display:none;
	position:absolute;
	top:45px;
	background:url("img/tail-bg.png");
	width:100%;
}
	header nav ul li ul li:first-child {
		border:none;
		height:44px;
	}
	header nav ul li ul li {
		font-size:1.545em;
		border-top:1px solid #000;
		height:43px;
	}
		header nav ul li ul li a {
			color:#fff;
			display:block;
			text-align:right;
			text-decoration:none;
			background-repeat:no-repeat;
			background-position:11px -35px;
			background-image:url("img/nav-sprite.png");
			padding:14px 14px 12px 0;
		}
		header nav ul li ul li.current a,
		header nav ul li ul li a:hover {
			background-position:11px 9px;
		}

/*===== content =====*/
#content .inside {
	padding:72px 0 0 75px;
}

/*===== footer =====*/
footer .inside {
	padding:19px 22px 0 0;
}
footer a {
	color:#777;
	text-decoration:none;
}
footer a:hover {
	text-decoration:underline;
}


/*----- forms -----*/

#reservation-form .rowElem {
	height:36px;
	width:100%;
	clear:both;
}
#reservation-form label {
	float:left;
	padding-top:3px;
}
#reservation-form input  {
	float:right;
	width:168px !important;
	color:#fff;
	border:none;	
	background:#2e2e2e;
	padding:4px;
}
#reservation-form textarea {
	overflow:auto;
	background-color:#2e2e2e;
	border:none;
	margin-left:13px;
	width:204px;
	height:30px;
	padding:4px;
	color:#fff;
	margin-bottom:6px;
} 
#reservation-form .buttons {
	clear:both;
	text-align:right;
}
#reservation-form .buttons a {
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url("img/button.png");
	padding:6px 0 7px 34px;
	display:inline-block;
}
#reservation-form .col-1 { width:222px; margin-right:50px;}
#reservation-form .col-2 { width:275px;}
#reservation-form .col-2 label { width:57px;}
#reservation-form .col-3 { width:285px;}


/*==========================================*/

#page1 #slider-wrap {
	top:0;
}
#slider-wrap {
	width:100%;
	min-width:980px;
	position:absolute;
	left:0;
	top:350px;
	overflow:hidden;
	z-index:1;
	background:url("img/slider-tail.png") repeat-x left top;
	height:261px;
	font-size:.689em;
	text-transform:uppercase;
}   
#slider {
		overflow:visible !important;
		z-index:1000;
		position:absolute;
		left:50%;
		margin-left:-470px;
		width:100%;
	}
	#slider ul, #slider li {
		margin:0;
		padding:0 ;
		list-style:none;
	}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:189px;
		height:225px;
		position:relative;
		top:17px;
		float:left;
	}
		#slider li a {
			color:#fff;
			text-decoration:none;
			cursor:pointer;
			width:170px;
			overflow:hidden;
			display:block;
			position:relative;
		}	
			#slider li a span,
			#slider li a strong {
				position:absolute;
				bottom:0;
			}
			#slider li a span {
				bottom:47px;
				right:-90px;
				background:url("img/png-tail1.png");
				padding:5px 15px;
				font-size:1.545em;
				line-height:1.5em;
			}
			#slider li a strong {
				background:url("img/png-tail2.png");
				font-weight:normal;
				width:170px;
				left:-170px;
				padding:16px 0 15px;
				text-indent:9px;
			}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:52px;
		height:102px;
		position:absolute;
		left:50%;
		top:71px;
		z-index:1000;
		text-indent:-9999px;
		margin-left:-490px;
	}	
	#nextBtn, #slider1next {
		margin-left:438px;
	}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:52px;
		height:102px;
		background:url("img/prev.gif") no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url("img/next.gif") no-repeat 0 0;	
		}	

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width:49px !important;
	position:relative;
	height: 21px;
	background:#2e2e2e;
	float:left;
	color:#fff;
	margin-right:11px;
}

.jqTransformSelectWrapper div span {
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 21px;
	line-height: 15px;
	padding: 4px 0 0 5px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
	/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 18px;
	height: 21px;
	background: url("img/select_right.gif") no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 49px;
	top: 25px;
	left: 0px;
	list-style: none;
	background-color:#2e2e2e;
	border:none;
	display: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	z-index:10;
	width:49px !important;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 2px 3px;
	text-decoration: none;
	color:#fff;
	background-color: #2e2e2e;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #e71468;
}

.jqTransformSelectWrapper ul a:hover, 
.jqTransformSelectWrapper ul a.selected:hover {
	background:#fff;
	color: #000;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}