@charset "UTF-8";
/* CSS Document */

body {
	margin: 1em 0 0 0; padding: 0;
	background: #090909;
	color: #ccf;
	text-align: center;
	font: 16px Futura, Geneva, Arial, Helvetica, sans-serif;
	}
	
#box {
	width: 65em;
	margin: 0 auto; text-align:left;
	}
	
#current {
	background: #203;
	border-left: 0.5em ridge #60c;
	margin-left: -0.5em;
	}
	
#left {
	float: left;
	width: 50em;
	margin: 0 0 1em 0;
	}
#left img {
	border: 0.25em outset #669;
	}
	
#right {
	float: right;
	margin: 0 0 1em 1em ;
	width: 13em;
	}
#right h1 { text-align:center; font-size: 1.125em; letter-spacing: 0.075em;}
#info {
	border-top: thick double #669;
	color: #ccf;
	padding: .125em;
	letter-spacing: 0.1em;
	}
	
#foot {
	clear: both;
	width: 62em;
	margin: 0 auto;
	padding: 1.5em;
	letter-spacing: 0.1em;
	}
	
h1 {
	font-size: 1.5em;
	margin-top: 0;
	color: #99f;
	}
h2 {
	font-size: 1.25em;
	}
h3 {
	font-size: 1.125em;
	margin: 0;
	}
	
p {
	margin: 0 0 .4em 0; padding: 0;
	font: .85em "Gill Sans", Helvetica, sans-serif;
	}
	
ul {
	list-style-type: none;
	margin-left: -1.75em;
	}
#nav a {
	display: block;
	padding: 0.2em;
	padding-left: 1.625em;
	background-repeat: no-repeat;
	background-position: 0.25em 55%;
	text-decoration: none;
	color: #ccf; 
	}
#nav a:hover {
	border-left: 0.5em #99f ridge;
	margin-left: -0.5em;
	color: #99f;
	}
ul li ul {
	background: #090909;
	margin-left: -0.3em;
	padding-left: 0.55em;
	font-size: 0.9em;
	}
ul li ul li { margin: 0 0 -0.3em 0;}
ul li ul { margin-top: -0.3em; }
ul li { margin: 0.5em 0 0 0; }


.now {
	background: #302;
	}
	
a[href="photo.html"] { 
	background-image: url(photo.gif); 
	}
a[href="drawing.html"] { 
	background-image: url(draw.gif); 
	}
a[href="packaging.html"] { 
	background-image: url(pack.gif); 
	}
a[href="jewelry.html"] { 
	background-image: url(jewel.gif); 
	}
a[href="fiber.html"] { 
	background-image: url(fiber.gif); 
	}
a[href="typo.html"] { 
	background-image: url(typo.gif); 
	}
a[href="design.html"] { 
	background-image: url(design.gif); 
	}
	
img {
	border: none;
	margin: 0;
	}