/*	CSS RESET	*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*	SITE CSS	*/

body, html{
	width: 100%;
}

p{
	line-height: 18px;
}

.clear{
	display: block;
	clear: left;
}

div.content{
	width: 900px;
	margin: 0 auto;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
}

	div.header{
		padding-top: 30px;
		background-color: #090907;
		border-bottom: 2px solid #090907;
	}
	
		div.header div.top{
			height: 349px;
			background: url(/images/bg-header.jpg) no-repeat;
		}
				
			div.header div.top ul{
				position: absolute;
				color: #FFFFFF;
				top: 164px;
				text-transform: uppercase;
				margin-left: 40px;
			}
			
				div.header div.top ul li{
					margin-bottom: 14px;
				}
				
					div.header div.top ul li a{
						color: #FFFFFF;
						text-decoration: none;
					}
					
					div.header div.top ul li a:hover{
						color: #00AEEF;
					}
					
					div.header div.top ul li a.active{
						color: #00AEEF;
					}
			
		div.header div.bottom{
			height: 148px;
		}
		
			div.header div.bottom div.leftBox{
				width: 425px;
				height: 125px;
				background: url(/images/bg-news.jpg) no-repeat;
				float: left;
				font-weight: bold;
				padding: 15px 20px 8px 40px;
			}
			
				div.header div.bottom div.leftBox div.arrows{
					width:8px;
					position: absolute;
					margin-left: -25px;
					margin-top: 40px;
				}
				
					div.header div.bottom div.leftBox div.arrows div.up{
						height: 9px;
						background: url(/images/arrows.gif) no-repeat;
						cursor: pointer;
					}
					div.header div.bottom div.leftBox div.arrows div.down{
						height: 9px;
						background: url(/images/arrows.gif) no-repeat 0 -18px;
						margin-top: 10px;
						cursor: pointer;
					}
			
				div.header div.bottom div.leftBox h3{
					margin-bottom: 10px;
					text-transform: uppercase;
				}
				
				div.header div.bottom div.leftBox div.news{
					height: 100px;
					overflow: hidden;
				}
				
					div.header div.bottom div.leftBox ul li{
						margin-bottom: 20px;
					}
					
						div.header div.bottom div.leftBox ul li a{
							color: #00AEEF;
						}
					
						div.header div.bottom div.leftBox ul li p.date{
							padding-bottom: 5px;
						}
			
			div.header div.bottom div.rightBox{
				width: 412px;
				height: 100%;
				background: url(/images/bg-managed.jpg) no-repeat;
				float: right;
				text-indent: -99999999px;
			}
			
				div.header div.bottom div.rightBox a{
					display: block;
					width: 100%;
					height: 100%;
				}
	
	div.pages{
		overflow: hidden;
		width: 900px;
		min-height: 1200px;
		position: relative;
	}		
	
	div.pages ul li.page{
		background: url(/images/bg-content.gif) no-repeat bottom;
		min-height: 815px;
		position: absolute;
		width: 900px;
		display:block;
	}	

		div.pages ul li div.body{
			padding: 15px 55px 35px 55px;
			position: relative;
		}
		
		div.pages ul li div.body h3{
			color: #00AEEF;
			margin-bottom: 15px;
			text-transform: uppercase;
			font-weight: bold;
		}
		
		div.pages ul li div.about div.images{
			width: 900px;
			margin-left: -4px;
		}
		
		div.pages ul li div.about p{
			text-align: justify;
		}
		
		div.pages ul li div.about div.images img{
			float: left;
			margin-right: 10px;
			width:192px;
			margin-bottom:10px;
		}
		
		div.pages ul li div.about div.left{
			float: left;
			width: 48%;
		}
		
		div.pages ul li div.about div.right{
			float: right;
			width: 48%;
		}
		
		div.pages ul li div.body ul.discography{
			width: 900px;
		}
		
		div.pages ul li div.body h3 a{
			text-transform: none;
			color: #00AEEF;
			text-decoration: none;
			font-weight: normal;
		}
		div.pages ul li div.body ul.discography li{
			float: left;
			margin: 0 0 30px 0px;
			width: 215px;
			height: 200px;
		}
		
			div.pages ul li div.body ul.discography li p{
				width: 175px;
			}
		
			div.pages ul li div.body ul.discography li div.img{
				width: 100px;
				height: 100px;
				margin-left: -4px;
				background: url(/images/bg-disc.gif) no-repeat;
			}
			
				div.pages ul li div.body ul.discography li div.img img{
					margin: 6px 0 0 4px;
				}
				
		div.pages ul li div.photos div.photo{
			width: 785px; 
			text-align: center;
			border: 6px solid #8c0100;
		}
		div.pages ul li div.photos div.photo div.loading{
		
		}
		
		div.pages ul li div.photos div.photo div.image{
			text-align: center;
		}
		div.pages ul li div.photos div.photo div.image img{
			margin: 0 auto;
		}
		
		div.pages ul li div.photos ul.photoList{
			margin-top: 20px;
		}
		
		div.pages ul li div.photos ul.photoList li{
			padding: 0; 
			margin: 5px; 
			width: 85px;
			float: left;
			width:120px;
			height:80px;
			text-align: center;
			background: url(/images/bg-photo-thumb.gif) no-repeat;
		}
			div.pages ul li div.photos ul.photoList li div{
				width:95px;
				height:61px;
				overflow: hidden;
				padding:4px;
			}
		
		div.pages ul li div.photos ul.photoList li a{display: block;}
		div.pages ul li div.photos ul.photoList li img{border: none;}
		
		
		div.pages ul li div.listen ul li{
			width: 350px;
			height: 100px;
			margin-right: 40px;
			margin-bottom: 10px;
			float: left;
		}
		
			div.pages ul li div.listen ul li p.name{
				text-transform: uppercase;
				font-weight: bold;
			}
			
			div.pages ul li div.listen ul li div.player{
				display: inline;
			}
		
			div.pages ul li div.listen ul li span a{
				color: #00AEEF;
				text-transform: uppercase;
				line-height: 18px;
				text-decoration: none;
				float: left;
			}
			
			div.pages ul li.div listen ul li div.track{
				height: 20px;
			}
						
	
		div.pages div.footer{
			clear: both;
			padding-top: 50px;
			margin-bottom: 30px;
			width: 100%;
			text-align: center;
			color: #CCCCCC;
			position: absolute;
			bottom: 0;
		}
		
		div.pages div.footer div.logos{
			width: 90px;
			height: 42px;
			background: url(/images/logos.gif) no-repeat;
			margin: 0 auto;
		}
		
			div.pages div.footer div.logos div.left a{
				text-indent: -99999px;
				display: block;
				width: 45px;
				height: 40px;
				float: left;
			}
			
			div.pages div.footer div.logos div.right a{
				text-indent: -99999px;
				display: block;
				width: 45px;
				height: 40px;
				float: left;
			}
		
			div.pages div.footer ul li{
				display: inline;
			}
			
				div.pages div.footer ul li a{
					color: #CCCCCC;
					text-decoration: none;
					text-transform: uppercase;
				}
				
			div.pages div.footer span{
				font-size: 10px;
				line-height: 18px;
			}