* {
border:0;
margin:0;
padding:0;
}

body
{
	font-size: 11px;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #333;
	background-color: #ccc;
}

h2
{
	width: 544px;
	color: #333;
	font-size: 12px;
	background-image: url(../images/pattern-subbanner.gif);
	background-repeat: repeat-x;
	text-indent: 15px;
	height: 21px;
	line-height: 21px;
}

img {border: 0;}

table {
	margin-left: 2px;
	border: 0;
	padding: 0;
	}

a { font-weight: bold;
	text-decoration: none;
}
a:link
{
	color: #cc0606;
}
a:visited {color: #b59191}
a:hover { text-decoration: underline; }

#container
{
	background-image: url(../images/pattern-background.gif);
	background-repeat: repeat-y;
	width: 780px;
	margin: 10px auto;
	color: #333;
	line-height: 16px;
}

#logo
{
	padding: 0;
	width: 100%;
}

#top
{
	background-repeat: no-repeat;
	background-image: url(../images/topborder.gif);
}

#glamour
{
	width: 549px;
	float: right;
	margin: 0px;
}

#leftnav
{

	float: left;
	width: 200px;
	list-style: none;
	padding: 0;
	margin-left: 5px!important;margin-left:2px;
 
}

#main
{
	margin-left: 214px;
	margin-top: -5px;
	padding: 0;
	max-width: 558px;
	border-color: #CCC;
	border-width: 0 1px 0 1px;
	border-style: dotted;
}

#content
{
	margin-left: 14px;
	padding: 0;
	max-width: 520px;
}

#footer
{
	clear: both;
	margin: 0;
	height: 23px;
	line-height: 23px;
	text-align: right;
	background-image: url(../images/bottomborder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


#copyright
{
	font-size: 10px;
	color: #999;
	position: relative;
	text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-right: 25px;
	bottom: 3px;
}

#right { text-align: right; 
border: 0;
width: 150px;
float: left;
}

#left { text-align: left;
border: 0;
width: 250;
}

 .floatright
{
float: right;
margin: 0;
border: 1px solid #666;
padding: 0;
}

.menu
{
	position: relative;
	float: left;
	height: 104px;
	width: 209px;
	margin: 0px;
	padding: 0;
}

.menu2
{
	position: relative;
	float: left;
	height: 224px;
	width: 209px;
	margin: 0px;
	padding: 0;
}

.others {
	margin-left: 12px;margin-right: 12px;
	border: 0;
	padding: 0;
	}

.others2 {
	margin-left: 12px!important;margin-left: 10px;margin-right: 12px;
	border: 0;
	padding: 0;
	}
	
.right2 { text-align: right;
color: #666;
white-space: nowrap; 
}

.bold { color: #666; }
.shorty { font-size: 0px; }

.banner { margin: 0 0 0 14px!important; margin: 12px 0 0 12px;}
.banner2 { margin: 30px 0 0 14px; }


.thumb{
	border: 0;
	padding: 0;
	border: 1px dotted #e2e2e2;
	position: relative;
	top: -3px;

}

.zoom
{
	padding: 0;
	float: right;
	position: relative;
	top: -6px;
	border-width: 0 1px 1px 1px;
	border-style: dotted;
	border-color: #e2e2e2;
}

div.resume
{
	float: left;
	width: 211px;
	height: 26px;
	margin: 0;
	background-image: url(../images/nav-background.gif);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}

div.resume a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-background.gif) top left no-repeat;
}


/* grid layout */
.grid {
	height: 90px;
	margin: 0; padding:0;
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	width: 498px;
	}

.grid1 {
	height: 90px;
	margin: 0; padding:0;
	border-right: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	width: 498px;
	}

div.resume
{
	float: left;
	width: 211px;
	height: 26px;
	margin: 0;
	background-image: url(../images/nav-background.gif);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}

div.resume a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-background.gif) top left no-repeat;
}

div.portfolio
{
	float: left;
	width: 211px;
	height: 26px;
	margin: 0;
	background-image: url(../images/nav-portfolio.gif);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}

div.portfolio a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-portfolio.gif) top left no-repeat;
}

div.contact
{
	float: left;
	width: 211px;
	height: 26px;
	margin: 0;
	background-image: url(../images/nav-contact.gif);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}

div.contact a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-contact.gif) top left no-repeat;
}

div.downloads
{
	float: left;
	width: 211px;
	height: 26px;
	margin: 0;
	background-image: url(../images/nav-downloads.gif);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}

div.downloads a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-downloads.gif) top left no-repeat;
}

div.kikkoman
{
	float: left;
	width: 209px;
	height: 24px;
	margin: 0;
	background-image: url(../images/nav-kikkoman.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

div.kikkoman a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-kikkoman.gif) top left no-repeat;
}

div.eagleone
{
	float: left;
	width: 209px;
	height: 24px;
	margin: 0;
	background-image: url(../images/nav-eagleone.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

div.eagleone a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-eagleone.gif) top left no-repeat;
}

div.millstone
{
	float: left;
	width: 209px;
	height: 24px;
	margin: 0;
	background-image: url(../images/nav-millstone.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

div.millstone a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-millstone.gif) top left no-repeat;
}

div.mazola
{
	float: left;
	width: 209px;
	height: 24px;
	margin: 0;
	background-image: url(../images/nav-mazola.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

div.mazola a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-mazola.gif) top left no-repeat;
}

div.tremor
{
	float: left;
	width: 209px;
	height: 24px;
	margin: 0;
	background-image: url(../images/nav-tremor.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

div.tremor a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-tremor.gif) top left no-repeat;
}

div.pgbrands
{
	float: left;
	width: 209px;
	height: 24px;
	margin: 0;
	background-image: url(../images/nav-pgbrands.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

div.pgbrands a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-pgbrands.gif) top left no-repeat;
}

div.pconcall
{
	float: left;
	width: 209px;
	height: 24px;
	margin: 0;
	background-image: url(../images/nav-pconcall.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

div.pconcall a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-pconcall.gif) top left no-repeat;
}

div.ethicon
{
	float: left;
	width: 209px;
	height: 24px;
	margin: 0;
	background-image: url(../images/nav-ethicon.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

div.ethicon a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-ethicon.gif) top left no-repeat;
}

div.anthem
{
	float: left;
	width: 209px;
	height: 24px;
	margin: 0;
	background-image: url(../images/nav-anthem.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

div.anthem a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/nav-anthem.gif) top left no-repeat;
}


div.resume span, div.portfolio span, div.contact span, div.downloads span
{
	display: block;
	margin: 0;
	padding: 0;
}

 	.menu3
 	{
 		position: relative;
 		float: left;
 		height: 34px;
 		width: 560px;
 		margin: 0px;
 		padding: 0;
 	}
 	
 	.web
 	{
 		float: left;
 		width: 73px;
 		height: 21px;
 		margin: 0;
 		background-image: url(../images/nav-webdesign.gif);
 		background-repeat: no-repeat;
 		background-position: 0 -21px;
 	}
 	
 	.web a
 	{
 		display: block;
 		margin: 0;
 		padding: 0;
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
 		text-decoration: none;
 		background: url(../images/nav-webdesign.gif) top left no-repeat;
 	}
 	
 	.brand
 	{
 		float: left;
 		width: 88px;
 		height: 21px;
 		margin: 0;
 		background-image: url(../images/nav-brandidentity.gif);
 		background-repeat: no-repeat;
 		background-position: 0 -21px;
 	}
 	
 	.brand a
 	{
 		display: block;
 		margin: 0;
 		padding: 0;
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
 		text-decoration: none;
 		background: url(../images/nav-brandidentity.gif) top left no-repeat;
 	}

 	.industrial
 	{
 		float: left;
 		width: 101px;
 		height: 21px;
 		margin: 0;
 		background-image: url(../images/nav-industrial.gif);
 		background-repeat: no-repeat;
 		background-position: 0 -21px;
 	}
 	
 	.industrial a
 	{
 		display: block;
 		margin: 0;
 		padding: 0;
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
 		text-decoration: none;
 		background: url(../images/nav-industrial.gif) top left no-repeat;
 	}
 	.illustration
 	{
 		float: left;
 		width: 83px;
 		height: 21px;
 		margin: 0;
 		background-image: url(../images/nav-illustrations.gif);
 		background-repeat: no-repeat;
 		background-position: 0 -21px;
 	}
 	
 	.illustration a
 	{
 		display: block;
 		margin: 0;
 		padding: 0;
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
 		text-decoration: none;
 		background: url(../images/nav-illustrations.gif) top left no-repeat;
 	}

 	.photography
 	{
 		float: left;
 		width: 81px;
 		height: 21px;
 		margin: 0;
 		background-image: url(../images/nav-photography.gif);
 		background-repeat: no-repeat;
 		background-position: 0 -21px;
 	}
 	
 	.photography a
 	{
 		display: block;
 		margin: 0;
 		padding: 0;
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
 		text-decoration: none;
 		background: url(../images/nav-photography.gif) top left no-repeat;
 	}

 	.ceramics
 	{
 		float: left;
 		width: 132px;
 		height: 21px;
 		margin: 0;
 		background-image: url(../images/nav-ceramicssculpture.gif);
 		background-repeat: no-repeat;
 		background-position: 0 -21px;
 	}
 	
 	.ceramics a
 	{
 		display: block;
 		margin: 0;
 		padding: 0;
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
 		text-decoration: none;
 		background: url(../images/nav-ceramicssculpture.gif) top left no-repeat;
 	}

div.kikkoman1
{
	float: left;
	width: 165px;
	height: 90px;
	margin: 0;
	background-image: url(../images/logo-kikkoman.gif);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	border-left: 1px dotted #ccc;
}

div.kikkoman1 a{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/logo-kikkoman.gif) top left no-repeat;
	}
	
div.eagle1 {
	float: left;
	width: 165px;
	height: 90px;
	margin: 0;
	background-image: url(../images/logo-eagleone.gif);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	border-left: 1px dotted #ccc;
}

div.eagle1 a  {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/logo-eagleone.gif) top left no-repeat;
	}
	
div.millstone1 {
	float: left;
	width: 165px;
	height: 90px;
	margin: 0;
	background-image: url(../images/logo-millstone.gif);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	border-left: 1px dotted #ccc;
}

div.millstone1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/logo-millstone.gif) top left no-repeat;
	}
	
div.mazola1 {
	float: left;
	width: 165px;
	height: 90px;
	margin: 0;
	background-image: url(../images/logo-mazola.gif);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	border-left: 1px dotted #ccc;
}

div.mazola1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/logo-mazola.gif) top left no-repeat;
	}
	
div.tremor1 {
	float: left;
	width: 165px;
	height: 90px;
	margin: 0;
	background-image: url(../images/logo-tremor.gif);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	border-left: 1px dotted #ccc;
}

div.tremor1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/logo-tremor.gif) top left no-repeat;
	}
	
div.pgbrand1 {
	float: left;
	width: 165px;
	height: 90px;
	margin: 0;
	background-image: url(../images/logo-pgbrands.gif);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	border-left: 1px dotted #ccc;
}

div.pgbrand1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/logo-pgbrands.gif) top left no-repeat;
	}
	
div.pconcall1 {
	float: left;
	width: 165px;
	height: 90px;
	margin: 0;
	background-image: url(../images/logo-pconcall.gif);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	border-left: 1px dotted #ccc;
}

div.pconcall1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/logo-pconcall.gif) top left no-repeat;
	}
	
div.ethicon1 {
	float: left;
	width: 165px;
	height: 90px;
	margin: 0;
	background-image: url(../images/logo-ethicon.gif);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	border-left: 1px dotted #ccc;
}

div.ethicon1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/logo-ethicon.gif) top left no-repeat;
	}
	
div.anthem1 {
	float: left;
	width: 165px;
	height: 90px;
	margin: 0;
	background-image: url(../images/logo-anthem.gif);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	border-left: 1px dotted #ccc;
}

div.anthem1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/logo-anthem.gif) top left no-repeat;
	}

div.resume a:hover, div.portfolio a:hover, div.contact a:hover, div.downloads a:hover, div.kikkoman a:hover, div.eagleone a:hover, div.millstone a:hover, div.mazola a:hover, div.tremor a:hover, div.pgbrands a:hover, div.pconcall a:hover, div.ethicon a:hover, div.anthem a:hover, div.web a:hover, div.brand a:hover, div.industrial a:hover, div.illustration a:hover, div.photography a:hover, div.ceramics a:hover, div.kikkoman1 a:hover, div.eagle1 a:hover, div.millstone1 a:hover, div.mazola1 a:hover, div.tremor1 a:hover, div.pgbrand1 a:hover, div.pconcall1 a:hover, div.ethicon1 a:hover, div.anthem1 a:hover { background-image: none; }


.menu div a.current
{
	background-position: 0 -26px;
}

.menu2 div a.current
{
	background-position: 0 -24px;
}

 	.menu3 div a.current
{
	background-position: 0 -21px;
}