/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}

.clear { 
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}


/* Design CSS */
body {
	background: #231f20 url(../images/fhg-bg.jpg) top left repeat-x;
	color: #fff;
	font: bold 11px Arial, Helvetica, sans-serif;
}


#container { 
	background-color: #332d2f;
	display: block;
	margin: 0 auto;
	padding: 0 4px 20px 4px;
	position: relative;
	width: 972px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a span { 
	left: -9000px;
	position: absolute;
}

h1 {
	background: url(../images/fhg-header.jpg);
	height: 374px;
}

h1 span {
	left: -9000px;
	position: absolute;
}

.box1 {
	background: url(../images/fhg-bg-box1.jpg) top left no-repeat;
	display: inline;
	float: left;
	height: 332px;
	margin: 38px 0 38px 69px;
	width: 381px;
}

	.box1 img {
		background: #ccc;
		height: 262px;
		margin: 10px 0 0 10px;
		width: 360px;
	}
	
	.box1 a.download {
		color: #fff;
		display: block;
		float: left;
		height: 50px;
		line-height: 55px;
		padding: 0 0 0 50px;
		width: 130px;	
	}
	
	.box1 a.watch {
		color: #fff;	
		display: block;
		float: left;
		height: 50px;
		line-height: 55px;		
		padding: 0 0 0 50px;
		width: 150px;		
	}

.box2 {
	background: url(../images/fhg-bg-box2.jpg) top left no-repeat;
	display: inline;
	float: left;
	height: 332px;
	margin: 38px 0 38px 69px;	
	width: 381px;	
}

	.box2 img {
		background: #ccc;
		height: 262px;
		margin: 10px 0 0 10px;
		width: 360px;
	}

	.box2 a.download {
		color: #fff;
		display: block;
		float: left;
		height: 50px;
		line-height: 55px;		
		padding: 0 0 0 50px;
		width: 130px;	
	}
	
	.box2 a.watch {
		color: #fff;	
		display: block;
		float: left;
		height: 50px;
		line-height: 55px;		
		padding: 0 0 0 50px;
		width: 150px;		
	}
	
a.adlink {
	background: url(../images/fhg-addlink.gif) top left no-repeat;
	display: block;
	height: 109px;
	margin: 0 auto;
	width: 761px;
}

a.adlink:hover {
	background-position: bottom;
}

.reciprocal { 
	text-align: center;
}
