@charset "utf-8";

 html, body {
	height: 100.1%;
}

body {
	background-color: #fff;
	color: #333;
	}
	
/********************************/
/* -------- Containers -------- */
/********************************/

#container {
	margin: auto;
	width:	900px;
	position: relative;
	}
	
#main {
	width: 500px;
	float: left;
	margin: -205px 0 0 34px;
	}
	
#sidebar {
	width: 250px;
	float: left;
	margin: -205px 0 0 78px;
	}
	
#footer {
	clear: both;
	color: #aaa;
	font-size: .7em;
	margin: 15px 35px;
	}

/********************************/
/* -------- Typography -------- */
/********************************/

h1 {
	font-size: 2em;
	text-indent: -9999px;
	background-image: url(../images/header-graphic.jpg);
	width: 900px;
	height: 661px;
	margin: 21px 0 0 0;
	}

h2 {
	font-size: 1.7em;
	}

h3 {
	font-size: 2.2em;
	line-height: 1.1;
	margin-top: 13px;
	}

p, li {
	font-size: 1.5em;
	line-height: 1.3;
	}

#main p {
	margin-top: 20px;
	}

#main ul {
	margin-top: 21px;
	}
	
#main ul li {
	color: #b52100;
	font-size: 1.6em;
	text-indent: 25px;
	background-image: url(../images/red-plus.gif);
	background-repeat: no-repeat;
	background-position: 1px 6px;
	}

#main h2 {
	background-image: url(../images/reach-more.gif);
	text-indent: -9999px;
	width: 488px;
	height: 37px;
	}
	
#sidebar h2 {
	background-image: url(../images/click-below.png);
	background-repeat: no-repeat;
	font-size: 1.5em;
	font-weight: bold;
	height: 32px;
	margin-left: 8px;
	text-indent: -9999px;
	width: 230px;
	}
	
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #aaa;
	}

/********************************/
/* ------ Sidebar stuff ------- */
/********************************/

#sidebar ul {	
	margin-top: 10px;	
	}

#sidebar ul li 	{	
	margin-bottom: 4px;	
	}

#sidebar ul li a {
	background-image: url(../images/button-sprite.png);
	background-repeat: no-repeat;
	width: 247px;
	height: 41px;
	display: block;
	}
	
#sidebar ul li a:hover {
	background-position: 0 41px;
	background-repeat: repeat;
	}

#eb_borla, #eb_justin, #eb_abelreels, #eb_hydrel, #eb_jaqua, #eb_premrawat, #eb_celerus, #eb_ALR {
	text-indent: -9999px;
	background-image: url(../images/button-text-sprite.png);
	background-repeat: no-repeat;
	display: block;
	height: 41px;
	width: 247px;
	background-position: 23px 10px;
	}
	
#eb_justin 		{	background-position: 23px -35px;	}
#eb_abelreels 	{	background-position: 23px -80px;	}
#eb_hydrel 		{	background-position: 23px -125px;	}
#eb_jaqua 		{	background-position: 23px -170px;	}
#eb_premrawat 	{	background-position: 23px -215px;	}
#eb_celerus 	{	background-position: 23px -260px;	}
#eb_ALR			{	background-position: 23px -305px;	}
	
/********************************/
/* ------ Miscellaneous ------- */
/********************************/