body
{ 
font-family: Arial, Verdana, sans-serif; 
margin: 0px auto;
padding:0px auto;
text-align:center;
width:100%;
max-width: 1200px;
font-size:14px;
background-color:#000;
}

ul{
list-style-type: none; 
}
a { font-weight: normal; text-decoration: none; color:#628f96}
a:hover { text-decoration: none}
a:visited { color:#628f96}


#logo {
	float:left;
	background:#000 url('imgs/logo.jpg') no-repeat top right;
	width:26%;
	height:550px;
	margin:0px;
	}
	
#logo h2{
	visibility: hidden;
	}


#menu { 
	float:left; 
	height:30px;  
	width:730px; 
	padding:50px 0px 5px 0px;
	margin: 0px;
	border-bottom: solid 1px #628f96;
	}
	
#menu ul { margin:0px; padding:0px }
#menu li { display: inline;  }

#menu li a { 
	margin:0px;
	float:right; 
	overflow: hidden;
	height: 0; 
	padding-top:25px; 
	background-image: url('../imgs/menu.jpg');
	}
	
	
#menu li a:active { border:0px;}
#menu li#motiongraphics a { width: 134px; background-position: 0 0 }
#menu li#webdesign a { width: 101px; background-position: -134px 0 }
#menu li#profile a { width: 73px; background-position: -235px 0 }
#menu li#contact a { width: 79px; background-position: -308px 0 }
#menu li#concept a { width: 82px; background-position: -387px 0 }
#menu li#paper a { width: 109px; background-position: -469px 0 }
#menu li#play a { width: 101px; background-position: -578px 0 }
#menu li#back a { width: 60px; background-position: -679px 0 }


#menu li#motiongraphics a:hover { width: 134px; background-position: 0 -25px }
#menu li#webdesign a:hover { width: 101px; background-position: -134px -25px }
#menu li#profile a:hover { width: 73px; background-position: -235px -25px }
#menu li#contact a:hover { width: 79px; background-position: -308px -25px }
#menu li#concept a:hover { width: 82px; background-position: -387px -25px }
#menu li#paper a:hover { width: 109px; background-position: -469px -25px }
#menu li#play a:hover { width: 101px; background-position: -578px -25px }
#menu li#back a:hover { width: 60px; background-position: -679px -25px }


#content{
	float:left;
	text-align: left;
	margin:0px ;
	padding:0px;
	color:#fff;
	}

	#liminal {
	margin:0px;
	padding:8px 0px 8px 8px;
	border-bottom: solid 1px #628f96;
	}
	
	#content .concept {
	width:680px;
	font-size:13px;
	color:#d7d7d7;
	line-height:22px;
	padding:24px 20px 32px 30px;
	border-bottom: solid 1px #628f96;

	}

	#content .notes {
	width:730px;
	text-align:right;
	font-size:11px;
	color:#9fa7a9;
	margin-top:4%;
	}
	
	#content .notes a{	
	color:#628f96;
	}
	#content .notes a:hover{
	text-decoration: underline;
	}