body, div, h1, h2, h3, h4, h5, h6, hr, p, ul, li, img, strong, em, span, form, fieldset, label {

	margin: 0;

	padding: 0;

    border: none;

	font-size: 1em;

}

hr {

	display: none;
	
}


input, textarea, select {

	margin: 0;

    font: 12px Arial, Helvetica, sans-serif;
	
}

button {

	margin: 0;
	
	cursor: pointer;
	
}

body {

	background: #f2f2f2 url(../images/body-bg.jpg) center top repeat-x;

    font: 12px Arial, Helvetica, sans-serif;

}


/*#### CONTAINER ########################################################################################################*/

div#container {

	position: relative;
	
	background: #fff;

	width: 876px;
	
	margin: auto;
	
}


/*#### HEADER ###########################################################################################################*/

div#header {

	position: relative;

	background: url(../images/header-bg.jpg) no-repeat;
	
	height: 161px;
		
}

div#header h1 a {

	display: block;
	
	position: absolute;
	
	top: 0;
	
	right: 0;
	
	background: url(../images/header-h1.jpg) no-repeat;
	
	width: 368px;
	
	height: 81px;	
	
    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */
	
	z-index: 9;

}

div#header object {

	position: absolute;
	
	top: 0;
	
	left: 0;

}



/*#### NAVIGATION #######################################################################################################*/

div#navigation {

	position: relative;

	background: url(../images/main-menu-bg.gif) no-repeat;
	
	width: 876px;

	height: 40px;

}

div#navigation ul li {

	display: inline;

	list-style: none;

}

div#navigation ul li a {

	display: block;
	
	float: left;

	height: 40px;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}

div#navigation ul li a.home {

	width: 77px;

}

div#navigation ul li a.home:hover {

	background: url(../images/main-menu-bg.gif) 0 39px;

}

div#navigation ul li a.how {

	width: 128px;

}

div#navigation ul li a.how:hover {

	background: url(../images/main-menu-bg.gif) -77px 39px;

}

div#navigation ul li a.share {

	width: 146px;

}

div#navigation ul li a.share:hover {

	background: url(../images/main-menu-bg.gif) -205px 39px;

}

div#navigation ul li a.read {

	width: 116px;

}

div#navigation ul li a.read:hover {

	background: url(../images/main-menu-bg.gif) -351px 39px;

}

div#navigation ul li a.follow {

	width: 182px;

}

div#navigation ul li a.follow:hover {

	background: url(../images/main-menu-bg.gif) -467px 39px;

}

div#navigation ul li a.earn {

	width: 146px;

}

div#navigation ul li a.earn:hover {

	background: url(../images/main-menu-bg.gif) -649px 39px;

}

div#navigation ul li a.gallery {

	width: 80px;

}

div#navigation ul li a.gallery:hover {

	background: url(../images/main-menu-bg.gif) -795px 39px;

}


/*#### CONTENT ##########################################################################################################*/

div#content {

	position: relative;
	
}


/*#### BOTTOM LINKS #####################################################################################################*/

div#bottom-links {

	position: relative;

	width: 820px;

	margin: 0 0 0 18px;
	
	padding: 10px 0 20px 0;

}

div#bottom-links a {

	margin: 0 24px 0 0;

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	color: #97989c;

	text-decoration: none;

}

div#bottom-links a:hover {

	color: #f6921d;

}