body {
	font-family: 'arial', 'verdana', sans serif;
	font-size: .7em;
	color: #000000;
	margin: 0px;
	padding: 0px;	
}

.comingsoon {
	background: url(images/bg_comingsoon.gif) no-repeat top left;
}

.index {
	background: url(images/bg_index.gif) no-repeat top left;
}

.portfolio {
	background: url(images/bg_portfolio.gif) no-repeat top left;
}


a.backhome {
	position: absolute;
	top: 6px;
	left: 20px;
}


.nav {
	position: absolute;
	top: 125px;
	left: 15px;
	background-color: white;
	padding-left: 15px;
	margin-left: -15px;
}

.category, .categorybtm, .categorybtm_on {
	display: block;
	width: 150px;
	padding: 1px 0px 0px 2px;
}

a.category, a.categorybtm, a.categorybtm_on {
	text-decoration: none;
	color: #000066;
}

a:hover.category {
	text-decoration: none;
	color:#FF0099;
}

a:hover.categorybtm, a:hover.categorybtm_on {
	text-decoration: none;
	color:#FF0099;
}

a.categorybtm_on {
	text-decoration: none;
	color:#FF0099;
}


.sublink_on {
	display: block;
	width: 185px;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}

a.sublink {
	color: #FFFFFF;
}

a.sublink_on {
	color: #FFFFFF;
	background-color: #000000;
}

a:link.sublink, a:visited.sublink, a:link.sublink_on, a:visited.sublink_on {
	text-decoration: none;
}

a:hover.sublink {
	text-decoration: none;
	color:#000066;
}

.hide { display: none; }
.show { display: block; }

.piece {
	background-color: #CCCCCC;
	position: absolute;
	top: 127px;
	left: 222px;
	width: 410px;
	padding: 10px;
	margin: 0px;
}


.piece img {
	margin: 10px 0px 10px 23px;
}

.piece p {
	margin: 10px 23px 30px 23px;
}

.piece img { border: 1px dotted #FFFFFF; }
.piece img.noborder { border: none; }

.piece strong {
	text-decoration: none;
	font-weight: bold;
}

.piece a, #history a {
	color: #000066;
	text-decoration: underline;
}

.piece a:hover, #history a:hover {
	background-color: #FFFFFF;
}



.hide { display: none; }
.show { display: block; }

.piece2 {
	background-color: #CCCCCC;
	position: absolute;
	top: 127px;
	left: 222px;
	width: 410px;
	padding: 10px;
	margin: 0px;
}


.piece2 img {
	margin: 10px 0px 10px 23px;
}

.piece2 p {
	margin: 10px 23px 30px 23px;
}

.piece2 img.noborder { border: none; }

.piece2 strong {
	text-decoration: none;
	font-weight: bold;
}

.piece2 a, #history a {
	color: #000066;
	text-decoration: underline;
}

.piece2 a:hover, #history a:hover {
	background-color: #FFFFFF;
}



p.prevnext { margin: 0px 0px 0px 23px; color: #CCCCCC; }
p.prevnext a { color: #FF0099; text-decoration: none; }
p.prevnext a:hover { color: white; background-color: #000066;}




#history {
	position: absolute;
	top: 131px;
	left: 30px;
	width: 595px;
	font-size: 1em;
}

#history ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 133px;
}

#history ul li {
	margin-bottom: 12px;
}