body
{
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: Helvetica, arial;
	font-size: 12px;
	line-height: 145%;
color:#666666;
}

img
{
	border: 0px;
margin:0px;
padding:0px;
}

body > #menu
{
	position: fixed;
}

a:active, a:visited, a:link
{
	color: #000000;
	text-decoration: none;

}

a:hover
{
	color: #000000;
	text-decoration: underline;
}

#menu
{
	position: absolute;
	top: 0;
	left: 0;
margin-left:36px;
	width: 180px;
	height: 567px;
	overflow: hidden;


   background: url('http://sandiegofinishingschool.com/heather/metalsmith.jpg');
	
	border-right:0px solid #000;
}


.portfolioHeader1
{
text-align:right;
vertical-align:bottom;
}


#head
{
width:600px;
border-bottom: 1px dotted #999999;
height:60px;
}

#mid
{height:270px;
padding:6px;
width:600px;
border-bottom: 0px dotted #999999;
}

#foot
{
border-top: 1px dotted #999999;

}


#nav
{
margin-top:18px;
border-top: 1px dotted #999999;
}


#main
{
	width: 600px;
	margin-left: 234px;
	padding: 6px;
}


#main h2
{
	color:#000000;
	font-weight: 100;
	font-size: 18px;
	text-align: left;
	
}
/* - navigation - */
.navcontainer { width: 180px; }

.navcontainer ul
{text-align:right;
margin-left: 0;
margin-top: 0;
padding-left: 0;
padding-right:0px;
list-style-type: none;
}

.navcontainer a
{
color:#999999;
text-align:right;
padding-left: 6px;
padding-right:18px;
width: 180px;
border-bottom: 0px dotted #999;

text-decoration: none;
}

.navcontainer a:link, .navlist a:visited
{
color:#999999;

padding-left: 6px;
padding-right:18px;
width: 180px;
border-bottom: 0px dotted #999;

text-decoration: none;


}

.navcontainer a:hover
{

color: #ffffff;
text-decoration:underline;

}