@charset "UTF-8";

/* ===== base ================================================== */

html,
body {
	background-color: #B2B2B2;
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}

a { outline: none; }

/* ===== containers ================================================== */

#container {
	background: #FFF url('../images/container1_bg.jpg') repeat-x left top;
	width: 100%;
}

#container1 {
	position: relative;
	background: transparent url('../images/i_container2_bg.jpg') no-repeat center top;
	width: 560px;
	height: 180px;
	padding: 390px 175px 0;
	margin: 0 auto;
	overflow: hidden; /* IE6 Hack */
}

#container3 {
	background: #FFF url('../images/container3_bg.jpg') repeat-x left top;
	width: 100%;
	height: 110px;
}

/* ===== header ================================================== */

#utilities {
	padding: 0 0 40px;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	color: #BBB;
}

#utilities a {
	color: #666666;
	padding-top: 8px;
	text-decoration: none;
}

#utilities a:hover {
	background: transparent url('../images/utilities_arrow.gif') no-repeat center top;
	color: #999;
}

#container1 p { }

/* ===== footer ================================================== */

#footer {
	position: relative;
	width: 740px;
	height: 55px;
	margin: 0 auto;
	font: normal 10px/10px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}

#footer ul li {
	display: inline;
	border-right: 1px solid #000;
	padding: 0 5px;
}

#footer ul li.last {
	border: none;
	padding-right: 0;
}

#footer ul li a {
	color: #000;
	text-transform: uppercase;
}

#footer p { margin: 10px 0 0; }

/* ===== default ================================================== */

.right {
	margin: 0 0 1em 1em;
	float: right;
}

.left {
	margin: 0 1em 1em 0;
	float: left;
}

.reduced,
#logo h1,
#nav ul,
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.hide,
#header h1 a span { display: none; }

.clear { clear: both; }