@import url(http://fonts.googleapis.com/css?family=Average+Sans);
@charset "utf-8";
/* CSS Document */

@-webkit-keyframes bubbles
{
	0%{ background-position: 0px 0px;}
	50%{ background-position: -2000px 200px;}
	100%{ background-position: -4000px 0px;}
}
@keyframes bubbles
{
	0%{ background-position: 0px 0px;}
	50%{ background-position: -2000px 200px;}
	100%{ background-position: -4000px 0px;}
}

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #fce6d1 url(../images/bubbles.png);
	color: #76121a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0 auto;
	position: relative;
	width: 1280px;
}

@media screen and (min-width: 1290px)
{
	body
	{	
		-webkit-animation: bubbles 32s ease-in-out infinite alternate;
		animation: bubbles 32s linear infinite; 
	}
}

#pagewrapper
{
	background: url(../images/bg.jpg) repeat-y;
	position: relative;
	width: 1280px;
}

a
{
	color: inherit;
	outline: none;
	text-decoration: none;
}

ul
{
	list-style: none;
}

h2
{
	font-family: 'Playball', sans-serif;
	font-size: 1.9em;
	font-weight: normal;
	padding-left: 5px;
}

iframe
{
	border: none;
	overflow: hidden;
}

div.clear
{
	clear: both;
	height: 2px;
}

header
{
	background: url(../images/top.png) no-repeat;
	height: 804px;
	margin: 0 auto;
	position: relative;
	width: 1256px;
	z-index: 13;
}

a#booknow
{
	left: 849px;
	position: absolute;
	top: 28px;
	z-index: 999;
}

div#reel
{
	left: 13px;
	min-height: 328px;
	overflow: hidden;
	position: absolute;
	top: 85px;
	width: 1254px;
	z-index: 12;
}

div#reel #slidecontainer
{
	height: 328px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 1256px;
}

div#reel img
{
	left: 0px;
	position: absolute;
	top: -3px;
}

header#subheader
{
	background: url(../images/sub-top.jpg) no-repeat;
	height: 461px;
	margin: 0 auto;
	position: relative;
	width: 1256px;
}

#top2
{
	bottom: -61px;
	left: 444px;
	position: absolute;
}

#schedule
{
	box-shadow: 3px -3px 6px rgba( 0, 0, 0, 0.5 );
	float: left;
	margin-left: 5px;
	margin-top: 44px;
	padding: 10px 22px;
	width: 371px;
}

#schedule p.dates
{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	text-align: right;
	top: 5px;
}

#schedule p.days
{
	float: left;
	font-family: 'Playball', sans-serif;
	font-size: 1.5em;
}

#presentedby
{
	margin-left: 436px;
	margin-top: 56px;
	overflow: hidden;
	width: 799px;
}

#featuring
{
	margin-left: 436px;
	margin-top: 13px;
	overflow: hidden;
}

#featuring iframe
{
	border: none;
}

#attractions
{
	float: right;
	font-family: 'Average Sans', sans-serif;
	margin-right: 45px;
	width: 135px;
}

#attractions h3
{
	font-size: 1.1em;
	font-weight:normal;
	text-decoration: underline;
	text-shadow: 1px 0px 0px #76121a;
}

#attractions h4
{
	margin-top: 8px;
}

a.more
{	
	color: #fff;
	float: right;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.5 );
}

#promo
{
	float: right;
	margin-right: 45px;
}

#archive
{
	margin-left: 436px;
}
.h1
{
font-family: 'Average Sans', sans-serif;
font-size:16px;
}
.text
{
font-family: 'Average Sans', sans-serif;
font-size:1em;
}

#sponsors
{	
	margin: 0 auto;
	margin-bottom: 10px;
	margin-left: 26px;
	overflow: hidden;
	width: 1210px;
}

#sponsors ul
{
	background: #fff url(../images/sponsorsul-bg.jpg);
	height: 99px;
	min-width: 2250px;
	overflow: hidden;
	position: relative;
}

#sponsors li,
#presentedby li
{
	float: left;
	margin: 2px 27px;
}

#presentedby ul
{
	background: #fff;
	height: 99px;
	min-width: 2400px;
	overflow: hidden;
	position: relative;
}

nav#bottommenu
{
	border-bottom: 1px solid #713720;
	border-top: 1px solid #713720;
	margin: 0 auto;
	width: 1256px;
}

nav#bottommenu li
{
	display: inline-block;
}

nav#bottommenu ul
{
	left: 14px;
	position: relative;
	width: 1210px;
}

nav#bottommenu a
{
	display: inline-block;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.3em;
	margin-right: 57px;
	padding: 3px 0;
	text-transform: uppercase;
}

nav#bottommenu li:last-child
{
	float: right;
}

nav#bottommenu li:last-child a
{
	margin-right: 0;
}

#textbox-about
{
	box-shadow: 3px -3px 6px rgba( 0, 0, 0, 0.5 );	
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 44px;
	padding: 7px 22px;
	text-align: center;
	width: 1132px;
	background-color: rgba(255, 255, 255, 0.6);
}

#textbox-about h2
{
	margin: 13px 0;
}

#textbox-about p
{
	margin: auto;
	width: 1032px;
}

footer
{
	clear: both;
	color: #c69656;
	font-family: "Trebuchet MS", sans-serif;
}

footer p
{
	text-align: center;
}

footer p.copyright
{
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
	width: 700px;
}

#agencyeleven100
{
	float: right;
	margin-right: 16px;
}

#agencyeleven100 a
{
	font-style: italic;
	font-weight: bold;
}

ul.social
{
	float: right;
	margin-right: 26px;
}

ul#social.social
{
	float: left;
	margin-left: 26px;
}

ul.social li
{
	display: inline-block;
}

ul.social li a
{
	background-image: url(../images/sociallinks.png);
	display: block;
	float: left;
	height: 54px;
	width: 54px;
}

ul.social li:nth-child(1) a
{
	background-position: -11px -2px;
}

ul.social li:nth-child(2) a
{
	background-position: -72px -2px;
}

ul.social li:nth-child(3) a
{
	background-position: -133px -2px;
}

header nav a
{
	display: block;
	height: 30px;
	position: absolute;
	top: 0px; left: 300px;
	width: 110px;
	z-index: 1000;
}

header a#aboutlink
{
	height: 50px;
	left: 0px;
	top: 14px;
}

header a#awardslink
{
	height: 85px;
	left: 130px;
	top: 60px;
	width: 160px;
}

header a#supporterslink
{
	height: 25px;
	left: 320px;
	top: 140px;
	width: 128px;
}

header a#medialink
{
	left: 480px;
	top: 145px;
	width: 70px;
}

header a#sponsorslink
{
	height: 25px;
	left: 660px;
	top: 150px;
	width: 105px;
}

header a#inquirylink
{
	height: 25px;
	left: 800px;
	top: 147px;
	width: 90px;
}

header a#ticketslink
{
	left: 915px;
	top: 130px;
	width: 90px;
}

header a#hotelslink
{
	height: 50px;
	left: 1030px;
	top: 80px;
	width: 67px;
}

header a#contactlink
{
	height: 45px;
	left: 1140px;
	top: 20px;
	width: 96px;
}

div#timer
{
	height: 60px;
	left: 330px;
	overflow: hidden;
	position: absolute;
	top: 70px;
	z-index: 999;
}

#homelink
{
	color: #fff;
	display: block;
	left: 250px;
	position: absolute;
	top: 12px;
	z-index: 26;
}
	
#textbox-supp p.letterlinks
{
	cursor: pointer;
	margin: 20px auto;
}	

#textbox-supp span.name
{
	font-size: 1.2em;
}
	
p.letterlinks span
{
	display: block;
}

div#loader
{
	background-color: rgba( 255, 255, 255, 0.9 );
	display: block;
	height: 100%;
	left: 0px;
	position: fixed;
	text-align: center;
	top: 0px;
	width: 100%;
	z-index: 1313;
}

div#loader img
{
	display: block;
	left: 50%;
	margin-left: -113px;
	margin-top: -130px;
	position: absolute;
	top: 50%;
}

div#loader #loadingbar
{
	-webkit-animation: loading 8s infinite linear;
	animation: loading 8s infinite linear;
	background-image: url(../images/loadingbar.jpg);
	background-repeat: repeat-x;
	border-radius: 1px;
	box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.5 );
	height: 3px;
	left: 50%;
	margin-left: -123px;
	margin-top: 150px;
	position: absolute;
	top: 50%;
	width: 226px;
}

@-webkit-keyframes loading
{
	0%{ background-position: 0px 0px;}
	100%{ background-position: -1800px 0px;}
}

@keyframes loading
{
	0%{ background-position: 0px 0px;}
	100%{ background-position: -1800px 0px;}
}

div#loader #loadingtext
{
	color: #f00;
	left: 50%;
	margin-left: -123px;
	margin-top: 156px;
	position: absolute;
	top: 50%;
	width: 226px;
}

div#salman
{
	background-color: rgba( 0, 0, 0, 0.1 );
	display: none;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1000;
}

div#salman p
{
	bottom: 0px;
	font-family: 'Average Sans', sans-serif;
	font-size: 2em;
	left: 60%;
	position: absolute;
	z-index: 52;
}

div#salman img
{
	border-bottom: 15px solid #000;
	left: 50%;
	margin-left: -200px;
	margin-top: -300px;
	position: absolute;
	top: 50%;
}

div#salman h2
{
	color: #fff;
	font-family: 'Playball', sans-serif;
	font-size: 5em;
	left: 35%;
	position: absolute;
	text-align: center;
	text-shadow: 2px 2px 2px rgba( 255, 0, 0, 0.8 ), 4px 4px 4px rgba( 0, 0, 0, 1 ); 
	top: 60%;
}

div#salman p span
{
	background: url(../images/close.png) no-repeat;
	display: block;
	color: #fff;
	cursor: pointer;
	margin-right: 13px;
	width: 60px; height: 60px;
}

div#salman h2 span
{
	display: block;
	font-size: 0.7em;
}

section#contactform
{
	float: left;
	width: 495px;
}

div#carousel
	{
	  height: 276px;
      overflow: hidden;
	  position: relative;
	  width: 349px;
	}
	
div#carousel img
{
	  position: absolute;
	  z-index: 0;
}
	
#carousel #next
{
	  bottom: 0px;
	  cursor: pointer;
	  right: 10px;
}
#carousel #prev
{
	  bottom: 0px;
	  cursor: pointer;
	  left: 0px;
}