body {
	margin: 0px; padding: 0px;
	background-color: #2E100C;
	text-align:center;
}

a:link {color: #fff;	text-decoration: underline}
a:visited {color: #eee;	text-decoration: underline}
a:hover {color: #ccc; text-decoration: none;}

#page {
	width: 700px;
	margin: 10px auto;	
	text-align: left;
	background:#ccc;
	border:1px solid #000;
}

/*---------------------------------- HEADER -------------------------------*/

#header {
	margin: 0px; padding: 0px;
	width: 700px; height: 154px;
	background-image:url('/images/headerbkg.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#fff;
	position:relative;
}

#header h1 {
	margin: 0px; padding: 0px;
	display: block;
	position:absolute;
	left: 90px;
	top: 7px;
	width: 290px;
	height: 65px;
	background: transparent url("/images/harrymanfredini_290x65.jpg") top left no-repeat;
}

#header h1 a {
	margin: 0px; padding: 0px;
	display: block;
	position:absolute;
	width: 290px;
	height: 65px;
}

#header h1 span {
	display:none;
}

/*---------------------------------- NAVIGATION  -------------------------------*/

#nav {
	display: block;
	position:absolute;
	left: 41px;
	top: 65px;
	width: 400px;
}

#nav ul {margin: 0px; padding: 0px;}

#nav span {
	display:none;
}

#nav ul li {
	list-style-type: none;
	margin: 0px; padding: 0px;
}

#nav ul li a {
	margin: 0px; padding: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

#nav ul li a:hover {	
	opacity: .4;
	filter: alpha(opacity=40);
	-moz-opacity: .4;

}

#nav ul li.biography a {
	margin: 0px; padding: 0px;
	display: block; position:absolute;
	left: 46px;
	top: 5px;
	width:101px; height:35px;
	background-image:url("/images/nav/biography.gif");
	background-position:top center;
	background-repeat:no-repeat;
}

#nav ul li.filmography a {
	margin: 0px; padding: 0px;
	display: block; position:absolute;
	left: 150px;
	top: 5px;
	width:120px; height:35px;
	background-image:url("/images/nav/filmography.gif");
	background-position:top center;
	background-repeat:no-repeat;
}

#nav ul li.news a {
	margin: 0px; padding: 0px;
	display: block; position:absolute;
	left: 272px;
	top: 5px;
	width:72px; height:35px;
	background-image:url("/images/nav/news.gif");
	background-position:top center;
	background-repeat:no-repeat;
}

#nav ul li.photos a {
	margin: 0px; padding: 0px;
	display: block; position:absolute;
	left: 30px;
	top: 40px;
	width:85px; height:35px;
	background-image:url("/images/nav/photos.gif");
	background-position:top center;
	background-repeat:no-repeat;
}

#nav ul li.audioalbums a {
	margin: 0px; padding: 0px;
	display: block; position:absolute;
	left: 133px;
	top: 40px;
	width:130px; height:35px;
	background-image:url("/images/nav/audioalbums.gif");
	background-position:top center;
	background-repeat:no-repeat;
}


#nav ul li.contact a {
	margin: 0px; padding: 0px;
	display: block; position:absolute;
	left: 282px;
	top: 40px;	
	width:86px; height:35px;
	background-image:url("/images/nav/contact.gif");
	background-position:top center;
	background-repeat:no-repeat;
}

/*---------------------------------- CONTENT -------------------------------*/

#content {
	padding:20px;
	margin:0px;
	background-color: #3D110B;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

#content h2 {
	width: 290px; height: 35px;
	background-repeat:no-repeat;
	padding:0px; margin:0px 0px 5px 0px;
}

#content h2 span {display: none;}
#content h2.home {background-image: url('/images/headers/testimonials.gif');}
#content h2.albums {background-image: url('/images/headers/albums.gif');}
#content h2.audio {background-image: url('/images/headers/audio.gif');}
#content h2.biography {background-image: url('/images/headers/biography.gif');}
#content h2.contact {background-image: url('/images/headers/contact.gif');}
#content h2.filmography {background-image: url('/images/headers/filmography.gif');}
#content h2.news {background-image: url('/images/headers/news.gif');}
#content h2.photos {background-image: url('/images/headers/photos.gif');}

#quote {
	float: left;
	width: 350px;
	margin-right: 30px;
}

#cdcover {	float: left; }
#cdcover img {	border: 1px solid #fff; }

img.topleft {float: left; margin: 0px 10px 10px 0px;}
img.midleft {float: left; margin: 10px 10px 10px 0px;}
img.bottomleft {float: left; margin: 10px 10px 0px 0px;}

img.topright {float: right;	margin: 0px 0px 10px 10px;}
img.midright {float: right;	margin: 10px 0px 10px 10px;}
img.bottomright {float: right;	margin: 10px 0px 0px 10px;}

h3 { font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold;
	margin: 5px 0px 0px 0px; 
	padding: 5px 0px 0px 0px; 
	width: 100%;
	border-top: 1px solid #ccc;	
}

h3.news { 	border-bottom: 1px solid #ccc;		margin: 10px 0px 0px 0px;  }
	
h4 { font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold;
	margin: 10px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}

#filmography {}

#content ul { 
	list-style-type: none;
	padding: 0px; margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight:bold;
}

#content ul li { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal;
	margin-bottom: 8px; 
}

#col1 { float: left;}
#col2 { float: right;}

#audiocol { float:left; width: 45%; margin-right: 30px;}
#audiocol img {margin-right: 5px;}
#audiocol ul li { font-size: 10px; }
#audiocol h4 { margin: 40px 0px 0px 0px;}

.awards, .small { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999;}

/*---------------------------------- FOOTER  -------------------------------*/

#footer {
	padding: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #5C3F3C;
}
