/* Happy Hacker Navigation */

ul#navigation li {
	display:inline;
	padding: 0px;
	}


li#home a {
	text-indent: -1000em;
	background: url(../images/nav_home.jpg) no-repeat left top;
	width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 144px;
	top: 146px;
	z-index:4;
}


li#home a:hover {
	background-position: 0px -28px;
}


li#contact a {
	text-indent: -1000em;
	background: url(../images/nav_contact.jpg) no-repeat left top;
	width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 584px;
	top: 146px;
	z-index:4;
}

li#contact a:hover {
background-position: 0px -28px;
}


li#blog a {
	text-indent: -1000em;
	background: url(../images/nav_blog.jpg) no-repeat left top;
	width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 254px;
	top: 146px;
	z-index:4;
}

li#blog a:hover {
	background-position: 0px -28px;
}


li#about a {
	text-indent: -1000em;
	background: url(../images/nav_about.jpg) no-repeat left top;
	width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 364px;
	top: 146px;
	z-index:4;
}

li#about a:hover {
background-position: 0px -28px;
}


li#links a {
	text-indent: -1000em;
	background: url(../images/nav_links.jpg) no-repeat left top;
	width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 474px;
	top: 146px;
	z-index:4;
}

li#links a:hover {
	background-position: 0px -28px;
}


/* ON States */

li#homeON a {
	text-indent: -1000em;
	background: url(../images/nav_homeON.jpg) no-repeat left top;
width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
			position: absolute;
	left: 144px;
	top: 146px;
	z-index:4;
}

li#contactON a {
	text-indent: -1000em;
	background: url(../images/nav_contactON.jpg) no-repeat left top;
	width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
position: absolute;
	left: 584px;
	top: 146px;
	z-index:4;
}

li#blogON a {
	text-indent: -1000em;
	background: url(../images/nav_blogON.jpg) no-repeat left top;
width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 254px;
	top: 146px;
	z-index:4;
}

li#aboutON a {
	text-indent: -1000em;
	background: url(../images/nav_aboutON.jpg) no-repeat left top;
	width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 364px;
	top: 146px;
	z-index:4;
}

li#linksON a {
	text-indent: -1000em;
	background: url(../images/nav_linksON.jpg) no-repeat left top;
	width: 110px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 474px;
	top: 146px;
	z-index:4;
}



/* right panel buttons*/

#search a {
	text-indent: -1000em;
	background: url(../images/nav_search.jpg) no-repeat left top;
	width: 151px;
	height: 18px;
	display: block;
	overflow: hidden;
	font-size:10px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;
}
#search a:hover {background-position: 0px -18px;}




#login a {
	text-indent: -1000em;
	background: url(../images/nav_sign.jpg) no-repeat left top;
	width: 151px;
	height: 18px;
	display: block;
	overflow: hidden;
	font-size:10px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;
}
#login a:hover {background-position: 0px -18px;}


/* centre  button */

.category a:link, .category a:visited, .category a:active {
	text-align:center;
	background: url(../images/nav_category.jpg) no-repeat left top;
	width: 130px;
	height: 20px;
	display: block;
	overflow: hidden;
	font-size:11px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background-color:#fff;
}

.category a:hover {background-position: 0px -20px;text-decoration:none;color:#fff;}


/* centre category button */



.blog_more a {
	text-align:center;
	background: url(../images/nav_category.jpg) no-repeat left top;
	width: 130px;
	height: 20px;
	display: block;
	overflow: hidden;
	font-size:11px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	
}

.blog_more a:hover {background-position: 0px -20px;text-decoration:none;color:#fff;}



.product a:link, .product a:visited, .product a:active  {
	text-align:center;
	background: url(../images/nav_category2.jpg) no-repeat left top;
	width: 124px;
	height: 37px;
	display: block;
	overflow: hidden;
	font-size:11px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	padding:3px;
	padding-top:0px;
	background-color:#fff;
	border:none;
}

.product a:hover {background-position: 0px -40px;text-decoration:none;color:#fff; background-color:#fff; border:none;}

.add a {
	text-align:center;
	background: url(../images/nav_category.jpg) no-repeat left top;
	width: 130px;
	height: 20px;
	display: block;
	overflow: hidden;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#fdca01;
	
}

.add a:hover {background-position: 0px -20px;text-decoration:none;color:#fff;}

.continue a:link, .continue a:visited, .continue a:active {
	text-align:center;
	background: url(../images/nav_category.jpg) no-repeat left top;
	width: 130px;
	height: 20px;
	display: block;
	overflow: hidden;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	margin-top:10px;
}

.continue a:hover {background-position: 0px -20px;text-decoration:none;color:#fff;}


.special_offer a:link, .special_offer a:visited, .special_offer a:active {
	
	background: url(../images/img_offer.jpg) no-repeat left top;
	width: 120px;
	height: 106px;
	display: block;
	overflow: hidden;
	margin-left:2px;
	padding-left:50px;
	padding-right:5px;
	padding-top:60px;
	padding-bottom:0px;
	font-weight:bold;
	color:#fff;
	background-color:none;
	line-height: 150%;
}
.special_offer p
{
	color:#fff;
	font-weight:bold;
}
.spaceInvadersBtn
{
	display: block;
	width: 174px;
	height: 158px;
	margin: 10px 0px 10px 0px;
}