/* ++++++++++++++++++++++++++++++++ */
/* +++++++++++ GLOBAL +++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

*
{
	margin					: 0;
	padding					: 0;
}

html, body
{
	height					: 100%;
}

body
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: .8em;
	line-height				: 1.25;
	color					: #FFFFFF;
	background-image		: url(body-bg.png);
}

h1
{
	float					: left;
	width					: 174px;
	height					: 100%;
	font-size				: 197%;	
}

h2
{
	width					: 100%;
	font-size				: 167%;
	font-weight				: normal;
	line-height				: 0.1em;
}

h3
{
	width					: 100%;
	font-size				: 116%;
	font-weight				: bold;
	margin					: 17px 0 0 0;
}

.line
{
	display					: block;
	width					: 100%;
	height					: 1px;
	color					: #2b2b2b;
	background-color		: #2b2b2b;
	border					: 0;
	margin					: 12px 0 0 0;
	font-size				: 1%;
	line-height				: 0.001em;
}



/* ++++++++++++++++++++++++++++++++ */
/* +++++++++ CONTAINERS +++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

#global-container
{
	position				: relative;
	min-height				: 100%;
}

#menu-container
{
	position				: absolute;
	margin					: 43px 0 0 0;
	width					: 100%;
	height					: 78px;
}

#header-container
{
	width					: 100%;
	height					: 107px;
	background-image		: url(header-bg.png);
	background-position		: top center;
}

#banner-container
{
	width					: 100%;
	height					: 293px;
	background-image		: url(banner-bg.jpg);
	background-position		: top center;  
}

#middle-container
{
	padding-bottom			: 87px;
}

#footer-container
{
	position				: absolute;
	bottom					: 0;
	width					: 100%;
	height					: 47px;	
	background-image		: url(footer-bg.png);
	background-position		: top center;
}


/* ++++++++++++++++++++++++++++++++ */
/* ++++++++++ CONTENTS ++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

#menu-content
{
	margin					: 0 auto;
	width					: 916px;
	height					: 100%;
}


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

#banner-content
{
	margin					: 0 auto;
	width					: 1000px;
	height					: 293px;
}

#middle-content
{
	margin					: 0 auto;
	width					: 916px;
}

#footer-content
{
	margin					: 0 auto;
	width					: 916px;
	height					: 100%;
}


/* ++++++++++++++++++++++++++++++++ */
/* ++++++++ MISCELLANEOUS +++++++++ */
/* ++++++++++++++++++++++++++++++++ */

img
{
	border					: 0;	
}

.clearer
{
	display					: block;
	clear					: both;
}

/* ++++++++++++++++++++++++++++++++ */
/* ++++++++++++ FOOTER ++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

#footer-content-left
{
	float					: left;
	width					: 616px;
	height					: 100%;
	color					: #9d9d9d;
	font-size				: 85%; 
}

#footer-content-right
{
	float					: left;
	width					: 300px;
	height					: 100%;
	color					: #9d9d9d;
	font-size				: 85%; 
}

#footer-content ul
{
	list-style-type			: none;
	margin					: 23px 0 0 0;
}

#footer-content li
{
	float					: left;
	padding					: 0 20px;
	border-right			: 1px solid #9d9d9d;
}

#footer-content li a
{
	float					: left;
	color					: #9d9d9d;
	text-decoration			: none; 
}

#footer-content li a:hover
{
	float					: left;
	color					: #080808;
	text-decoration			: none;
}

#blender
{
	margin					: 16px 0 0 0;
	text-align				: right; 
}