/* CSS Document */

html,body{margin:0;padding:0}
body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/bgBody2.gif) top repeat-x #ffffff;
}
form {
	padding: 0;
	margin: 0;
}

/* Formatting hack */
.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

/* Container */
#container {
	width: 1004px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align:left;
	background: url(../images/bgContainer.jpg) top no-repeat;
	position: relative;
}

/* Header */
#header {
	width: 1004px;
	height: 113px;
	background: url(../images/bgHeaderLogo.gif) no-repeat;
}

/* Banner */
#banner {
	width: 1004px;
	height: 334px;
	background: url(../images/bgBanner2.jpg) top no-repeat;
}
#banner404 {
	width: 1004px;
	height: 278px;
	background: url(../images/bgBanner404.jpg) no-repeat;
}

/* Menu */
#menu {
	float: right;
	margin: 40px 0 0 0;
	width: 670px;
	height: 38px;
}

/* Content */
#content {
	float:left;
	width: 1004px;
	padding: 0 0 20px 0;
	line-height: 18px;
	margin: 0;
}

/* Naviagtion */
#navigation {
	float: right;
	width: 313px;
	padding: 20px 0 0 0;
	margin: 0;
}

/* Extra */
#extra {
	float:right;
	clear:right;
	width:313px;
	margin: 0;
}

/* Footer */
#footer {
	clear: both;
	width: 100%;
	height: 178px;
	padding: 0;
	margin: 0;
	background: url(../images/bgFooter.jpg) repeat-x;
}