body {
	margin:0;
	background-color:#020202;
	padding:0;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 0.65em;	
	color: #ffffff; 
}

a  {
	color: #fff;
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;
}

a.green {
	color: #9fa615;
	font-weight: bold;
}

img {
	border:0;
}

img.background {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}

a.menu {
	margin:3px;
	float:left;

}

img.logo {
	margin-top:40px;
	margin-bottom:20px;
}

div.container {
	width:840px;
	position:relative;
	z-index:1;
	margin:0px auto;

}

#front {
	float:left;
	margin-right:40px;
	width: 561px;
	height:385px;
	border:10px solid #dee0b3;
	background-color: #dee0b3;
}

#portfolio {
	float:left;
	margin-right:40px;
	width:583px;
	height:405px;
	text-align:center;	
	background: url('http://www.agarratt.co.uk/res/gfx/loader.gif') 50% 50% no-repeat;			
}

#frontright {
	float:left;
	width:210px;

	height:390px;
	border:0px solid #d0d291;
}

#frontbottom {
	float:left;

	margin-right:40px;
	width:580px;
	height:250px;
	border:10px ;
	margin-top:25px;
}

p {
	margin-top:0px;
	margin-bottom:7px;
}

div.line {
	background-color:#fff;
	height:1px;
	margin-bottom:15px;
	margin-top:15px;
}

span.greenbold {
	font-weight: 900;
	color: #9fa615;
}

div.clear {
    clear:both;
    height:0;
    overflow:hidden;
	margin:0;
	margin-bottom:0px;
}

h1 {
	font-size:1.2em;
	font-weight:900;
	margin:0;
}

h2 {
	width:100%;
	font-size:1.2em;
	font-weight:900;
	margin:0;	
}