/* ------------------------------------------------
CSS Document - est'd with <3
Title:     Splinter Youth Inc
Author:    Matthew Spiel - thinmatt@gmail.com
Updated:   May 19, 2008
Valid:	   http://jigsaw.w3.org/css-validator/
-------------------------------------------------- */

/** Page Elements (lets begin shall we?)
-----------------------------------------------------------**/
body {
	background: #115495 url(images/masterbackground.gif) no-repeat center top;
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/** Type Settings 
-----------------------------------------------------------**/
h1 {
	background: url(images/splinteryouthinc_logo_441x372.gif) no-repeat center top;
	color: black;
	text-indent: -5000px;
	width: 100%;
	height: 372px;
	font: bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}
h2{
	color: black;
	font: bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}
h3{
	color: black;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 50%;
	margin: 50px 0 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding: 0;
}
h4 {
	color: #666666;
	vertical-align: top;
	margin: 7px 0 0 0px;
	padding: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
h5 {
	color: silver;
	font: italic 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
p {
	color: gray;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 50%;
	padding: 0;
	margin-top: 10px;
}
a {
	font: italic "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: inherit;
}
a:hover {
	font: italic "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
	color: inherit;
}

/** Structure 
-----------------------------------------------------------**/
#container {
	margin: 95px auto 0;
	padding: 0;
	width: 900px;
}
#content_logo {
	width: 860px;
	height: 380px;
	background: url(images/bodyalt_logo.jpg) no-repeat center top;
	float: left;
	padding: 20px;
}
#content_video {
	height: 330px;
	width: 336px;
	margin: 0px;
	padding: 36px 274px 0px;
	float: left;
}
#content_videolo {
	height: 360px;
	margin: 0px;
	padding: 28px 274px 0px 274px;
	float: left;
	background-image: url(images/bodymain_video.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#content_videohi {
	height: 336px;
	margin: 0px;
	padding: 18px 130px 0px 130px;
	float: left;
}
#content_main {
	width: 900px;
	float: left;
	background: url(images/bodymain.jpg) no-repeat center top;
	height: 420px;
	padding: 0px;
	margin: 0px;
}
#navigation {
	width: 900px;
	height: 40px;
	float: left;
}
#footer {
	width: 900px;
	height: 47px;
	float: left;
	margin-bottom: 100px;
	padding-top: 3px;
	padding-bottom: 5px;
}
#copyright {
	float: left;
	width: 300px;
	height: 47px;
	background: url(images/splinterlogo_47x64.gif) no-repeat left top;
	margin: 0 8px 0 10px;
	padding-left: 70px;
}
#sponsors {
	float: right;
	width: 240px;
	height: 45px;
	margin: 2px 10px 0 0;
}
/** Miscellaneous 
-----------------------------------------------------------**/

#catalog {
	background: url(images/small_pdf_icon.gif) no-repeat left bottom;
	width: 400px;
	height: 25px;
	padding-left: 20px;
	float: left;
}
#content_video ul {
	list-style: none;
	width: 180px;
	margin: 0px 76px;
	padding: 0px;
	float: left;
	display: inline;
}

#click{
	color: black;
	font-size: 23px;
	text-align: center;
	margin: 150px 0px 10px;
	font-weight: bold;
}
.lo {
	float: left;
	color: gray;
	font-size: 12px;
	width: 90px;
	margin: 0px ;
	padding: 0px;
	text-align: center;
	font-style: italic;
}
.lo a {
	text-decoration: none;
}
.lo a:hover {
	text-decoration: underline;
}
/** Main Navigation 
-----------------------------------------------------------**/
#main_nav {
	height: 40px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main_nav li {
	float: left;
	text-decoration: none;
	background-image: none;
	background-repeat: no-repeat;
}
#main_nav a {
	text-decoration: none;
	display: block;
	height: 40px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
}
#main_nav #ssp {
	width: 148px;
	background: url(images/navigation.gif) 0 0;
}
#main_nav #ssp:hover {
	width: 148px;
	background: url(images/navigation.gif) 0 -40px;
}
#main_nav #ssb {
	background: url(images/navigation.gif) -148px 0;
	width: 168px;
}
#main_nav #ssb:hover {
	background: url(images/navigation.gif) -148px -40px;
	width: 168px;
}
#main_nav #srs {
	background: url(images/navigation.gif) -316px 0;
	width: 161px;
}
#main_nav #srs:hover {
	background: url(images/navigation.gif) -316px -40px;
	width: 161px;
}
#main_nav #ssm {
	background: url(images/navigation.gif) -477px 0;
	width: 191px;
}
#main_nav #ssm:hover {
	background: url(images/navigation.gif) -477px -40px;
	width: 191px;
}
#main_nav #manual {
	background: url(images/navigation.gif) -668px 0;
	width: 79px;
}
#main_nav #manual:hover {
	background: url(images/navigation.gif) -668px -40px;
	width: 79px;
}
#main_nav #donate {
	background: url(images/navigation.gif) -747px 0;
	width: 75px;
}
#main_nav #donate:hover {
	background: url(images/navigation.gif) -747px -40px;
	width: 75px;
}
#main_nav #contact {
	background: url(images/navigation.gif) -822px 0;
	width: 77px;
}
#main_nav #contact:hover {
	background: url(images/navigation.gif) -822px -40px;
	width: 77px;
}
#main_nav #home_manual {
	background: url(images/navigation.gif) -668px -80px;
	width: 79px;
	
}
#main_nav #home_manual:hover {
	background: url(images/navigation.gif) -668px -120px;
	width: 79px;
}
#main_nav #home_donate {
	background: url(images/navigation.gif) -747px -80px;
	width: 75px;
	
}
#main_nav #home_donate:hover {
	background: url(images/navigation.gif) -747px -120px;
	width: 75px;
}
#main_nav #home_contact {
	background: url(images/navigation.gif) -822px -80px;
	width: 77px;
	
}
#main_nav #home_contact:hover {
	background: url(images/navigation.gif) -822px -120px;
	width: 77px;
}
/** Sponsor Navigation 
-----------------------------------------------------------**/
#nav_sponsor {
	height: 45px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav_sponsor li {
	float: left;
	text-decoration: none;
	background-image: none;
	background-repeat: no-repeat;
}
#nav_sponsor a {
	text-decoration: none;
	display: block;
	height: 45px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
}
#nav_sponsor #christianskater {
	background: url(images/sponsor_nav.gif) 0 0;
	width: 80px;
}
#nav_sponsor #christianskater:hover {
	background: url(images/sponsor_nav.gif) 0 -45px;
	width: 80px;
}
#nav_sponsor #livinit {
	background: url(images/sponsor_nav.gif) -80px 0;
	width: 80px;
}
#nav_sponsor #livinit:hover {
	background: url(images/sponsor_nav.gif) -80px -45px;
	width: 80px;
}
#nav_sponsor #americanrampcompany {
	background: url(images/sponsor_nav.gif) -160px 0;
	width: 80px;
}
#nav_sponsor #americanrampcompany:hover {
	background: url(images/sponsor_nav.gif) -160px -45px;
	width: 80px;
}