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

/***************************************************************
/* Generic Styles
/**************************************************************/
body{
	margin: 0 auto 0 auto;
	background: #333333 url(../images/bg.jpg) repeat-x top left;
	text-align: center;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #000;
}

img{
	border: 0;
}

a{
	color: #efefef;
}

a:hover{
	color: #fff;
}



/***************************************************************
/* Helper Styles
/**************************************************************/

div.clear{clear: both;}

.center{text-align: center;}

/***************************************************************
/* Header Styles
/**************************************************************/
#header{
	width: 961px;
	height: 230px;
	background: #fff url(../images/header-bg.jpg) no-repeat top left;
	text-align: left;
	margin: auto;
}

#header #logo{
	width: 317px;
	text-align:center;
	margin: 46px 0px 0px 5px;
	float: left;
}

#header #header-right{
	width: 639px;
	text-align:center;
	float: right;
}

#banner{
	width: 600px;
	text-align:center;
	padding: 5px;
	height: 176px;
}

#tabs{
	width: 639px;
	text-align:center;
}


.navigation { height: 44px; border-left: 0px solid #fff; clear: left; float: left; }
.navigation li { float: left; border-right: 0px solid #fff; }
.navigation li a { display: block; height: 44px; text-indent: -4100px; background-repeat: no-repeat; background-position: 0 0; }
.navigation li#nav-home a { width: 114px; background-image: url(../images/home.gif); }
.navigation li#nav-about a { width: 120px; background-image: url(../images/about.gif); }
.navigation li#nav-event a { width: 115px; background-image: url(../images/event.gif); }
.navigation li#nav-media a { width: 120px; background-image: url(../images/media.gif); }
.navigation li#nav-contact a { width: 140px; background-image: url(../images/contact.gif); }
.navigation li a:hover { background-position: 0 -44px; }


/***************************************************************
/* Main Styles
/**************************************************************/
#main{
	width: 961px;
	text-align: left;
	margin: auto;	
	background: #94c7ff url(../images/solid-bg.gif) repeat-y top left;
}

#main-content{
	width: 961px;
	text-align: left;
	margin: auto;	
	background: transparent url(../images/main-content-bg.jpg) no-repeat top left;
}

#hp-media #col-1{
	width: 230px;
	margin: 0 0 0 20px;
	float: left;
}



#hp-media #col-2{
	width: 460px;
	padding: 0;
	float: left;
}



#hp-media #col-3{
	width: 230px;
	float: right;
	margin: 0 21px 0 0;
}

#hp-movie{
	width: 450px;
	margin: 10px auto 10px auto;
	text-align: center;	
	vertical-align: middle;
}


#hp-media div#col-1 ul, #hp-media div#col-2 ul, #hp-media div#col-3 ul{padding:0;margin:0;}


.hp-slide-hor{ clear: left; float: left; }
.hp-slide-hor li { float: left; list-style: none;}


.hp-slide li, .hp-slide-hor li{
	margin: auto;
	width: 230px;
	height: 110px;
	text-align: center;
	vertical-align: middle;
}




#hp-media div#col-1 ul, #hp-media div#col-3 ul{margin: auto;}

#hp-media div#col-1 ul li a img, #hp-media div#col-2 ul li a img , #hp-media div#col-3 ul li a img  {width: 215px; height: 100px;}



#hp-body-content{
	padding: 5px 30px 5px 30px;
}




.hp-intro{
	width: 500px;
	float: left;
	
}

.hp-intro-tab{
	padding: 5px;
	border: 1px solid #1b1b1b;
	border-bottom-width: 0;
	background-color: #1b1b1b;
	color: #fff;
	font-weight: bold;
	font-size: 95%;
}

.hp-intro-content{
	padding: 5px;
	border: 1px solid #1b1b1b;
	background-color: #222;
}

.hp-intro p{
	color: #fff;
	font-size: 85%;
	padding: 5px;
	line-height: 1.2;
}

.hp-event{
	width: 380px;
	float: right;
	
}

.hp-event p{
	color: #fff;
	font-weight: bold;
	font-size: 95%;
}

.hp-intro-tab a, .hp-event p a{
	color: #555;
	font-weight: normal;
	font-size: 95%;
	
}

.hp-intro-tab a:hover, .hp-event p a:hover{
	color: #fff;
	font-weight: normal;
	font-size: 95%;
	
}

.sponsors{
	clear: both;
	display: block;
	margin: 10px auto auto auto;
	text-align: center;
}

.sponsors table{
	width: 895px;
	margin: auto;
	border: 5px solid transparent;
	border-bottom: 0px solid transparent;
}
.sponsors table td{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
}


.brochure{
	text-align: center;
	padding: 10px;
}

/***************************************************************
/* HP Tickets
/**************************************************************/
.hp-tickets{
	margin: 0 5px 15px 5px;
	background: #fff url(../images/hp-event-bg.jpg) no-repeat top right;
}

.hp-tickets h3{
	padding: 5px;
	font-size: 140%;
	color: #d91921;
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
	
}

.hp-tickets p{
	padding: 5px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.hp-tickets ul{
	padding: 5px;
}
.hp-tickets ul li{
	color: #333;
	font-weight: bold;
	text-align: center;
	
}


/***************************************************************
/* Body Content
/**************************************************************/
#body-content{
	
}

.left-content{
	width: 590px;
	margin-left: 20px;
	float: left;
	padding: 5px;
}


.right-content{
	width: 310px;
	margin-right: 20px;
	float: right;
	padding: 5px;
}





/***************************************************************
/* Footer Styles
/**************************************************************/
#footer{
	width: 921px;
	text-align: left;
	background-color: #222;
	margin: auto;
	text-shadow: #000 0px 1px 1px;
	padding: 10px 0px 10px 30px;
	
}

#links{
	color: #555;
	font-size: 80%;
}

#links .col-1{
	width: 291px;
	float: left;
	padding: 5px;
	line-height: 1.5;
}

#links .col-2{
	width: 291px;
	padding: 5px;
	float: left;
}

#links .col-3{
	width: 306px;
	float: right;
	padding: 5px;
}


h4{
	color: #777;
	text-transform: uppercase;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

#links .col-1 ul li, #links .col-2 ul li, #links .col-3 ul li{
	list-style: circle;
	padding: 3px;
}

#links a, #links .col-1 ul li a, #links .col-2 ul li a, #links .col-3 ul li a{
	color: #555;
}

#links a:hover, #links .col-1 ul li a:hover, #links .col-2 ul li a:hover, #links .col-3 ul li a:hover{
	color: #fff;
}

#copyright{
	text-align: center;
	font-size: 80%;
	padding: 5px;
	color: #efefef;
}


/***************************************************************
/* Lava lamp menu Styles
/**************************************************************/

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 29px; width: 450px;
    background: url("../images/bg.gif") no-repeat top;
    padding: 15px; margin: 10px 0;
    overflow: hidden;
	text-align: center;
}
/* Force the list to flow horizontally */
.lavaLamp li {
	float: left;
	list-style: none;
	width: 20%;
	margin-left: 20px;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
	background: url("../images/lava.gif") no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}
.lavaLamp li.back .left {
	background: url("../images/lava.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
	position: relative; overflow: hidden;
	text-decoration: none;
	font: bold 100% "Trebuchet MS";
	color: #fff; outline: none;
	text-align: center;
	height: 30px; top: 7px;
	z-index: 10; letter-spacing: 0;
	float: left; display: block;
	margin: auto 10px;
}


/***************************************************************
/* Newsletter signup Styles
/**************************************************************/
.news-signup-form{
	margin: 0 5px 5px 5px;
	padding: 5px;
}
span.label,span.spacer,span.multiple span {width:120px;float:left;color: #333} 
span.multiple {float:left;} 
span.button {padding-right:5px;} 
div.spacer{margin-bottom: 5px;}
.btnSignUp{border: 1px solid #1b1b1b; background-color: #222; color: #fff;}
.iptText{border: 1px solid #1b1b1b; padding-bottom: 5px; background-color: #2a2a2a; color: #fff;}
h3.news-signup{margin: 5px 5px 0 5px; padding: 5px; ; font-weight: bold; text-transform: capitalize;font-size: 100%; color: #333;}



/**************************************************************
/* Event Page Styles
/*************************************************************/
.event, .about, .about-right{
	padding: 5px;
}

.about-right{
	background-color: #333;
}

.event h2, .about h2, .about-right h2{
	color: #333;
	font-size: 140%;
	font-weight: bold;
	padding: 5px;
	vertical-align: middle;
}

.about-right h2{
	color: #fff;
}

.about p, .about-right p{
	font-size: 90%;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 10px;
	padding: 5px;
}

.about-right p{
	color: #fff;
}

.title-normal{
	padding: 0;
	font-size: 90%;
	color: #fff;
	font-weight: normal;
	vertical-align:middle;
}

.title-normal a{
	font-size: 80%;
	color: #fff;
	font-weight: normal;
	vertical-align:middle;
	margin: auto;
}

.title-normal a img{
	vertical-align: middle;
}


.event h3, .about h3, .about-right h3{
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	padding: 0 5px 5px 5px;
}

.about-right h2{
	color: #aeaeae;
}

p.tickets{
	padding: 10px;
}

.event ul{
	padding: 0 5px 0 10px;
}

.event ul li{
	font-size: 90%;
	font-weight: bold;
	color: #333;
	padding-bottom: 3px;
}

.menu{
	padding: 5px;
}

.menu h5{
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
	width: 150px;
	background-color: #333;
	margin-bottom: 5px;
}

.menu ul{
	padding: 0 5px 0 10px;
	margin-bottom: 10px;
}

.menu ul li{
	font-size: 90%;
	color: #333;
	padding-bottom: 3px;
}

.menu p.drinks{
	color: #000;
	font-size: 90%;
	padding: 5px;
	margin-bottom: 5px;
}


/*********************************************************************
/* Location
/********************************************************************/

.location{
	padding-top: 10px;
}

.address{
	padding: 5px;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.5;
	color: #333;
}

.phone{
	padding: 5px;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.5;
}

.website{
	padding: 0 5px 5px 5px;
}
.website a{
	font-size: 90%;
}

.coming-soon{
	margin: auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#flashcontent{
	height: 550px;
	padding: 10px 20px 10px 20px;
}

/**************************************************************
/* Media Page Styles
/*************************************************************/

.friends{
	margin: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

.friends table{
	width: 550px;
	border-width: 0;
	margin: auto;
}

.friends table td{
	text-align: center;
	padding: 5px;
}

/*********************************************************************
/* Contact
/********************************************************************/


.contact-form, .contact-tickets{
	padding: 5px;
}

.contact-form h2{
	color: #333;
	font-size: 140%;
	font-weight: bold;
	padding: 5px 5px 5px 0;
	vertical-align: middle;
	margin-bottom: 5px;
}

.form-row{
	margin-bottom: 5px;
}

.form-row-label{
	width: 120px;
	margin-right: 5px;
	float: left;
}


.contact-tickets h2{
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	padding: 5px;
	vertical-align: middle;
	margin-bottom: 5px;
}


.contact-tickets ul{
	padding: 0 5px 0 10px;
}

.contact-tickets ul li{
	font-size: 90%;
	font-weight: bold;
	color: #333;
	padding-bottom: 3px;
}