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

/*   
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 185px;
	background:  url(../images/main/bg_top.jpg) no-repeat 50% 0;	
}  /* must be same height as the footer */

body#home #main {padding-bottom: 185px;
	background:  url(../images/main/bg_top_home.jpg) no-repeat 50% 0;	
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -185px; /* negative value of footer height */
	background: url(../images/main/footer.png) no-repeat 45% 0;	
	height: 185px;
	clear:both;
	} 
	
	#footer #book{
		width:916px;
		height:185px;
		margin:0 auto 0 auto;
		background: url(../images/main/footer.png) repeat-x 0 0;
		position:relative;
		}	
	
	#footer #tower{
		width:960px;
		height:185px;
		margin:0 auto 0 auto;
		position:relative;
		}	
		
	#footer #credit{
		position:absolute;
		bottom:5px;
		right:65px;
		font-size:9px;
	}
	
		#footer #credit a:link, #footer #credit a:active, #footer #credit a:visited{
			color:#7391C5;
			text-decoration:none;			
		}
		
		#footer #credit a:hover{
			text-decoration:underline;
		}		
		
		#footer #tower #social, #footer #towerHome #social{
			position:absolute;
			right:180px;
			bottom:5px;			
		}
		
			#footer #tower #social ul li, #footer #towerHome #social ul li{
				float:left;	
				margin: 0 0 0 2px;
			}	
			
				#footer #tower #social ul li img.title, #footer #towerHome #social ul li img.title{
					position:relative;
					top:5px;
				}				
		
		
		#footer #tower #theForm, #footer #towerHome #theForm{
			width:500px;
			height:30px;
			position:absolute;
			left:100px;
			bottom:5px;
			}	
			
		#footer #tower #submitting, #footer #tower #confirmation, #footer #towerHome #submitting, #footer #tower #confirmation{
			color:#f4ba13;
			width:500px;
			height:30px;
			position:absolute;
			left:150px;
			bottom:5px;
			}				
			
			#footer #tower #theForm ul li, #footer #towerHome #theForm ul li{
				float:left;
				margin: 0 0 0 2px;
			}
				
				#footer #tower #theForm ul li input, #footer #towerHome #theForm ul li input{
					padding:2px;
					background:#f4ba13;  
					color: #6F6F6F;  
					margin:0px 0px 5px 0px;  			
					border-top: solid 1px #2c301b;
					border-right: solid 1px #4d5a33;	
					border-bottom: solid 1px #c1c66f;	
					border-left: solid 1px #8d904f;						
				}
								
				
				#footer #tower #theForm ul li img, #footer #towerHome #theForm ul li img{
					position:relative;
					top:5px;
				}				

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -- MAIN
================================================================================== */

body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#58595b;
	font-size:14px;	
	background: #35559a url(../images/main/bg.jpg) repeat-y 50% 0;			
	}
	
body#home {
	background:#35559a;
	}	
	
p {
	line-height:20px;
	margin:0 0 25px 0;}

h1,h2,h3,h4,h5,h6 {
	margin:0 0 25px 0;}

a:link, a:active, a:visited {}

a:hover {}

a.audio{
	display:block;
	width:300px;
	height:100px;
}

ul {
	list-style:none;
	margin:0;
	padding:0;		
}	

/* -- CLASSES
================================================================================== */

.siteWidth{
	width:960px;
}

.left {
	float:left;
	}

.right {
	float:right;
	}

.clear {
	clear:both;}

/* -- STRUCTURE
================================================================================== */

#container {
	margin: 0px auto 0 auto;
	position:relative;	
	}


	#contentArea {
		width:720px;
		margin: 80px 0 0 90px;
		}
		
	#contentAreaMedia {
		width:720px;
		margin: 80px 0 0 90px;
		}	
				
		

		#leftCol {
			width:320px;
			min-height:280px;		
			padding: 10px;
			float:left;
			}
			
			#leftCol ul{
				list-style:none;
			}
			
				#leftCol ul li{
					float:left;
					margin: 0 0 0 2px;
				}	
				
				#leftCol ul#gallery li{
					float:left;
					margin: 5px 0 0 6px;
				}		
									
		
		#rightCol {
			width:320px;	
			min-height:280px;		
			padding: 10px;			
			float:right;			
		}
		
		#rightColMedia {
			width:320px;	
			min-height:280px;		
			padding: 10px;			
			float:left;	
		}		
		
			#rightColMedia img{
				margin: 0 0 0 50px;
			}	
			
				#leftCol img.overlays, #rightColMedia img.overlays{
					margin:0;
					cursor:pointer;
				}				
		
		
			#rightColMedia #galleries{
				margin: 0 0 0 30px;
			}		
				
	
/* -- HOME
================================================================================== */	

#tweetalot{
	width:242px;
	height:340px;	
	position:relative;
	left:-60px;
	background: url(../images/home/tweet.png) repeat-x 0 0;		
	float:left;
	margin: 80px 0 0 0;	
}

	#tweetalot #twitter{
		width: 180px;
		margin: 120px 0 0 50px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#464b97;
		font-size:10px;
	}
	
#touralot{
	width:200px;
	height:312px;
	background: url(../images/home/tour.png) repeat-x 0 0;			
	float:right;
	margin: 100px 0 0 0;	
	position:relative;
}

a.tour{
	color:#000;
	text-decoration:none;
	position:absolute;
	bottom:20px;
	left:20px;
}


	#touralot #tour{
		width: 170px;
		margin: 100px 0 0 20px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#464b97;
		font-size:10px;
	}
	
		#touralot #tour ul li{
			margin: 0 0 10px 0;
		}	

/* -- NEWS
================================================================================== */	

.newsitem{
	margin: 6px 0 20px 0;
}

	.newsitem a:link, .newsitem a:active, .newsitem a:visited {
		color:#58595b;
		text-decoration:none;
	}
	
	.newsitem a:hover {
		color:#35559a;
	}
	
	.newsitem img {
		border: 1px solid #f1b917;
	}			

	
/* -- TEAM
================================================================================== */	

#cast{
	float:none;
	margin: 10px 0 10px 0;
}

.teamBrief{
	width:62px;
	height:107px;
	margin: 6px 10px 20px 5px;
	font-size:11px;
	float:left;
}

	.teamBrief a:link, .teamBrief a:active, .teamBrief a:visited {
		color:#58595b;
		text-decoration:none;
	}
	
	.teamBrief a:hover {
		color:#35559a;
	}	
	
	.teamBrief img {
		border: 1px solid #f1b917;
	}		


	.teamFull img {
		border: 1px solid #f1b917;
		margin: 0 0 10px 10px;
	}		


/* -- TOUR
================================================================================== */	

ul#tour li{
	width:100%;
	font-size:13px;
	margin: 6px 0 20px 0;
}

	ul#tour li a .info{
		float:right;
		margin: 0 10px 0 0;
	}

	ul#tour li a:link, ul#tour li a:active, ul#tour li a:visited {
		color:#58595b;
		text-decoration:none;
	}
	
	ul#tour li a:hover {
		color:#35559a;
	}
	
	#venueLogo{
		width:100%;	
	}
	
	.gmap{
		width:320px;
		height:150px;
		border: 1px solid #000;
	}
	
	.gmapTour{
		width:320px;
		height:500px;
		border: 1px solid #000;
	}	
	
	#touralot #tour .city{
		text-transform: uppercase;
		font-weight:bold;
		font-size:12px;
		margin:0;
		padding:0;
	}
	
/* -- MEDIA
================================================================================== */

ul#gallery li a img{
	border:1px solid #F1B917;
}

.media{
	border:1px solid #F1B917;
}

.video{
	width:310px;
	height:198px;
	border:1px solid #F1B917;
}

.name{
	font-size:14px;
	clear:right;
	margin: 3px 0 0 0;
}

.link{
	float:right;
}
	.link a:link, .link a:visited, .link a:active{
		color:#34559A;
		text-decoration:none;
	}
	
	.link a:hover{
		color:#ED1C24;
		text-decoration:none;
	}	

span.title{
	margin: 5px 0;
	font-size:22px;
	width:100px;
}

span.song{
	margin: 5px 0;
	font-size:11px;
}


/* -- OVERLAYS
================================================================================== */

img.link{
	cursor:pointer;
}	

#overlaySize{
	width:640px;
	height:385px;
}

#overlaySize ul#music li{
	margin: 15px 0 15px 0;
}

	span.songNew{
		margin: 5px 0;
		font-size:16px;
	}



/* the overlayed element */
.overlay {
	display:none;
	background-image:url("../images/overlay/spam.png");
	width:640px;		
	padding:40px;
	font-size:11px;
}

.overlay .close {
	background-image:url("../images/overlay/close.png");
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:999;
}




/* -- NAVIGATION
================================================================================== */

#nav {
	width:960px;
	margin:0 auto 0 auto;
	position:relative;	
	height:135px;
	z-index:10;
	}	
	
	#nav #menu{
		width:960px;
		margin: 0 auto 0 auto;
		position:relative;
		top:10px;
		left:2px;
		}	
		
		#nav #menu ul {
			list-style:none;
			}		
		
		#nav #menu ul li{
			float:left;
			margin: 0 0 0 0;
			}	
			
			#nav #menu ul li a{
				outline:none;
				}				
			
		#nav #menu ul li#cast_creatives a{
			display:block;		
			width:157px;
			height:54px;
			text-indent:-9999px;
			background: url(../images/nav/cast.gif) repeat-x 0 0;
			margin: 0 21px 0 0;
			}
			
		#nav #menu ul li#cast_creatives a:hover{
			background-position: 0 -54px;
			}	
			
		#nav #menu ul li#cast_creatives a.selected{
			background-position: 0 -54px;
			}				
			
		#nav #menu ul li#about a{
			display:block;
			width:100px;
			height:54px;
			text-indent:-9999px;
			background: url(../images/nav/about.gif) repeat-x 0 0;
			margin: 0 21px 0 0;			
			}
			
		#nav #menu ul li#about a:hover{
			background-position: 0 -54px;
			}	
			
		#nav #menu ul li#about a.selected{
			background-position: 0 -54px;
			}				
			
		#nav #menu ul li#tour a{
			display:block;
			width:81px;
			height:54px;
			text-indent:-9999px;
			background: url(../images/nav/tour.gif) repeat-x 0 0;
			margin: 0 26px 0 0;				
			}
			
		#nav #menu ul li#tour a:hover{
			background-position: 0 -54px;
			}	
			
		#nav #menu ul li#tour a.selected{
			background-position: 0 -54px;
			}			
			
		#nav #menu ul li#home a{
			display:block;
			width:94px;
			height:54px;
			text-indent:-9999px;
			background: url(../images/nav/home.gif) repeat-x 0 0;
			margin: 0 20px 0 0;					
			}
			
		#nav #menu ul li#home a:hover{
			background-position: 0 -54px;
			}	
			
		#nav #menu ul li#home a.selected{
			background-position: 0 -54px;
			}				
			
		#nav #menu ul li#news a{
			display:block;
			width:85px;
			height:54px;
			text-indent:-9999px;
			background: url(../images/nav/news.gif) repeat-x 0 0;	
			margin: 0 27px 0 0;								
			}
			
		#nav #menu ul li#news a:hover{
			background-position: 0 -54px;
			}		
			
		#nav #menu ul li#news a.selected{
			background-position: 0 -54px;
			}					
			
		#nav #menu ul li#reviews_awards a{
			display:block;
			width:146px;
			height:54px;
			text-indent:-9999px;
			background: url(../images/nav/reviews.gif) repeat-x 0 0;
			margin: 0 27px 0 0;								
			}
			
		#nav #menu ul li#reviews_awards a:hover{
			background-position: 0 -54px;
			}	
			
		#nav #menu ul li#reviews_awards a.selected{
			background-position: 0 -54px;
			}							
		#nav #menu ul li#media a{
			display:block;
			width:99px;
			height:39px;
			text-indent:-9999px;
			background: url(../images/nav/media2.gif) repeat-x 0 0;
			position:relative;
			top:12px;
			}
			
		#nav #menu ul li#media a:hover{
			background-position: 0 -39px;
			}	
			
		#nav #menu ul li#media a.selected{
			background-position: 0 -54px;
			}