/* general formats */

body
{
	color: #ffffff;
	margin: 0px;
	background-color: #00B8E5;
}

#main
{
	color: #ffffff;
	border: 0px;
}

#story
{
	color: #ffffff;
	border: 0px;
	background-color: #00B8E5;
}

td
{
	color: #ffffff;
	text-align: left;
	vertical-align: top;
}

td.right
{
	color: #ffffff;
	text-align: right;
	vertical-align: top;
}

/* menu formats */

#main a
{
	width: 400px;
	height: 34px;
	display: block;
	background-repeat: no-repeat;
}

#main span
{
	display: none;
}

#pf1
{
	width: 400px;
	background-image: url(../img/home/pf1_off.gif);
}

#pf2
{
	width: 400px;
	background-image: url(../img/home/pf2_off.gif);
}

#pf3
{
	width: 400px;
	background-image: url(../img/home/pf3_off.gif);
}

#pf4
{
	width: 400px;
	background-image: url(../img/home/pf4_off.gif);
}

#pf5
{
	width: 400px;
	background-image: url(../img/home/pf5_off.gif);
}

#portfolios
{
	width: 400px;
	background-image: url(../img/home/portfolios_off.gif);
}

#imprint
{
	width: 400px;
	background-image: url(../img/home/imprint_off.gif);
}

#imprint2
{
	width: 400px;
	background-image: url(../img/home/imprint2_off.gif);
}

#contact
{
	width: 400px;
	background-image: url(../img/home/contact_off.gif);
}

#contact2
{
	width: 400px;
	background-image: url(../img/home/contact2_off.gif);
}

#bio
{
	width: 400px;
	background-image: url(../img/home/bio_off.gif);
}

#clients
{
	width: 400px;
	background-image: url(../img/home/clients_off.gif);
}

#pf1:hover
{
	width: 400px;
	background-image: url(../img/home/pf1_on.gif);
}

#pf2:hover
{
	width: 400px;
	background-image: url(../img/home/pf2_on.gif);
}

#pf3:hover
{
	width: 400px;
	background-image: url(../img/home/pf3_on.gif);
}

#pf4:hover
{
	width: 400px;
	background-image: url(../img/home/pf4_on.gif);
}

#pf5:hover
{
	width: 400px;
	background-image: url(../img/home/pf5_on.gif);
}

#portfolios:hover
{
	width: 400px;
	background-image: url(../img/home/portfolios_on.gif);
}

#imprint:hover
{
	width: 400px;
	background-image: url(../img/home/imprint_on.gif);
}

#imprint2:hover
{
	width: 400px;
	background-image: url(../img/home/imprint2_on.gif);
}

#contact:hover
{
	width: 400px;
	background-image: url(../img/home/contact_on.gif);
}

#contact2:hover
{
	width: 400px;
	background-image: url(../img/home/contact2_on.gif);
}

#bio:hover
{
	width: 400px;
	background-image: url(../img/home/bio_on.gif);
}

#clients:hover
{
	width: 400px;
	background-image: url(../img/home/clients_on.gif);
}