* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#footer {position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;
	background: url(images/footer_bg.jpg) repeat;
	width: 100%;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	background: url(images/header_bg.jpg) #1f1f1f no-repeat top center;
	margin: 0px;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
}

#test {
	width: 800px;
	padding-bottom: 60px;
	float: left;
}

#logo {
	width: 800px;
	height: 180px;
	margin: 88px 0 0 0;
	float: left;
}
#nav-menu {
	width: 800px;
	height: 51px;
	float: right;
	margin: 70px 0 0 0;
}

#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li {
	float: right;
	display: inline;
	margin: 0 10px;
}

	#nav-menu li a {
		font: 14px  Georgia, "Times New Roman", Times, Serif;
		background: url(images/nav-menu_bg.gif) bottom left no-repeat;
		height: 51px;
		width: 118px;
		line-height: 55px;
		float: left;
		display: block;
		color: #abc6dd;
		text-decoration: none;
		text-align: center;
	}
	
	#nav-menu li a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	/* Hide from IE5-Mac \*/
	#nav-menu li a {
		float: none
	}
	/* End hide */

#content {
	width: 100%;
	float: left;
	margin: 30px 0 0 0;
}

	.clm1 {
		width: 390px;
		float: left;
		margin: 0 20px 0 0;
	}
	
	.clm2 {
		width: 390px;
		float: left;
		margin: 0 0 0 0;
	}
	
	.hr {
		background: url(images/hr.gif) no-repeat;
		width: 800px;
		height: 11px;
		margin: 10px 0;
		float: left;
	}

H1 {
	font: bold 18px/30px Georgia, "Times New Roman", Times, Serif;
	color: #ccc;
}

H2 {
	font: bold 14px/26px Georgia, "Times New Roman", Times, Serif;
	color: #999;
}