/* CSS Document */

body {
		margin:5px 0px 0px 5px;
		background: #000 url() no-repeat top right; 
		background-repeat: repeat-x;
		align: center;
		font-family: Arial, Helvetica, sans-serif;
		}
	
	a {
		color: #666;
		text-decoration: none;
		font-weight: none;
		}
		
	p,h1,h2,pre {
		margin:0px 0px 0px 0px;
		}
		
	h1 {
		font-size:12px;
		padding-top:15px;
		padding-bottom:5px;
		padding-left:5px;
		color: #666;
		}
		
	h2 {
		font-size: 12px;
		padding-top:0px;
		color: #666;
		}

	h3 {
		font-size:30px;
		padding-top:5px;
		color: #666;
		}

	h7 {
		font-size:90px;
		padding-top:5px;
		color: #666;
		}

	p {
		font-size:12px;
		line-height: 15px;
		padding-top:72px;
		padding-left:72px;
		padding-bottom:72px;
		padding-right:72px;		
		color: #808080;
		font-family: Arial, Helvetica, sans-serif;
		}

	p2 {
		font-size:18px;
		padding-top:0px;
		color: #666;
		}
	

	ul {
		list-style:none;
		font-size:12px;
		padding-top:0px;
		color: #666;
		}


	a:hover { text-decoration: none; color: #ccc; }
	a:link IMG { border: 0px solid white }
	a:active IMG { border: 0px solid white }
	a:visited IMG { border: 0px solid white }
	a:hover IMG { border: 0px solid black }


 .cssnav1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(image/nav_motion.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
}

.cssnav1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 72px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav1 img
{
width: 72px;
height: 72px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav1 a:hover img
{
visibility:hidden
}

.cssnav1 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}




 .cssnav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(image/nav_music.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
}

.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 72px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav2 img
{
width: 72px;
height: 72px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav2 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}








 .cssnav3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(image/nav_musings.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
}

.cssnav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 72px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav3 img
{
width: 72px;
height: 72px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav3 a:hover img
{
visibility:hidden
}

.cssnav3 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}







 .cssnav4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(image/nav_misfits.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
}

.cssnav4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 72px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav4 img
{
width: 72px;
height: 72px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav4 a:hover img
{
visibility:hidden
}

.cssnav4 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}








/* specific divs */



#header {
	position: absolute;
	padding: 0;
	width:144px;
	max-width: 144px;
	height: 72px;
	top: 0px;
	left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	overflow:  none;
}


#navigation {
	position: absolute;
	padding: 0;
	width:288px;
	max-width: 288px;
	height: 72px;
	top: 0px;
	left: 144px;
	margin-left: 0px;
	margin-top: 0px;
	overflow:  none;
}


#image1 {
	position: absolute;
	padding: 0;
	width:360px;
	max-width: 360px;
	height: 360px;
	top: 72px;
	left: 144px;
	margin-left: 0px;
	margin-top: 0px;
	overflow:  none;
}


#image2 {
	position: absolute;
	padding: 0;
	width:360px;
	max-width: 360px;
	height: 360px;
	top: 72px;
	left: 504px;
	margin-left: 0px;
	margin-top: 0px;
	overflow:  none;
}


#nav1  {
	background: url() no-repeat top left; 
	border-style:           solid; 
	border-width:           0px;
	position: 	        absolute;
	left:                   0px;
	width:                  72px;
	height:                 72px;
	top:                    0px;
	overflow:               none;	
	margin: 0px 0px 0px 0px; 
	}

#nav2  {
	background: url() no-repeat top left; 
	border-style:           solid; 
	border-width:           0px;
	position: 	        absolute;
	left:                   72px;
	width:                  72px;
	height:                 72px;
	top:                    0px;
	overflow:               none;	
	margin: 0px 0px 0px 0px; 
	}

#nav3  {
	background: url() no-repeat top left; 
	border-style:           solid; 
	border-width:           0px;
	position: 	        absolute;
	left:                   144px;
	width:                  72px;
	height:                 72px;
	top:                    0px;
	overflow:               none;	
	margin: 0px 0px 0px 0px; 
	}

#nav4  {
	background: url() no-repeat top left; 
	border-style:           solid; 
	border-width:           0px;
	position: 	        absolute;
	left:                   215px;
	width:                  72px;
	height:                 72px;
	top:                    0px;
	overflow:               none;	
	margin: 0px 0px 0px 0px; 
	}


#logo  {
	background: #fff url() no-repeat top left; 
	border-style:           solid; 
	border-width:           1px;
	border-top-color: 	#ccc;
  	border-right: 		none;
  	border-bottom-color: 	#E5E5E5;
	border-left-color: 	#ccc;
	position: 	        absolute;
	left:                   110px;
	width:                  240px;
	height:                 98px;
	top:                    100px;
	overflow:               none;	
	margin: 0px 0px 0px 0px; 
	}

#content  {
	background: #1A1A1A url() no-repeat top left; 
	border-width:           0px 0px 0px 0px;
	position: 	        absolute;
	left:                   144px;
	width:                  720px;
	height:                 50%;
	top:                    432px;
	overflow:               auto;	
	margin: 0px 0px 0px 0px; 
	}


#content ul {
	border-left:		0px solid #E5E5E5;
	list-style:		none;
	margin:			0;
	padding:		0 0 0 0;
	width:			239px;
	}
#content li {
	border-bottom:		1px solid #E5E5E5;
	text-transform:		none;
	color:			#FFF;
	}
#content li a {
	padding:0 0 0 10px;
	line-height:34px;
	margin:0;
	color:#7B7B7B;
	text-decoration:none;
	display:block;
	clear:none;
	}
#content li a.active {
	background:none url() top left no-repeat;
	}
#content li a:hover {
	color:#FFF;
	text-decoration:strong;
	background:url() top left no-repeat;	
	}
#content li a.active:hover {
	background:#C60000 url() top left no-repeat;
	}


#photo {
	background: #FFF url(image/spine_01.jpg) no-repeat top left; 
	border-width:           1px 0px 1px 0px;
    	border-style:           solid;
    	border-color:           #ccc;
	position: 	        absolute;
	left:                   350px;
	width:                  80px;
	height:                 566px;
	top:                    100px;
	overflow:               none;	
	}


#banner {
	background: #fff url() no-repeat top left; 
	border-style:           solid; 
	border-width:           1px;
	border-top-color: 	#ccc;
  	border-right-color: 	#ccc;
  	border-bottom-color: 	#E5E5E5;
	border-left: 	none;
	position: 	        absolute;
	left:                   430px;
	width:                  480px;
	height:                 65px;
	top:                    100px;
	overflow:               none;
	margin: 0px 0px 0px 0px; 
	}


#container {
	background: #fff url() no-repeat top left;  
	border-width:           0px 1px 1px 0px;
    	border-style:           solid;
    	border-color:           #ccc;
	position: 	        absolute;
	left:                   430px;
	width:                  480px;
	height:                 500px;
	top:                    167px;
	overflow:               auto;	
	}