@charset "utf-8";
/* Markup and Style work by André Drougge and Ricardo Arroyo - Silvia Media 2008. 
owner: Domestic Bumblebees */

/* *************************************************************** */
/* *************************************************************** */
/* *************************************************************** */
/* Basics */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:"Courier New", Courier, monospace;
	color:#000000;
	text-align:left;
	vertical-align: baseline;
}
body{
	background:#e6e5e2 url(/files/bgGradient3.jpg) repeat-x;
	font-size:0.9em;
}
/* PNG fix */
* html img, * html div {
	behavior:url(/files/iepngfix.htc);
}

/* *************************************************************** */
/* *************************************************************** */
/* *************************************************************** */
/* SECOND level Layout */
/* These are elements concering content. Text-containers, paragraphs, images, menus, lists etc */

#mainContentNoImage p, 
#mainContentBigImage p{
    padding:0 0 15px 0;
}
#mainContentNoImage p img, mainContentBigImage p img{
  	padding:15px 10px 0 10px;
}
.textFlow {
}
.text {
/* This is text inside puffs */
	text-align:left;
	font-weight:500;
	padding:15px 25px;
}
h1 {
 visibility:hidden;
    font-size:4em;
 font-weight:bold;
    line-height: 1;
}
h2 {
    font-size:1em;
 font-weight:bold;
 text-decoration:underline;
    text-transform:uppercase;

}
.imgFlow {
	padding-left:40px;
}
#tourPuffText{
/* position is needed for z-index to work. z-index is needed or the text won't show properly in IE6 */
	position:relative;
   	z-index:11;
    margin-top:-190px;
}
#fanPuffText{
	margin-top:-20px;
}
#bookingPuffText{
	padding-top:130px;
	width:150px;
	height:115px;
}
#menu ul li {
	list-style:none;
	float:left;
	height:73px;
}
#menu ul{
	height:73px;
}
#menuEnd {
	background-image:url(/files/menuEnd.jpg);
	background-repeat:no-repeat;
	display:block;
	width:62px;
	height:11px;
}
.firstImg {
	float:left;	
}
.leftedFlow {
	float:left;
	padding-left:40px;
	padding-right:10px;
}
.recContent {
	min-height:79px;
}
#firstContentForNoImage {
	margin-top:75px;

}
#mainPic{
	position:absolute;
	left:51px;
}
#firstContentForBigImage{
	margin-top:470px;
}
.menuLink{
	float:left;
	height:73px;
}
/* *************************************************************** */
/* *************************************************************** */
/* *************************************************************** */
/* FIRST level Layout */
/* These are elements concering design. Wrappers, backgrounds, background-images, containers and placeholders */

#superWrapper {
	margin:auto;
	width:972px;
	text-align:center;
}
#head{
	padding-left:25px;
	margin:auto;
	width:906px;
	height:152px;
}
#menu {
	padding-left:24px;
	margin:auto;
	height:73px;
	width:906px;
}
#topWrapper {
	height:198px;
	width:906px;
	margin:auto;
	display:inline;
}
#main {
	color:#000000;
	width:956px;
}
#edgeLeft {
	float:left;
	background:url(/files/leftEdge.jpg) no-repeat;
	height:875px;
	width:51px;
}
#edgeRight {
	float:right;
	background:url(/files/rightEdge.jpg) no-repeat;
	height:875px;
	width:18px;
}
#mainLeft {	
	background:url(/files/mainBg.jpg);
	position:relative;
	float:left;
/* min-height is needed or the design for sites with less content than 910px in height will be messed up. with min-height the site will maintain its design even with no content.*/
	min-height:910px;
	width:636px;
}
#mainContentBigImage {
	min-height:480px;
    margin:5px 40px 5px 70px;
	width:520px;
/* min-height is needed or the bottom edge image will be misplaces if content is less than a certain measure. */

}
#mainContentNoImage {
	width:520px;
	min-height:880px;
    margin:5px 40px 5px 70px;
/* min-height is needed or the bottom edge image will be misplaces if content is less than a certain measure. */
	padding:0;

}
#edgeBot {
	background:url(/files/botEdge.jpg) no-repeat;
	margin-left:51px;
	height:29px;
	width:567px;
}
#mainRight {
	float:right;
	width:336px;
}
.puffWrapper {
	position:relative;
	background:url(/files/tourDatesRepeat.png);
	background-repeat:repeat;
}
.puffWrapperWrapper {
	overflow:hidden;
}
#mainRightTopTopTop {
    position:relative;
	background:url(/files/tourDatesTopTop.png) no-repeat;
	height:30px;
}
#mainRightTopTop {
   	position:relative;
    z-index:10;
	background:url(/files/tourDatesTop.png) no-repeat;
	height:384px;
}
#mainRightTopBot {
    position:relative;
    z-index:15;
	background:url(/files/tourDatesBot.png);
	height:40px;
}
#mainRightMidTopTop {
    position:relative;
	background:url(/files/fanAticTopTop.png) no-repeat;
	height:30px;
}
#mainRightMidTop {
    position:relative;
    z-index:10;
	background:url(/files/fanAticTop.png) no-repeat;
	height:384px;
}
#mainRightMidBot {
    position:relative;
    z-index:15;
	background:url(/files/fanAticBot.png);
	height:40px;
}
#mainRightBot {
	background:url(/files/bookingOffice.png) no-repeat;
	height:324px;
}
.sIFR-replaced{
	margin:0;
	padding:0;
	line-height:1;
}



/* *************************************************************** */
/* *******                      MENY                  ************ */
/* *************************************************************** */


#menu .menuLink#booking a{
width:154px;
height:73px;         
background-image: url(/files/menu1.jpg);
display:block;
}

#menu .menuLink#booking a:hover{
width:154px;
height:73px;         
background-image: url(/files/menu1b.jpg);
display:block;
}

#menu .menuLink#booking.active a{
width:154px;
height:73px;         
background-image: url(/files/menu1b.jpg);
display:block;
}

#menu .menuLink#tour a{
width:158px;
height:73px;         
background-image: url(/files/menu2.jpg);
display:block;
}

#menu .menuLink#tour a:hover{
width:158px;
height:73px;         
background-image: url(/files/menu2b.jpg);
display:block;
}

#menu .menuLink.active#tour a{
width:158px;
height:73px;         
background-image: url(/files/menu2b.jpg);
display:block;
}

#menu .menuLink#records a{
width:136px;
height:73px;         
background-image: url(/files/menu3.jpg);
display:block;
}

#menu .menuLink#records a:hover{
width:136px;
height:73px;         
background-image: url(/files/menu3b.jpg);
display:block;
}

#menu .menuLink.active#records a{
width:136px;
height:73px;         
background-image: url(/files/menu3b.jpg);
display:block;
}

#menu .menuLink#bio a{
width:80px;
height:73px;         
background-image: url(/files/menu4.jpg);
display:block;
}

#menu .menuLink#bio a:hover{
width:80px;
height:73px;         
background-image: url(/files/menu4b.jpg);
display:block;
}

#menu .menuLink.active#bio a{
width:80px;
height:73px;         
background-image: url(/files/menu4b.jpg);
display:block;
}

#menu .menuLink#press a{
width:105px;
height:73px;         
background-image: url(/files/menu5.jpg);
display:block;
}

#menu .menuLink#press a:hover{
width:105px;
height:73px;         
background-image: url(/files/menu5b.jpg);
display:block;
}

#menu .menuLink.active#press a{
width:105px;
height:73px;         
background-image: url(/files/menu5b.jpg);
display:block;
}



#menu .menuLink#videos a{
width:108px;
height:73px;         
background-image: url(/files/menu6.jpg);
display:block;
}

#menu .menuLink#videos a:hover{
width:108px;
height:73px;         
background-image: url(/files/menu6b.jpg);
display:block;
}

#menu .menuLink.active#videos a{
width:108px;
height:73px;         
background-image: url(/files/menu6b.jpg);
display:block;
}



#menu .menuLink#shop a{
width:97px;
height:73px;         
background-image: url(/files/menu7.jpg);
display:block;
}

#menu .menuLink#shop a:hover{
width:97px;
height:73px;         
background-image: url(/files/menu7b.jpg);
background-repeat:no-repeat;
display:block;
}

#menu .menuLink.active#shop a{
width:97px;
height:73px;         
background-image: url(/files/menu7b.jpg);
background-repeat:no-repeat;
display:block;
}
