body 
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #CCCCCC;
	background-color: #000000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.8em;	
}

img
{
	border: 0px;
}

h1
{
	margin: 0px 0px 10px 0px;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: solid 1px #666666;	
}

a
{
	color: #CCCCCC;
}

a:hover
{
	color: #FFFFEE;
}	

.header
{
	text-align: center;
	clear: both;
}

div.contents
{
	clear: both;
	width: 760px;
	margin: 20px auto 20px auto;
	/*text-align: justify;*/
}

div.contents img
{
	float: right;
	padding-left: 10px;
}

div.footer
{	
	clear: both;
	width: 760px;
	text-align: center;
	font-size: 0.8em;
	border-top: solid 1px #666666;
	padding-top: 10px;
	margin: 20px auto 20px auto;
}

div.portfolio
{
	width: 360px;
	font-size: 0.8em;	
}

/* -------------------- MENU */

div.menu
{
	width: 100%;
	height: 30px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	clear: both;
}

div.menu div
{
	width: 790px;
	margin-left: auto;
	margin-right: auto;
}

div.menu a
{
	display: block;
	float: left;
	width: 14%;
	height: 25px;
	text-align: center;
	padding: 5px 0 0 0;
	background-image: url(images/menu_bg.png);
	background-repeat: repeat-x;
	background-position: top left;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}

div.menu a:hover
{
	background-position: top bottom;
}