/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label
{
	margin: 0;
	padding: 0; 
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

th, td
{
	text-align: left;
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; }




/* Page Structure */
body
{
	background-color:#000000;
	/*
	TEMPORARY BACKGROUND IMAGE
	background-image:url("../img/front/pink-and-yellow.jpg");
	*/
	background-position:center center;
	background-repeat:repeat;
	background-attachment:fixed;
}
#page
{
	width:305px;
	margin-left:auto;
	margin-right:auto;
}
#header{

}
	#header span{
		display:none;
	}

#footer{
	width:100%;
	text-align:center;
	padding-bottom:18px;
	margin-top:20px; /* need to adjust this with jQuery */
}

#nav-close{
	text-align:right;
	width:305px;
	height:39px;
	margin-top:1px;
	background-image:url("../img/x.png");
	background-position:top right;
	background-repeat:no-repeat;
}
#nav-close img{
	cursor: pointer;
}

#nav-open{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:39px;
	text-align:center;
}
#nav-open div{
	width:305px;
	height:39px;
	background-image:url("../img/nav-header.png");
	background-position:top center;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}
#nav-open img{
	cursor: pointer;
}



/* Text */
body,td,p{
	font-family: "Lucida Grande", "LucidaGrande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
}
a{
	font-weight:bold;
}
a:link,a:active,a:visited{
	color:#c193f4;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.hidden, #header span, #nav-1 span, #nav-2 span, #nav-3 span, #nav-4 span, #nav-5 span, #nav-6 span
{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
#more-4, #more-5, #more-6{
	background-image:url("../img/semitrans.png");
	background-position: top left;
	background-repeat:repeat;
	text-align:center;
	line-height:19px;
	display:none;
}
.pad{
	padding:11px;
	padding-bottom:24px;
}
#footer{
	color:#000000;
	font-size:11px;
}
	#footer a{
		font-weight:normal;
	}
	#footer a, #footer span a:active, #footer span a:visited{
		color:#000000;
		text-decoration:underline;
	}
	#footer span a:hover{
		background-color:#000000;
		color:#ffffff;
		text-decoration:none;
	}
	
/* Nav */
#header{
	width:305px;
	height:39px;
}
#nav-1, #nav-2, #nav-3, #nav-4, #nav-5, #nav-6 {
	width:305px;
	height:39px;
	margin-top:1px;
	cursor: pointer;
}

#header{background-image:url("../img/nav-header.png");}
#nav-1 {background-image:url("../img/nav-1.png");}
#nav-2 {background-image:url("../img/nav-2.png");}
#nav-3 {background-image:url("../img/nav-3.png");}
#nav-4 {background-image:url("../img/nav-4.png");}
#nav-5 {background-image:url("../img/nav-5.png");}
#nav-6 {background-image:url("../img/nav-6.png");}






/* Supersize */
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url("../img/progress.gif");
}

#supersize{
	z-index:-1;
	position:fixed;
	display:none;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}

#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}
#page, #footer{
	z-index: 3;
	display:block;
}