/* 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.menu
{
	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);
}

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

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

#afar
{
	width: 400px;
	background-image: url(../img/home/afar_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);
}

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

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

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

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

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

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

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

#pf6:hover, #pf6.active
{
	width: 400px;
	background-image: url(../img/home/pf6_on.gif);
}

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

#afar:hover, #afar.active
{
	width: 400px;
	background-image: url(../img/home/afar_on.gif);
}

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

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

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

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

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

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

#news:hover, #news.active
{
	width: 400px;
	background-image: url(../img/home/news_on.gif);
}

#news2:hover, #news2.active
{
	width: 400px;
	background-image: url(../img/home/news2_on.gif);
}