/* 'id' and 'class' selectors cannot start with a number. */
/* a:link , a:visited, a:hover, a:active must be in this order. (LVHAt)*/

/* Clean the slate!!! */
/* Set the defaults for Firefox and IE 7. */
/* Close but not perfect. It's a couple pixels off around the images.*/


/* Was trying to layer with pngs but it isn't worth the trouble.

html, body
{
	margin: 0px auto;
	padding: 0px;
	height: 100%;
}

html
{
  background-color: #CAA324;
	background-image: url("../images/html_bg.png");
	background-attachment: fixed;
	background-position: top center;
}*/

body
{
	margin: 0px auto;
	padding: 0px;
	height: 100%;
	font-family: arial;
	font-size: 12pt;
	background-image: url("../images/bg.jpg");
	background-position: top center;
}

.hidden
{
	position: absolute;
	text-indent: -9999px;
	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

span.hide_text
{
  display: none;
}

h1, h2
{
  clear: both;
  text-align: center;
  font-family: times;
}

img
{
	margin: 0;
	padding: 0;
	border: none;
}

#container
 {
	margin: 0px auto; /* auto...ugh */
	padding: 0px;
	text-align: center;
	width: 700px;
}

div.image
{
	text-align: center;
}

.lefty
{
  text-align: left;
}

#buy_it
{
	position: relative;
	left: 50px;
	top: -250px;
	width: 167px;
	height: 123px;
}

#buy_it a
{
  display: block;
  width: 167px;
  height: 123px;
  margin: 0px auto;
  background-image: url('../images/price.png');
}

#buy_it a:hover
{
  background-position: 0px 126px;
}

#index_content
{
  /*CSS is total BULL SHIT!*/
  margin: 0px auto;
  padding: 50px;
  width: 700px;
  height: 412px;
  position: relative;
	top: -150px;
  left: -50px;
  background-image: url('../images/index_content.png');
  /*border: 1px solid #FFF;*/
}

#goodies
{
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
}

#goodies a
{
  display: block;
  width: 277px;
  height: 430px;
  margin: 0px auto;
  background-image: url('../images/goodies.png');
  background-repeat: no-repeat;
  background-position: -5px 90px;
}

#goodies a:hover
{
  background-position: -282px 90px;
}

#video
{
  position: relative;
  left: -1px;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: center;
	width: 420px;
	height: 315px;
}

#description
{
	margin: 0px;
	padding: 30px 10px 10px 40px;
  width: 370px;
	clear: both;
	text-align: justify;
  text-indent: 3em;
  font-weight: bold;
}

.copyright
{
	/*clear: both;*/
  margin: 0px;
	padding: 0px;
	font-family: times;
  text-align: center;
  position: absolute;
  top: 0px;
  right: 10px;
  width: 219px;
  height: 109px;
}

.copyright a
{
  display: block;
  width: 219px;
  height: 109px;
  margin: 0px auto;
  background-image: url('../images/tinderbox.png');
}

.copyright a:hover
{
  background-position: 0px -109px;
}

a img
{
	text-decoration: none;  /*Stupid Firefox puts lines under linked images even with this! */
}

/****************/
/* Goodies Page */
/****************/

#home
{
  margin: 0px auto;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 133px;
  height: 146px;
  background-image: url('../images/home.png');
}

#home:hover
{
    background-position: 0px -146px;
}

.wallpaper
{
  background: #111;
  height: 229px;
}

.wallpaper img
{
  border: 2px solid #000;
  float: left;
}

.wallpaper ul
{
  float: right;
  margin: 0px;
  padding: 10px;
  width: 274px;
  height: 205px;
  text-align: center;
  list-style-type: none;
	background-image: url('../images/wallpaper_rez_bg.jpg');
  overflow: auto;
  display: table;
  border: 2px solid #000;
  border-left: none;
}

.wallpaper a:link, .wallpaper a:visited
{
  color: #AAA;
}

.wallpaper  a:hover
{
  color: #FFF;
}

.gallery
{
  text-align: center;
}

.gallery img
{
  width: 200px;
  border: 1px solid #000;
}

.gallery a:hover img
{
  border: 1px solid #FFF;
  position: relative;
  top: -5px;
}