/*MAIN STYLE SHEET*/

body, html{
	height: 100%;
	min-height: 100%;
	
	color: #797979;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	
	-webkit-font-smoothing: antialiased;
	
}

#container{
	position: absolute;
	width: 100%;
	min-height: 100%;
	
	background: url('../images/mainbg.jpg') repeat-x bottom;
}

h0{
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 200;
	font-size: 32px;
	margin-bottom: 16px;
	color: #353535;
}

h1{
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 200;
	font-size: 24px;
	margin-bottom: 8px;
	color: #353535;
}

h2{
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 100;
	font-size: 18px;
	color: #353535;
	font-weight: 200;
}

h3{
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 100;
	font-size: 18px;
	color: #575757;
	font-weight: 200;
}

h4{
	font-family: "Helvetica Neue", Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #fafafa;
}

p{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 16px;
}

section{
	margin-left: 86px;
	width: 784px;
}

header{
	width: 100%;
	height: 102px;
	background: url('../images/highlight.png') no-repeat center, url('../images/headerbg.jpg') repeat-x top left;
}

footer{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 180px;
	background: url('../images/footerbg.jpg') repeat-x top left;
}

#main{
	position: relative;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	width: 960px;
	padding-bottom: 200px;
	padding-top: 32px;
}

#header-content{
	position: relative;
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

#footer-content{
	width: 960px;
	height: 180px;
	margin: 0 auto;
}

#footer-menu{
	float: left;
	width: 160px;
	height: 162px;
	margin-top: 18px;
}

#footer-menu ul{
	float: left;
	width: 64px;
	margin-left: 8px;
	margin-right: 8px;
	list-style: none;
	font-family: Arial;
	font-size: 12px;
	color: #c3c3c3;
}

#footer-menu li{
	margin-bottom: 4px;
}

#footer-menu a{
	color: #c3c3c3;
	text-decoration: none;
}

#footer-menu a:visited{
	color: #c3c3c3;
	text-decoration: none;
}

#footer-menu a:hover{
	color: #eaeaea;
	text-decoration: none;
}

#footer-logo-area{
	float: left;
	width: 796px;
	height: 162px;
	margin-top: 18px;
}

#main-logo{
	position: relative;
	top: 22px;
}

#navigation{
	position: absolute;
	top: 16px;
	right: 0px;
	width: 330px;
	height: 80px;
	background: url('../images/menubg.png') no-repeat top center;
	
}

#menuitems{
	position: absolute;
	bottom: 0px;
	height: 13px;
}

#navigation img{
	float: left;
	margin-left: 8px;
	margin-right: 8px;
}

#navigation img:hover{
	cursor: pointer;
}