body { 
	margin: 0;
	background: #000;
	color: #fff;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 12px;
}
div, img, ul, li { margin: 0; padding: 0; border: 0; }
ul, li { list-style: none; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

#fronds-container {
	width: 445px;
	height: 275px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -480px;
}
#nav {
	position: absolute;
	left: 50%;
	top: 249px;
	margin-left: 106px;
	color: #6d6e71;
	font-size: 12px;
}
	#nav a {
		margin: 0 4px;
	}

#categories {
	position: absolute;
	left: 50%;
	top: 275px;
	margin-left: -441px;
	width: 875px;
	height: 152px;
}
	#categories li {
		float: left;
		position: relative;
		padding-left: 9px;
	}
		#categories img {
			width: 166px;
			height: 152px;
		}
		#categories li span {
			position: absolute;
			top: 125px;
			left: 9px;
			display: block;
			background: #fff;
			padding: 4px;
			color: #000;
			width: 158px;
			opacity:.65;
			filter: alpha(opacity=65);
			-moz-opacity: 0.65;		
		}	
		#categories li div {
			position: absolute;
			top: 0;
			left: 9px;
			background: #000;
			width: 166px;
			height: 152px;
			display: none;
		}


div#home-text {
	position: absolute;
	top: 435px;
	left: 50%;
	margin-left: -432px;
	width: 865px;
}
	div#home-text a       { text-decoration: underline; }
	div#home-text a:hover { text-decoration: none; }
div#home-text div#credits {	
	float: right;
	margin-top: 20px;
}

div#top-shop-container {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: 93px;
}
div#promo-container {
	position: absolute;
	top: 116px;
	left: 50%;
	margin-left: 93px;
}

div.social-links
{
float: left;
height: 20px;
margin: 20px 0 0 0;
}

.social-links a
{
display: inline-block;
height: 20px;
line-height: 20px;
text-decoration: none !important;
font-size: 12px;
}

.social-links a:hover
{
text-decoration: underline !important;
}

.social-links a.facebook
{
padding: 0 0 0 27px;
background: transparent url(../img/facebook_20.png) no-repeat 0 0;
}

/*-------------------------*/
/* Video Intro - Fancy Box */
/*-------------------------*/

div#video-intro-section
{
background-color: #000;
}

#video-intro-section a#fancybox-close
{
top: -25px;
right: 5px;
background: none;
text-transform: uppercase;
width: 140px;
font-size: 17px;
font-weight: bold;
height: auto;
width: auto;
z-index: 9998;
filter: "";
}

#video-intro-section a#fancybox-close:hover
{
text-decoration: none;
color: #cacaca;
}

#video-intro-section #fancybox-title
{
position: absolute !important;
top: -34px !important;
left: -10px !important;
text-align: left !important;
z-index: 9997;
}

#video-intro-section #fancybox-inner
{
position: relative;
z-index: 9999;
background-color: #000;
}

#video-intro-section #fancybox-title-main,
#video-intro-section #fancybox-title-left,
#video-intro-section #fancybox-title-right
{
background: none;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
filter: "";
}

html, body {height: 100%;}

* html #fancybox-overlay  {height: 100%;} /* IE6 */