/* -------------------------------------------------------------- 
	
	header_styles.css
	* Sets up some sensible default headers.
	
-------------------------------------------------------------- */

/***HEADER***/
#header {
	width: auto;
	height: 150px;
	background: url('../images/header_bg.png') repeat-y center top;
	padding: 10px 17px 0 17px;
}

.logo {
	width: 300px;
	height: 68px;
	margin: 10px 5px;
}

/***BANNER***/
#banner_big 
{
	width: 736px;
	height: 318px;
	background: url('../images/banner_big.png') no-repeat center center;
	margin-top: -25px;
	margin-left:-18px;
}

.slogan {
	width: 726px;
	margin: 0 auto;
	padding: 30px 20px;
	color: #FEAC63; 
	font: italic 20px Arial, Helvetica, san-serif; 
}

#banner_small 
{
	width: 736px;
	height: 200px;
	overflow: hidden;
	background: url('../images/banner_small.png') no-repeat center center;
	margin-top: -25px;
	margin-left:-18px;
}
#banner_small_container {
	width: auto;
	padding-top: 14px;
}

#banner_small_left {
	float: left;
	width: 365px;
	margin-left: 3px;
	text-align: center;

}
#banner_small_right {
	float: left;
	width: 340px;
	padding: 10px 10px 0 10px;
	height: 1%; /*Holly hack for peekaboo bug*/
	text-align: center;
	font-style: italic;
}
.readmore {
	font: 10px Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 15px;
	text-transform: uppercase;
}
.readmore a {
	border: 1px dotted #fff;
}
.readmore a:hover {
	border: 1px dotted #FEAC63;
	text-decoration: none;
}

#banner_product {
	width: 736px;
	height: 90px;
	background: url('../images/header_products.png') no-repeat center center;
	margin-top: -25px;
	margin-left:-18px;
}

.product_title{
	width: 726px;
	margin: 0 auto;
	padding: 20px 20px;
	color: #FEAC63; 
	text-align: center; 
	font: italic 50px Arial, Helvetica, san-serif; 
}