/* CSS by Tim Householder */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,textarea,p,
blockquote,th,td { margin:0; padding:0; }
/* table { border-collapse:collapse; border-spacing:0; } */
fieldset,img { border:0; }
address,caption,cite,code,dfn,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:Ó; }
abbr,acronym { border:0; }
html { font-size: 62.5%; }
/* RESET END */

body {
	background-color: #1A1A1A;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
}
a {
	text-decoration:none;
	color:#666666;
}
a:hover {
	text-decoration:underline;
}
.strong {
	font-weight: bold;
}
.hilite {
	font-weight: bold;
	color: #FFE045;
}
.colorMeBlue {
	font-weight: bold;
	color: #004874;
}
/* STRUCTURE */
#page-wrapper {
	width: 946px;
	height: 708px;
	background: url(../images/home-main-bg2.png) no-repeat top left;
	position: relative;
	margin: 0 auto;
}
#home-hero-band {
/*	background: url(../images/home-slackers-hero.png) no-repeat top left;  */
	width: 946px;
	height: 357px;
	position: absolute;
	top: 88px;
	left: 0px;
	z-index: 10;
}
#main-nav {
	position: absolute;
	top: 193px;
	left: 87px;
	width: 252px;
	height: 96px;
	background: url(../images/home-main-nav.png) no-repeat top left;
	z-index: 100;
}
.bottom-buttons {
	width: 90px;
	font-size: 11px;
	height: 20px;
	cursor:pointer;
	background-color: #445151;
	z-index: 1200;
	line-height: 20px;
	color: #ccc;
	border: 1px solid silver;
}
.bottom-buttons a {
	color: #ccc;
	text-decoration: none;
	display: block;
	outline: none;
}
.bottom-buttons a:hover {
	color: #eee;
}
#bin-button {
	position: absolute;
	top: 636px;
	left: 610px;
}
#more-button {
	position: absolute;
	top: 583px;
	left: 340px;
}
#description-box {
	position: absolute;
	top: 405px;
	left: 130px;
	width: 625px;
	height: 255px;
	background: url(../images/home-desc-box.png) no-repeat top left transparent;
	z-index: 1000;
}
#description-box p {
	font-family: Courier;
	font-size: 11px;
	color: #fff;
	padding: 65px 30px 30px 40px;
	line-height: 15px;
}
#footer {
	width: 884px;
	height: 40px;
	display: block;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	color: silver;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* NAVIGATION */
#navigation {
	list-style: none;
	position: absolute;
	top: 185px;
	left: 60px;
	width: 252px;
	height: 114px;
	z-index: 100;
}

#navigation li {
  margin: 0;
  padding: 0;
  height: 38px;
  overflow: hidden;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
	height: 38px;
	display: block;
	width: 252px;
}

/* individual navigation items */
#navigation a.reviews {
  background: url(../images/home-reviews-button.png);
  background-position: 0 0;
}

#navigation .highlight a.reviews:hover,
#navigation a.reviews .hover {
  background: url(../images/home-reviews-button.png);
  background-position: 0px -38px;
}

#navigation a.development {
  background: url(../images/home-dev-button.png) left;
  background-position: 0 0;
}

#navigation .highlight a.development:hover,
#navigation a.development .hover {
  background: url(../images/home-dev-button.png);
  background-position: 0px -38px;
}

#navigation a.contact {
  background: url(../images/home-contact-button.png);
  background-position: 0 0;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background: url(../images/home-contact-button.png);
  background-position: 0px -38px;
}



/* ORDER ENTRY TABLE */
#order-box {
	position: absolute;
	top: 534px;
	left: 570px;
	width: 280px;
	text-align: center;
	z-index: 99999;
}
table#order-table {
	background: #0E0E0E;
	border: 1px solid silver;
	padding: 10px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
#order-table th {
	background: black;
	color: #fff;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
#order-table td {
	padding: 0 3px;
	margin: 0;
}
#order-table input {
  text-align: center;
  width: 50px;
  font-size: 10px;
}