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

/* social panes */

.nav {
	height:40px;	
	width:400px;
	margin-top:-18px;
}

.nav ul {	
	width:442px;
	height:40px;
	margin:0 0 0 8px;
	padding:0;
}

.nav li {	
	/*border-right:1px solid #ddd;*/
	float:left;
	height:40px;
	list-style-type:none;
	text-align:center;
	margin-top:2px;
}

.nav a {
	color:#ffffff;
	padding:10px 8px 10px 8px;
	margin-right:2px;
	display:block;
	position:relative;
	word-spacing:-2px;
	font-size:12px;	
	text-decoration:none;
}	

.nav a.link {
	background-image:url(../images/backgrounds/black_50.png);
	
}
.nav a.current {
	background-image:url(../images/backgrounds/orange_30.png);
	
}
.nav a:hover {
	background-image:url(../images/backgrounds/orange_30.png);
}

.nav img {
	/*border:1px solid #ccc;*/
	margin:3px;
	padding:4px;		
	display:block;
}

.nav strong {
	display:block;		
	font-size:13px;
}

.panes {
	width:1000px;	
	
	margin-bottom:0px;
	/*overflow:hidden;*/
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}
.mainPanel {
	height:450px;
	width:1000px;	
}
.panes2 {
	width:1000px;
	height:450px;
	
	margin-bottom:0px;
	overflow:hidden;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
.panes div.panels, .panes2 div.panels{
	display:none;	
	font-size:13px;
	color:#444;
	width:1000px;
	text-align:left;
	
}
.panes2 div.panels{

	position:absolute;
	
}
 .pad10 {
	 padding:0 20px;
 }
 .hide{
	 margin:10px 20px;
	 overflow:hidden;
 }
 .hide2{
	 margin:10px 20px;
	 overflow:hidden;
 }

.panes img, .panes2 img {
	float:left;
	margin-right:20px;		
}

.panes p.more, .panes2 p.more {
	color:#fff;
	font-weight:bold;
	font-size:13px;
}

.panes h3, .panes2 h3 {
	margin:10px 0 -10px 10px;
	padding:0;
	font-size:18px;
	font-weight:normal;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	
}
.panes h4, .panes2 h4 {
	margin:15px 0 5px 0;
	padding:0;
	font-size:16px;
	font-weight:normal;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	
}

.panes h2, .panes2 h2 {
	margin:0 20px;
	font-size:34px;
	font-weight:normal;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	
}

.panes p, .panes2 p {
	color:#000;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

p.innercontent{
	line-height:26px;
	margin:18px;
	
}

p.contactContent{
	line-height:14px;
	margin:15px 0 37px 18px;
	font-size:10px;
	color:#ffffff;
	
	
}
a.contactLink:link, a.contactLink:visited{
	color:#ffffff;
	text-decoration:underline;
	
}
a.contactLink:hover {
	text-decoration:underline;
	color:#f37721;
}

.googMap{
	margin:20px 10px 10px 0px;
	
}

.panelHeader {
	position:absolute;
	margin:10px;
}
.panels object {
	margin:15px 5px;
}

.homePanel {
	background-image:url(../images/backgrounds/LATEST_BG_SKIN.jpg);
	background-repeat:no-repeat;
	height:533px;
}
.nav2BG {
	background-image:url(../images/backgrounds/nav2BG.jpg);
	height:450px;
	width:1000px;
}
.nav2BG2 {
	background-image:url(../images/backgrounds/nav2BG2.jpg);
	height:450px;
	width:1000px;
}
.nav3BG {
	background-image:url(../images/backgrounds/nav3BG.jpg);
	height:450px;
	width:1000px;
}
.nav4BG {
	background-image:url(../images/backgrounds/nav4BG.jpg);
	height:450px;
	width:1000px;
}
.designersPanel, .contactPanel {
	/*background-image:url(../images/backgrounds/white_75.png);*/
	height:450px;
	width:1000px;
}

.designersPanel img.dsr {
	float:left;
	margin-bottom:10px;
	
}

.designersPanel p.dsr {
	line-height:18px;
	
}

.musicPanel {
	background-image:url(../images/backgrounds/ConcreteWall.jpg);
	background-repeat:no-repeat;
}
	
.panelPad {
	margin:20px 0 15px 0;
}
.panelColumn {
	float:left;
	margin:-20px 0 10px 0;
	width:350px;
	text-align:left;
	
}
.topColumn {
	float:left;
	margin:-20px 0 20px -10px;
	width:1000px;
	
}
.contentColumn {
	margin:20px 0 0 0;
	text-align:left;
	
}
.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}


/*  forms */

.panels input.textBox {
	border:0;
	color:#000;
	font-size: 14px;
	width: 171px;
	height: 28px;
	vertical-align:middle;
	line-height: 25px;
	padding:0 6px;
	background: url(../images/form/text.png) no-repeat;

}

.panels input.textBox:focus {
	background: url(../images/form/text.png) no-repeat -184px;
	outline: none;
}
.panels textarea.tArea {
	width:389px;
	height:	70px;
	background-color:#CACACA;
	font-family:Verdana, Arial,Helvetica,sans-serif;
	font-size: 14px;
	
}

.panels textarea.tArea:focus {
	background-color:#FFF;
}

.screamVisionLink {
	position:absolute;
	top:125px;
	left:70px;
	width:355px;
	height:200px;
}
.becomeAFan {
	background-image:url(../images/backgrounds/FCBecomeFan.jpg);
	background-repeat:no-repeat;
}
.cat2BG{
	background-image:url(../images/backgrounds/cat2BG.png);
	background-repeat:no-repeat;
	height:250px;
}

.designers {
	float:right;
	height:420px;
	padding:15px;
	width:500px;
	/*background-color:#FFF*/
	position:relative;
}
.panelLabel {
	top:400px;
	position:absolute;
	text-align:left;
	padding:5px 0 5px 10px;
	width:460px;
}
ul#bubbles {
		
}
ul#bubbles li {
	list-style-type:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;

}
ul#bubbles li a {
	text-decoration: none;
}
.pointer {
	cursor: pointer;	
}
ul#bubbles li div.center {
	height: 94px;	
	width: 104px;
	display:-moz-inline-stack;
	display: table-cell;
	vertical-align:middle;
	text-decoration:none;
	color: white;
	text-align:center;
}
ul#bubbles li div.center p {
	background: url(../images/bubbles.png) no-repeat 0 -94px;
	margin: 0;
	padding: 0;	
	color: #FFF !important;	height: 94px;	
	width: 104px;
	display:-moz-inline-stack;
	display: table-cell;
	vertical-align:middle;
	text-decoration:none;
	color: white;
	text-align:center;
}
.ulcontainer {
	display: table;
	width: 100%;
}
/*ul#bubbles li a span {
	position: absolute;
	height: 94px;
	width: 104px;
	display: block;
	top: 50%;
	margin-top: -47px;
}	*/
.bubbleActive, bubbleClick {
	background-image: url(../images/bubbles.png);
	background-repeat: no-repeat;
	background-position: 0px 0px !important;
}
#bubblestext {
	width: 450px;
	height: 420px;	
	float: left;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 16px 0 0 16px;
}
#bubblestext h1 {
	margin-top: 0px;
	padding-top: 0px;	
	font-size: 22px;
	font-weight: normal;
}
#bubblestext p {
	color: white !important;
	margin: 16px 0 !important;
}
#bubble1, #bubble2, #bubble3, #bubble4, #bubble5, #bubble6, #bubble7 {
	position: absolute;	
}
#bubble1 {
	top: 35px;
	left: 210px;
}
#bubble2 {
	top: 105px;
	left: 345px;	
}
#bubble3 {
	top: 235px;	
	left: 345px;
}
#bubble4 {
	top: 305px;
	left: 210px;
}
#bubble5 {
	top: 235px;
	left: 90px;
}
#bubble6 {
	top: 105px;	
	left: 90px;
}
/*#bubble7 {
	top: 77px;
	left: 100px;
	
}*/

#accordion h4 {
	color: #ffa614 !important;	
	padding-bottom: 10px;
	margin: 2px 0px;
}
#accordion .pane {
	padding-left: 20px;	
}