/* 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;
		color: #808080;
		}
	
	a {
		color: #666;
		text-decoration: none;
		font-weight: none;
		}
		
	p,h1,h2,pre {
		margin:0px 0px 0px 0px;
		}
		
	h1 {
		font-size:14px;
		padding-top:15px;
		padding-bottom:5px;
		padding-left:72px;
		color: #FFF;
		}
		
	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:14px;
		line-height: 14px;
		padding-top:62px;
		padding-left:72px;
		padding-right:72px;
		margin: 0px 0px 0px 0px; 		
		color: #808080;
		font-family: Arial, Helvetica, sans-serif;
		}

	p2 {
		font-size:13px;
		line-height: 13px;
		padding-top:72px;
		padding-left:72px;
		padding-bottom:0px;
		padding-right:72px;		
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		}

	

	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;
}




 .cssbut1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(image/but_work_inv.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
}
.cssbut1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 72px;
display: block;
float: left;
color: black;
text-decoration: none;
}
.cssbut1 img
{
width: 72px;
height: 72px;
border: 0
}
* html a:hover
{
visibility:visible
}
.cssbut1 a:hover img
{
visibility:hidden
}
.cssbut1 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}







 .cssbut2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(image/but_method_inv.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
}
.cssbut2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 72px;
display: block;
float: left;
color: black;
text-decoration: none;
}
.cssbut2 img
{
width: 72px;
height: 72px;
border: 0
}
* html a:hover
{
visibility:visible
}
.cssbut2 a:hover img
{
visibility:hidden
}
.cssbut2 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}







 .cssbut3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(image/but_flat_inv.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
}
.cssbut3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 72px;
display: block;
float: left;
color: black;
text-decoration: none;
}
.cssbut3 img
{
width: 72px;
height: 72px;
border: 0
}
* html a:hover
{
visibility:visible
}
.cssbut3 a:hover img
{
visibility:hidden
}
.cssbut3 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}





 .cssbut4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(image/but_bio_inv.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
}
.cssbut4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 72px;
display: block;
float: left;
color: black;
text-decoration: none;
}
.cssbut4 img
{
width: 72px;
height: 72px;
border: 0
}
* html a:hover
{
visibility:visible
}
.cssbut4 a:hover img
{
visibility:hidden
}
.cssbut4 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}






 .cssbut5
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(image/but_amigos_inv.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
}
.cssbut5 a
{
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 72px;
display: block;
float: left;
color: black;
text-decoration: none;
}
.cssbut5 img
{
width: 72px;
height: 72px;
border: 0
}
* html a:hover
{
visibility:visible
}
.cssbut5 a:hover img
{
visibility:hidden
}
.cssbut5 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;
}



#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; 
	}

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




#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; 
	}

#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;
}

#content  {
	position: 	        absolute;
	background: #000 url() no-repeat top left; 
	left:                   144px;
	width:                  720px;
	height:                 550px;
	top:                    252px;
	overflow:               auto;	
	}

#content p2 {
	list-style:		none;
	padding:		72 0 0 0;
	width:			500px;
	color:			#FFFFFF;
	}

#content p3 {
	list-style:		none;
	width:			500px;
	color: 			#808080;
	font-size:13px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:72px;
	}


#content ul {
	list-style:		none;
	margin: 		0 0 0 0;
	padding: 0px 0px 0px 5em;
	}
#content li {
	text-transform:		none;
	padding:		0 0 0 0;
	color:			#FFF;
	}
#content li a {
	padding:0 0 0 0px;
	line-height:14px;
	margin:0;
	padding:		0 0 0 0;
	color:#7B7B7B;
	text-decoration:none;
	display:block;
	clear:none;
	}
#content li a.active {
	}
#content li a:hover {
	color:#FFF;
	}
#content li a.active:hover {
	}