body {
	color: #c4c4c4;
	background: #013b71 url(/images/branding/homepage/bg.gif) repeat-x top;
}

h1, h2, h3, h4, h5
{
	color: #fff;
}
h3
{
	padding: 0 0 10px 0;
}
h1
{
	text-indent: -999em;
	overflow: hidden;
	background: url(/images/branding/homepage/title.gif) no-repeat left -1000px;
	width: 400px;
	height: 65px;
	padding: 0;
	margin-top: 20px;
}

body.home h1{
	font-size: 2em;
}
body.home h1 strong{
	font-size: 1.1em;
}
#header
{
	background: none;
}

#navigation ul li a:hover span,
#navigation ul li.current a span,
#navigation ul li.current a:visited span
{
	background: url(/images/branding/homepage/arrow.gif) no-repeat top right;
}

#container
{
	background: url(/images/branding/homepage/container-bg.gif) repeat-y left top;	
}

#content
{
	background: url(/images/branding/homepage/content-bg.gif) repeat-x top;
	height: 100%;
}
#content-inner
{
	height: 100%;
	background: url(/images/branding/homepage/shadow.gif) no-repeat left top;
}
#content-primary
{
	background: url(/images/branding/homepage/primary-bg.gif) repeat-x bottom;
	width: 754px;
	padding: 0 0 1px 0;
/*	font-size: 1.3em;  ! please don't use this rule here for correct homeflash work */
	line-height: 1.5em;
}
#content-primary-inner
{
	background: url(/images/branding/homepage/primary-shadow.gif) no-repeat left bottom;
	width: 754px;
	w\idth: 670px;
	padding: 45px 56px 20px 28px;
}

.middle-box
{
	background: url(/images/branding/homepage/middle-box-bg.gif) repeat-y left;
	width: 754px;
	float: left;
	font-size: 1.2em;
}
.middle-box-top
{
	background: url(/images/branding/homepage/middle-box-top.gif) no-repeat left top;
	width: 754px;
	float: left;
}
.middle-box-bottom
{
	background: url(/images/branding/homepage/middle-box-bottom.gif) no-repeat left bottom;
	width: 754px;
	w\idth: 698px;
	float: left;
	padding: 22px 28px 34px 28px;
}

.latest-news
{
	float: left;
	width: 296px;
	margin-right: 40px;
}
.latest-news .latest-inner{
	float: none;
	width: auto;
}
.latest-projects
{
	float: left;
	width: 320px;
	w\idth: 285px;
	padding-left: 35px;
}

.latest-projects .latest-inner{
	width: 210px;
}

.logos
{
	display: none;
}
.logos.home
{
	display: block;
	padding-right: 56px;
	padding-top: 0;
}

#footer
{
	padding-right: 56px;
}

#footer a.develop {
	background: url(/images/branding/homepage/fuse8-logo.gif) no-repeat scroll 0% 50%;
}
p.intro
{
	font-size: 1.1em;
	line-height: 1.8em;
	color: #fff;
}
.bottom-box
{
	background: #013f78 url(/images/branding/homepage/footer-bg.gif) repeat-x top;
	padding-top: 1px;
}
.bottom-box-inner
{
	background: url(/images/branding/homepage/footer-shadow.gif) no-repeat top left;
	padding-top: 28px;
}

/*  Latest news  */

.latest-news a.img-link
{
	display: none;
}
.latest-news strong,
.latest-projects strong,
.latest-news a.title,
.latest-news a.title:hover,
.latest-projects a.title,
.latest-projects a.title:hover
{
	color: #fff;
}
.latest-news a,
.latest-news a:visited,
.latest-projects a,
.latest-projects a:visited
{
	color: #fff;
}
a.view,
a.view:visited
{
	color: #fff;
	display: block;
	padding-top: 4px;
	text-align: right;
}
a.view:hover
{
	color: #fff;
}

a.read-more
{
	display: block;
	padding-bottom: 12px;
}
.latest-news h3,
.latest-projects h3
{
	width: 200px;
	float: left;
}
.latest-projects a.img-link
{
	padding: 3px 5px 3px 3px;
	margin: 0 8px 10px 0;
	background: url(/images/branding/homepage/img-bg.gif) no-repeat;
	float: left;
}

.latest-projects a.img-link img
{
	background: #2574bf;
	padding: 5px;
	width: 49px;
	height: 49px;
}
.latest-projects a.img-link:hover img
{
	background: #fff;
}