/* INTERPOL CSS */
* {
    padding: 0;
    margin: 0;
}
html, body {
	height: 100%;	
}
#container {
	position:relative;
	margin:0 auto; /* center*/
	width:960px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */	
}
* html #container {
	height: 100%;	
}
body {margin:0px; padding:0px; background:#000000; font-family:"Lucida Grande", Arial, Verdana, san-serif; font-size:11px; color:#ffffff; text-transform:none; position:relative;}

/* HOME */
#homeBg { background-color:transparent; background-image:url(../images/bg_home.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed; padding-bottom:400px;}

#homeContent {width:750px; height:100%; margin:0px; text-align:center; font-family:"Lucida Grande", Arial, Verdana, san-serif; font-size:11px; padding-top:200px;}

#homeContent a {text-decoration:none; color:#FFFFFF;}
#homeContent a:hover {text-decoration:underline;}


/* NEWS */
body#news { background-color:#000000; background-image:url(../images/bg_news.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed; margin-bottom:0px;}

body#news #container {
	width:700px; 
	background:url(../images/bg_rasters.png) top left repeat; 
	height: 100%;
}

#newsContent {
	width:670px; 
	color:#fff; 
	font-size:12px; 
	line-height:1.45em;
	text-align:center; 
	padding-top:100px;
	padding-right:30px;
	margin: 0 auto; /* this is all you need for centering */
}
#newsContent a {text-decoration:none; border-bottom:2px solid #666666; color:#ffffff;}
#newsContent a:hover {text-decoration:none; border-bottom:2px solid #666666; color:#cc0000;}

.newsEntry {font-style:normal; margin:0; padding:0 0 30px 20px; vertical-align:middle; text-align:left;}
.newsDate {font-size:13px;}
.dividerNews {background:url(../images/div_news.gif) bottom left; height:2px; margin:15px 0 0 0;}



/* SHOWS */
body#shows { background-color:#000000; background-image:url(../images/bg_shows.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed; margin-bottom:0px;}

body#shows #container {
	width:470px; 
	background:url(../images/bg_rasters.png) top left repeat; 
	height: 100%;
}

#showsContent {
	width:470px; 
	color:#fff; 
	font-size:10px; 
	text-align:center; 
	padding: 100px 0;
	margin: 0 auto; /* this is all you need for centering */
}
#showsContent a {text-decoration:none; color:#FFFFFF;}
#showsContent a:hover {text-decoration:underline;}

.showEntry {font-style:normal; height:21px; margin:0; padding:10px 0 0 20px; vertical-align:middle; text-align:left;}
.header {color:#fff; font-size:15px; letter-spacing:.2em;}
.cityVenue {color:#fff; font-style:normal; margin-left:10px;}
.btnTickets {margin-right:10px; margin-bottom:0px; float:left;}
.support {font-style:normal; margin-left:15px;}
.bullet {color:#990000; margin: 0 5px;}
.small {color:#fff; font-style:italic; font-size:12px;}



/* VIDEOS */

body#videos { 
	background: #000 url(../images/bg_videos.jpg) no-repeat top center;
}

#vidContent {width:750px; margin:0px 0 0 100px; text-align:center; font-family:"Lucida Grande", Arial, Verdana, san-serif; font-size:11px; padding-top:100px;}

#vidContent a {text-decoration:none; color:#FFFFFF;}
#vidContent a:hover {text-decoration:underline;}

#vidCurrent {height:450px;}
#vidThumbs {text-align:center; width:750px; margin:30px 0 0 100px;}
.vidThumb {margin:0 4px;}
.vidArrow {padding-bottom:24px;}



/* PHOTOS */
body#photos { 
	background: #000 url(../images/bg_photos.jpg) no-repeat top center;
}
#photosContent {width:750px; height:100%; margin:0px 0 0 100px; text-align:center; font-family:"Lucida Grande", Arial, Verdana, san-serif; font-size:11px; padding-top:100px;}

#photosContent a {text-decoration:none; color:#FFFFFF;}
#photosContent a:hover {text-decoration:underline;}
#photosThumbs {
	margin: 20px 0 0 0;
}

/* ALBUMS */
body#albums { 
	background: #000 url(../images/bg_albums.jpg) no-repeat top center;
}
#albumsContent {width:850px; height:100%; margin:0px 0 0 100px; text-align:left; font-family:"Lucida Grande", Arial, Verdana, san-serif; font-size:11px; padding-top:100px;}

#albumsContent a {text-decoration:none; color:#FFFFFF;}
#albumsContent a:hover {text-decoration:underline;}
#albumThumbs {
	margin-right:20px;
	float:left;
}

#albumThumbs img {
	margin:0 5px 5px 0;
	border:0;
}

#albumCover {
	margin-right:25px;
	float:left;
}

#albumDetails {
  margin:0;
	float:left;
	width:200px;
	line-height:2em;
}

.albumTitle {padding:20px 0 5px 0; border:0;}
.purchaseBtn {border:0;}


/* LINKS */

body#links { 
	background: #000 url(../images/bg_links.jpg) no-repeat top center;
}

#linksContent {width:850px; height:100%; margin:0px; text-align:left; font-family:"Lucida Grande", Arial, Verdana, san-serif; font-size:11px; line-height:1.9em; padding-top:100px;}

#linksContent a {text-decoration:none; border-bottom:2px solid #333; color:#FFFFFF;}
#linksContent a:hover {text-decoration:none; border-bottom:2px solid #333; color:#cc0000;}


#linksCol1 {width:150px; margin-left:550px; text-align:left; float:left;}
#linksCol2 {width:110px; margin-left:20px; text-align:left; float:left;}
#linksCol3 {width:110px; margin-left:20px; text-align:left; float:left;}


/* CONTACT */
body#contact { 
	background: #000 url(../images/bg_contact.jpg) no-repeat top center;
}

#contactContent {
	font-size:11px; 
	line-height:1.45em;
	padding-top:100px;
	margin: 0 0 0 250px;
}

#contactContent a {text-decoration:none; border-bottom:2px solid #333; color:#ffffff;}
#contactContent a:hover {text-decoration:none; border-bottom:2px solid #333; color:#cc0000;}



#clear {clear:both;}


/* NAV */
ul {margin:0;}

#nav {
	background:transparent url(../images/nav.png) no-repeat 0 0;
	height:17px;
	border:0px solid #000;
	width:724px;
	float:left;
	text-indent:-9999px;
	position:absolute;
	top: 0;
	left:50%;
	padding:0px;  
	margin-left:-362px; 
	margin-top:8px; 
	margin-bottom:0px;
	z-index:900;
}

#nav a {outline:none;}

#nav li {
	margin-left:0;
}

#buttons {
	height:17px;
	position:relative;
}

#buttons li {list-style: none; position:absolute;}
#buttons li, #buttons a {height:17px; display:block; top:0;}

#button1 {left: 0; width: 50px;}
#button2 {left: 50px; width: 53px;}
#button3 {left: 103px; width: 61px;}
#button4 {left: 164px; width: 57px;}
#button5 {left: 221px; width: 63px;}
#button6 {left: 284px; width: 66px;}
#button7 {left: 350px; width: 67px;}
#button8 {left: 417px; width: 55px;}
#button9 {left: 473px; width: 73px;}
#button10 {left: 545px; width: 77px;}
#button11 {left: 622px; width: 102px;}

#button1 a:hover {background: transparent url(../images/nav.png) 0 -17px no-repeat;}
#button2 a:hover {background: transparent url(../images/nav.png) -50px -17px no-repeat;}
#button3 a:hover {background: transparent url(../images/nav.png) -103px -17px no-repeat;}
#button4 a:hover {background: transparent url(../images/nav.png) -164px -17px no-repeat;}
#button5 a:hover {background: transparent url(../images/nav.png) -221px -17px no-repeat;}
#button6 a:hover {background: transparent url(../images/nav.png) -284px -17px no-repeat;}
#button7 a:hover {background: transparent url(../images/nav.png) -350px -17px no-repeat;}
#button8 a:hover {background: transparent url(../images/nav.png) -417px -17px no-repeat;}
#button9 a:hover {background: transparent url(../images/nav.png) -473px -17px no-repeat;}
#button10 a:hover {background: transparent url(../images/nav.png) -545px -17px no-repeat;}
#button11 a:hover {background: transparent url(../images/nav.png) -622px -17px no-repeat;}

#button1 a#on {background: transparent url(../images/nav.png) 0 -17px no-repeat;}
#button2 a#on {background: transparent url(../images/nav.png) -50px -17px no-repeat;}
#button3 a#on {background: transparent url(../images/nav.png) -103px -17px no-repeat;}
#button4 a#on {background: transparent url(../images/nav.png) -164px -17px no-repeat;}
#button5 a#on {background: transparent url(../images/nav.png) -221px -17px no-repeat;}
#button6 a#on {background: transparent url(../images/nav.png) -284px -17px no-repeat;}
#button7 a#on {background: transparent url(../images/nav.png) -350px -17px no-repeat;}
#button8 a#on {background: transparent url(../images/nav.png) -417px -17px no-repeat;}
#button9 a#on {background: transparent url(../images/nav.png) -473px -17px no-repeat;}
#button10 a#on {background: transparent url(../images/nav.png) -545px -17px no-repeat;}
#button11 a#on {background: transparent url(../images/nav.png) -622px -17px no-repeat;}


/* FOOTER */
#footer {width:500px; margin-top:50px; padding-bottom:300px; color:#666; font-family:"Lucida Grande", Arial, Verdana, san-serif; font-size:11px;}
#footer a {text-decoration:none; color:#FFFFFF;}
#footer a:hover {text-decoration:underline;}