/* Positive Pictures CSS Document */

body {
	margin:0px;
	padding:0px;
	margin-top:10px;
	overflow:hidden;
	background-color:#6666FF;
	background-image:url("../layout_images/body.png");
	background-repeat:repeat-x;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#wrapper {
	width:891px;
	margin-left:auto;
	margin-right:auto;
	z-index:20;
	position:relative;
}

#hd_television {
	width:891px;
	height:688px;
	overflow:hidden;
	background-image:url("../layout_images/hd_television.png");
	background-repeat:no-repeat;
	z-index:100!important;
}

#screen {
	width:859px;
	height:488px;
	background-image:url("../layout_images/screen.png");
	background-repeat:no-repeat;
	margin-left:16px;
	margin-top:16px;
}

/* --------------------------------------------------------------------------------------------------- MAIN CONTENT STYLES */

#content {
	position:absolute;
	top:13px;
	width:807px;
	height:465px;
	margin-top:5px!important;
	margin-left:1px;
	padding:10px;
	padding-left:25px;
	padding-right:25px;
	overflow:auto;
	z-index:0;
	color:#fff;
}

#content h1 {
	font-size:130%;
}

body#home #content {
	background-image:url("../layout_images/bg_home.jpg");
}

body#who #content {
	background-image:url("../layout_images/bg_who.jpg");
}

body#what #content {
	background-image:url("../layout_images/bg_what.jpg");
	overflow:hidden;
}

body#kit #content {
	background-image:url("../layout_images/bg_kit.jpg");
}

body#credits #content {
	background-image:url("../layout_images/bg_credits.png");
	overflow:hidden;
}

body#how #content {
	background-image:url("../layout_images/bg_how.jpg");
	overflow:hidden;
}

body#faqs #content {
	background-image:url("../layout_images/bg_faqs.jpg");
	overflow:auto;
}

body#contact #content {
	background-image:url("../layout_images/bg_contact.jpg");
	overflow:auto;
}

body#player #screen {
	width:859px;
	height:488px;
	margin-left:16px;
	margin-top:16px;
	background-image:none;
}

#gloss {
	clear:both;
	position:relative;
	/* background-image:url("../layout_images/gloss.png");*/
	background-repeat:no-repeat;
	width:891px;
	height:221px;
	margin-top:-503px;
	z-index:-400!important;
}

#base {
	clear;both;
	position:static;
	width:100%;
	background-color:#888;
	background-image:url("../layout_images/base.png");
	background-repeat:repeat-x;
	height:72px;
	overflow:hidden;
	margin-top:-15px;
	z-index:-10!important;
}

#base p {
	padding-top:5px;
	font-size:70%;
	text-align:center;
}

#base a {
	color:#fff;
	text-decoration:none;
}

#base a:hover {
	color:#fff;
	text-decoration:underline;
}

#end_of_page {
	clear:both;
	position:static;
	width:100%;
	background-color:#000;
	height:500px;
	overflow:hidden;
}

/* --------------------------------------------------------------------------- BUTTONS */

#logo_navigation {
	clear:both;
	width:100%;
	height:49px;
	margin-top:-25px;
	position: relative;
	overflow:hidden;
}

#logo {
	display:block;
	height:40px;
	margin-top:290px;
	margin-left:16px;
}

#logo_nav { margin: 0; padding: 0; margin-left:20px;  }
#logo_nav li { display: inline; }
#logo_nav li a { float: right; height: 0; padding-top: 49px; overflow: hidden; margin-right:12px; }
#logo_nav li#ln-home a { width: 91px!important; }
#logo_nav li a { background-image: url(../layout_images/buttons.png); background-repeat: no-repeat; }

#logo_nav li#positive_pictures-logo a { width: 432px!important; background-image: url(../layout_images/positivepictures.png); border:1px solid #000; background-repeat: no-repeat; }

/* BUTTONS */
#logo_nav li#ln-home a { width:91px; background-position: 0 0; }
#logo_nav li#ln-who a { width:100px; background-position: -93px 0; }
#logo_nav li#ln-what a { width:100px; background-position: -194px 0; }
#logo_nav li#ln-how a { width:111px; background-position: -295px 0; }
#logo_nav li#ln-kit a { width:67px; background-position: -408px 0; }
#logo_nav li#ln-faqs a { width:57px; background-position: -476px 0; }

/* OVER STATES */
#logo_nav li#ln-home a:hover { background-position: 0 -49px; }
#logo_nav li#ln-who a:hover { background-position: -93px -49px; }
#logo_nav li#ln-what a:hover { background-position: -194px -49px; }
#logo_nav li#ln-how a:hover { background-position: -295px -49px; }
#logo_nav li#ln-kit a:hover { background-position: -408px -49px; }
#logo_nav li#ln-faqs a:hover { background-position: -476px -49px; }

/* PRESSED STATES */
#logo_nav li#ln-home a:active { background-position: 0 -98px }
#logo_nav li#ln-who a:active { background-position: -93px -98px; }
#logo_nav li#ln-what a:active { background-position: -194px -98px; }
#logo_nav li#ln-how a:active { background-position: -295px -98px; }
#logo_nav li#ln-kit a:active { background-position: -408px -98px; }
#logo_nav li#ln-faqs a:active { background-position: -476px -98px; }

#logo_nav :focus{
    outline:none;
}

/* ON STATES */
body#home #logo_nav li#ln-home a { background-position: 0 -147px !important; }
body#who #logo_nav li#ln-who a { background-position: -93px -147px !important; }
body#what #logo_nav li#ln-what a { background-position: -194px -147px !important; }
body#how #logo_nav li#ln-how a { background-position: -295px -147px !important; }
body#kit #logo_nav li#ln-kit a { background-position: -408px -147px !important; }
body#faqs #logo_nav li#ln-faqs a { background-position: -476px -147px !important; }