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


body {
margin:0;
padding:0;
overflow:hidden;
height:100%;
width:100%;
background-color:#ffffff;
}

p {
color:#111111;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
/*background-color:rgba(0,0,0,0.6);*/

}

ul {
color:#111111;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}
ol {
color:#111111;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
color:#111111;
font-size:20px;
font-weight:bold;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
color:#111111;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#111111;
font-size:14px;
font-weight:bold;
}



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

li { 
color:#111111;
list-style:none;
font-size:12pt;
margin:0;
padding:0;
}


#page {
position:absolute;
width:3650px;
height:1660px;
background-image:url(images/PCP-new-BG.jpg);
background-position:center;
background-repeat:no-repeat;
z-index:20;
}

#menu {
position:absolute;
top: 0;
right:-5px;
margin:0;
padding-left:15px;
padding-top:10px;
width: 100px;
height:100%;
z-index:900;
display:block;
background:url(images/BG_Pixel.png) repeat;
}

#menu2 {
position:absolute;
top: 0;
left: 35;
margin:0 0 0 35px;
padding-top:10px;
width: 100px;
height:100%;
z-index:900;
display:block;
}

#email {
position:absolute; 
top:-40px; 
right: 100px;
margin:-40px 100px auto auto;
display:block;
z-index:1000; 
background:url(images/BG_Pixel.png) repeat; 
padding:10px;
}

#navigate {
position:relative;
margin:0;
height:600px;
}

#navigate li {
margin-bottom:10px;
}

#navigate a {
text-transform: uppercase;
text-indent: -99999px;
overflow: hidden;
display: block;
width: 21px;
margin-bottom: 5px;
}

#navigate .home a { 
background:url(images/menu_home_sprite.png) no-repeat center top;
height: 77px;

}
#navigate .home a:hover { 
background: url(images/menu_home_sprite.png) no-repeat center bottom;
}

#navigate .shows a { 
background:url(images/menu_shows_sprite.png) no-repeat center top;
height: 98px;

}
#navigate .shows a:hover { 
background: url(images/menu_shows_sprite.png) no-repeat center bottom;
}


#navigate .stream a { 
background:url(images/menu_cellostream_sprite.png) no-repeat center top;
height: 198px;

}
#navigate .stream a:hover { 
background: url(images/menu_cellostream_sprite.png) no-repeat center bottom;
}

#navigate .listen a { 
background:url(images/menu_listen_sprite.png) no-repeat center top;
height: 91px;

}
#navigate .listen a:hover { 
background: url(images/menu_listen_sprite.png) no-repeat center bottom;
}

#navigate .rep a { 
background:url(images/menu_rep_sprite.png) no-repeat center top;
height: 168px;

}
#navigate .rep a:hover { 
background: url(images/menu_rep_sprite.png) no-repeat center bottom;
}

#navigate .contact a { 
background:url(images/menu_contact_sprite.png) no-repeat center top;
height: 125px;

}
#navigate .contact a:hover { 
background: url(images/menu_contact_sprite.png) no-repeat center bottom;
}

#navigate .shop a { 
background:url(images/menu_shop_sprite.png) no-repeat center top;
height: 73px;

}
#navigate .shop a:hover { 
background: url(images/menu_shop_sprite.png) no-repeat center bottom;
}

#navigate .about a { 
background:url(images/menu_about_sprite.png) no-repeat center top;
height: 94px;

}
#navigate .about a:hover { 
background: url(images/menu_about_sprite.png) no-repeat center bottom;
}

#home {
position:absolute;
margin:837px auto auto 1410px;
padding: 50px 0 0 180px;
width:713px;
height:550px;
/*border:1px solid #999FA6;*/
/*background:url(images/Title.png) right top no-repeat;*/
}

#shows {
position:absolute;
margin:75px auto auto 75px;
padding: 50px 0 0 180px;
width:713px;
height:550px;
border:1px solid #999FA6;
background:url(images/text_bg.png) left top repeat;
/*background:url(images/title_shows.png) left top no-repeat;*/
}

#contact {
position:absolute;
margin:120px auto auto 1155px;
padding: 50px 0 0 180px;
width:716px;
height:540px;
border:1px solid #999FA6;
background:url(images/text_bg.png) left top repeat;
/*background:url(images/title_contact.png) left top no-repeat;*/
}

#about {
position:absolute;
margin:75px auto auto 2390px;
padding: 50px 0 0 180px;
width:716px;
height:540px;
border:1px solid #999FA6;
background:url(images/text_bg.png) left top repeat;
/*background:url(images/title_about.png) left top no-repeat;*/
}

#cellostream {
position:absolute;
margin:935px auto auto 2515px;
padding: 50px 0 0 180px;
width:716px;
height:460px;
border:1px solid #999FA6;
background:url(images/text_bg.png) left top repeat;
/*background:url(images/title_cellostream.png) left top no-repeat;*/
}

#listen {
position:absolute;
margin:880px auto auto 248px;
padding: 50px 0 0 180px;
width:716px;
height:550px;
border:1px solid #999FA6;
background:url(images/text_bg.png) left top repeat;
/*background:url(images/title_listen.png) left top no-repeat;*/
}


a:link {
color:#111111;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
color:#111111;
}
a:hover {
	text-decoration: underline;
	color: #220000;
}
a:active {
	text-decoration: none;
color:#111111;
}


.scroll-pane {
	width: 650px;
	height: 500px;
	overflow: auto;
}

img {
border:0;
}

a:link {
	border:0;
	color: #8D8A66;
}

 *:focus {outline: none;} 


#pane1, #pane2, #pane3, #pane4 {
				height: 450px;
			}
			
			.winXP .jScrollPaneTrack {
				/*background: url(images/windows_track.gif) repeat-y;*/
			}
			.winXP .jScrollPaneDrag {
				background: url(images/windows_drag_middle.gif)  0 50%;
			}
			.winXP .jScrollPaneDragTop {
				background: url(images/windows_drag_top.gif) no-repeat;
				height: 4px;
			}
			.winXP .jScrollPaneDragBottom {
				background: url(images/windows_drag_bottom.gif) no-repeat;
				height: 4px;
			}
			.winXP a.jScrollArrowUp {
				height: 17px;
				background: url(images/windows_arrow_up.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowUp:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollArrowDown {
				height: 17px;
				background: url(images/windows_arrow_down.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowDown:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
				background-position: 0 -40px;
			}