* html #wrapper{height:100%;}/* ie6 and under*/

html,body {
	height:100%;
	margin:0px;
	padding:0px;
	background-color :#000;
	color: #fff;
}

#wrapper {
	height:100%;
	width: 987px;
	margin: 0px auto;
	background-color: #000;
}

#header {
	position:fixed;
	top:0;
	width:987px;
	height:90px;
	background-color: #000000;
	margin: auto;
	z-index: 15;
}

#header h1 {
	margin: 0px;
	padding: 0px;
}

#header h1 a{
	margin: 0px;
	padding: 0px;
	background:transparent url(http://www.zeroskateboards.com/images/main_nav/zero-logo.png) no-repeat;
	display:block;
	height:90px;
	text-indent:-9999px;
	width:235px;
}


#headerLogo {
	height:90px;
	width: 235px;
	background-color: transparent;
	float: left;
}

#headerNav {
	background-color: #000;
	height:80px;
	width:752px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#headerNav ul {
	margin: 0px;
	padding: 0px;	
}

#headerNav ul li {
	float:left;
	display: inline;
}


#headerNav img {
	margin: 0px;
	padding: 0px;
	/*height: 80px;*/
}


#footer {
	position:fixed;
	text-align: center;
	background-color: #000;
	width: 987px;
	bottom:0px;
	height:25px;
	margin: 0px auto;
	z-index: 12;
	color: #fff;
	
}

#prodSubNav {
	position:fixed;
	text-align: center;
	background-color: #000;
	width: 987px;
	bottom:25px;
	height:35px;
	margin: 0px auto;
	z-index: 2;
	color: #fff;
	
}

#riderSubNav {
	position:fixed;
	text-align: center;
	background-color: #000;
	width: 987px;
	bottom:20px;
	height:60px;
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	z-index: 10;
	color: #fff;
}

#footerWrap {
	width: 890px;
	height:30px;
	margin: 0px auto;
	padding:0px;
	text-align: center;
	z-index: 11;
}

#footer img {
	margin: 0px 0px 0px 0px;
}

#prodSubNav img {
	margin: 10px 10px 0px 10px;
}


#content {
	position: relative;
	top:80px;
	background-color: #000;
	width: 987px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	text-align: center;
}


#copyright {
	position:relative;
	top: 100px;
	text-align: center;
	background-color: #000;
	width: 987px;
	margin: 0px;
	padding: 0px;
	color: #fff;
	z-index: 13;
}


#comingSoon {
	position:relative;
	top: 125px;
	text-align: center;
	background-color: #000;
	width: 987px;
	margin: 0px;
	padding: 0px;
	color: #fff;
}


a, img {
	border: 0px;
	margin:0px;
	padding:0px;
}

a, a:link, a:visited {
	color: #fff;
	text-decoration: none;
	outline: 0;
}
a:hover, a:active, a:focus {
	color: #666;
	text-decoration: none;
	outline: 0;
}


.productContainer {
	width: 987px;
	margin: 0px auto 75px auto;
	padding:0px 0px 75px 0px;
	text-align: center;
}


#homecontent {
	background-color: #000;
	width: 875px;
	height: 100%;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	color: #fff;
}

/* NEWS */

/* added for the zero news page that pulls news from blackbox - 12/12/08 */
p.newsText {
	color: #fff;
	font: 400 11px Helvetica, Arial, sans-serif;
}

#newscontent {
	position: relative;
	top:85px;
	background-color: #000;
	width: 987px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	overflow: visible;
	font: 400 11px Helvetica, Arial, sans-serif;
}

/* END NEWS */

/* TEAM PAGE */
#teamcontent {
	position: relative;
	text-align: center;
	background-color: #000;
	top: 95px;
	width: 831px;
	height: 350px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	vertical-align: top;
	color: #fff;
}

#teamcontent img {
	display: inline;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#rider {
	position: relative;
	text-align: center;
	background-color: #000;
	width: 576px;
	top: 90px;
	margin: auto;
	padding: 0px 0px 0px 0px;
}
/* TEAM PAGE ADDED BY DENNIS ON 04/07/09 */


#teamContentHolder {
	position: absolute;
	background-color: #000;
	width: 987px;
	height:auto;
	margin: 0px 0px 100px 0px;
	padding: 0px;
	color: #fff;
}


#leftContent {
	position: absolute;
	width: 604px;
	height:auto;
	top: 80px;
	margin: 0px 10px 0px 20px;
	padding: 0px 0px 80px 0px;
	text-align:center;
	float:left;
}

#rightContent {
	position:relative;
	width: 310px;
	height:auto;
	top: 80px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 80px 0px;
	float:right;
}

#bioPic {
	position: relative;
	background-color: #000;
	width: 604px;
	height:400px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #fff;
}

#teamProdFeature {
	position: absolute;
	background-color: #000;
	width: 604px;
	height:auto;
	margin: auto;
	padding: 0px;
	color: #fff;
	z-index:3;
}

#mediaSwapper {
	height:18px;
	margin-bottom: 20px;
}


/*
#image01 {
float:left;
	text-align: left;
	position:absolute;
	background-color: white;
	z-index:3;

}

#image02 {
float:left;
	text-align: left;
	position:absolute;
	background-color: white;
	z-index:2;
}
*/



#teamVidFeature {
	position: absolute;
	background-color: #000;
	width: 604px;
	height:auto;
	margin: auto;
	padding: 0px;
	color: #fff;
	z-index:2;
}

.vidHolder {
	margin-bottom: 20px;
}

#coleVidPlayer {
	margin-bottom: 20px;
}

#teamProdFeature img {
	margin: 0px 10px;
	padding: 0px;
}


#riderBioName {
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #fff;
}


/* END TEAM PAGE ADDED BY DENNIS ON 04/07/09 */


#riderimage {
	position: relative;
	text-align: center;
	background-color: #000;
	height: 400px;
	margin: auto;
	padding: 0px;
	color: #fff;
}

.riderWrap {
	width: 100%;
	height:30px;
	margin: 0px auto;
	padding:0px;
	text-align: center;
	background-color: #000;
}

.riderWrap img {
	margin: 0px 10px 0px 10px;
}

#ridername {
	position:relative;
	text-align: left;
	background-color: #000;
	width: auto;
	margin:  0px auto;
	padding: 14px 0 14px 0px;
	color: #fff;
}

#ridername h1 {
	margin:  0px;
	padding:  0px;
}


#riderbio{
	margin: auto;
	padding: 0px 0px 80px 0px;
	text-align: left;
}

#riderbio-qna{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}



#riderbio-question h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #cc9933;
}

#riderbio-answer h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #C6D0A6;
}

#riderbio-quot h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #C6D0A6;
}


#riderbio-quotcred h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #BC98AC;
}



/* box that holds the table with all team rider images */
#teamindex {
	position: relative;
	top: 95px;
	width: 831px;
	height: 475px;
	margin: 0px auto;
	padding: 0px;
	color: #fff;
	background-color: #000;
}

#teamindex img {
	margin: 0px;
	padding: 0px;
}



#zero-team-01_ img {
margin: 0px;
padding: 0px;
}

#zero-team {
	width:987px;
	height:475px;
}

#zero-team-01_ {
	width:987px;
	height:173px;
	background-color:#000;
	margin:0px;
	padding:0px;
}

#zero-team-02_ {
	width:987px;
	height:60px;
	background-color:#000;
	margin:0px;
	padding:0px;
}

#zero-team-03_ {
	width:987px;
	height:180px;
	background-color:#000;
	margin:0px;
	padding:0px;
}

#zero-team-04_ {
	width:987px;
	height:62px;
	background-color:#000;
	margin:0px;
	padding:0px;
}

/* END TEAM PAGE */

#currentAd {
	display: inline;
	margin: 0px 12px 0px 12px;
	padding: 0px;
	width: 565px;
	height:374px;
}

#newsFeed {
	display: inline;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	width: 268px;
	height: 374px;
	clear: both;
}

#featurebox {
	display: inline;
	margin: 12px 11px 0px 12px;
	padding: 0px;
	width: 565px;
	height: 155px;
}

#donationbox {
	display: inline;
	margin: 12px 12px 0px 0px;
	padding: 0px;
	width: 270px;
	height: 155px;
}


/* PHILANTHROPY PAGE */

#philanthropyIntro {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	width:650px;
	
	padding: 10px;
	margin:12px auto 12px auto;
}

.totalText {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 12px 12px 12px 12px;
	padding: 10px;
}

.totalText .totalHighlight {
	color: #990000;

}

.philanthropyHR {
	margin: auto;
	margin-bottom: 5px;
	width: 940px;
	height: 10px;
	background: #000 url(http://www.blackboxdist.com/i/images/dottedline.png) repeat-x top left;
}


/* END PHILANTHROPY PAGE */

/* STRANGEWORLD PAGE */
#video_left {
	width: 312px;
	height: 561px;
	float: left;
	text-align: center;
	margin: 20px 0;
}

#video_case {
	width: 312px;
	height: 385px;
	margin: 0 0 30px 0;
	text-align: center;
}

#video_riders {
	width: 312px;
	height: 176px;
	margin: 0px;
}

#video_right {
	width: 667px;
	height: 561px;
	float: right;
	margin: 20px 0;
	text-align: center;
}
#video_window {
	width: 667px;
	height: 505px;
	margin: 0px 0 0px 0;
}

#video_now {
	width: 667px;
	height: 83px;
}

/* STRANGEWORLD PAGE END */

/* FROM BLACK BOX SITE */

.dottedline {
	margin: auto;
	margin-bottom: 5px;
	width: 550px;
	height: 10px;
	background: #000 url(http://www.blackboxdist.com/i/images/dottedline.png) repeat-x top left;
}

/* TRANSPARENCY ROLLOVER */

.transON {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(Opacity=75);
-moz-opacity: 0.75;
opacity:.75;
}
.transOff {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(Opacity=100);
-moz-opacity: 1;
opacity:100;
}

/* SUMMER VACATION 2009 */


#vacation {
	height:auto;
	background-color: #131313;
	margin:0px;
	padding:0px;
}

#vacationTest {
	height:auto;
	background: #131313 url() repeat;
	margin:0px;
	padding:0px;
}


div.summerTourWrapper {
	width:800px;
	height:auto;
	margin:0px auto;
	text-align:center;
	background: url(../summer-vacation-2009/images/fader.png) repeat-y top left;
}

div.summerTourHolder {
	width:600px;
	height:auto;
	margin:0px auto;
	text-align:center;
	background-color: #000;
}

.bannerHolder {
	width:565px;
	height:155;
	margin:0 auto 10px;
}

.bannerHolder img {
	margin:15px auto 0px;
}


div.imageBlock {
	width: 550px;
	height:auto;
	margin:0px auto 15px auto;
	text-align: left;
	text-transform: uppercase;
	position: relative;
}


div.imageBlock img {
	padding-bottom: 0px;
	display: block;
	margin: 0px;
	border: 0px;
}

div.imageBlock p {
	margin: 4px 0 0 0;
	border: 0px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 14px;
	color: #C6D0A6;
}

div.imageBlock h5 {
	margin: 0px 0 0 0;
	padding: 0px;
	border: 0px;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 12px;
	color: #C6D0A6;
}

div.imageBlock div {
	padding-bottom: 3px;
	margin: 0px;
	border: 0px;
}

div.titleBlock {
	width: auto;
	height:auto;
	margin:0px;
	text-align: left;
	text-transform: uppercase;
	position: relative;
}
/* NORTHWEST TRIP - PHOTO BLOG - BEGIN*/

#northwest {
	height:auto;
	background-color: #131313;
	margin:0px;
	padding:0px;
}

div.northwestWrapper {
	width:100%;
	height:auto;
	margin:0px auto;
	text-align:center;
	background: url(../zero-northwest-2010/images/zero-nw-2010-bkgrnd.jpg) repeat-x top center;
	background-color: #000;
}

div.summerTourHolder {
	width:600px;
	height:auto;
	margin:0px auto;
	text-align:center;
	background-color: #000;
}

div.imageBlockNW {
	width: 550px;
	height:auto;
	margin:0px auto 15px auto;
	text-align: left;
	text-transform: uppercase;
	position: relative;
}

h1.titleNW {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	text-align: center;
	margin: 10px auto 10px;
	padding: 0px;
	color: #448800;
}

div.imageBlockNW img {
	padding-bottom: 0px;
	display: block;
	margin: 0px;
	border: 0px;
}

div.imageBlockNW p {
	margin: 4px 0 0 0;
	border: 0px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 14px;
	color: #448800;
}

div.imageBlockNW h5 {
	margin: 0px 0 0 0;
	padding: 0px;
	border: 0px;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 12px;
	color: #F5FD38;
}

div.imageBlockNW div {
	padding-bottom: 3px;
	margin: 0px;
	border: 0px;
}

/* NORTHWEST TRIP - PHOTO BLOG - END*/

h1.title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	text-align: center;
	margin: 10px auto 15px;
	padding: 0px;
	color: #cc9933;
}

div.navBlock {
	text-align: center;
	margin: 0 15px;
}

div.navBlock ul {
	margin: 0px auto 10px;
	padding: 0px;
}

div.navBlock ul li {
	display: inline;
	margin-right: 10px;
	margin-left: 20px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #cc9933;
}

div.navBlock ul li a{
	color: #999;
}

div.navBlock ul li a:hover{
	color: #666;
}

div.navBlock.selected {
	font-family: Verdana;
	font-size: 12pt;
	color: red;
} 


hr.summerTour {
	color: #999000;
	width: auto;
	margin: 0 15px 20px 15px;
	width: 565px;
}

hr.northwestTour {
	color: #68B200;
	width: auto;
	margin: 0 15px 20px 15px;
	width: 565px;
}

div.lineBottom {
	margin-bottom: 10px;
} 

div.line{
	margin-bottom: 10px;
} 

div.lineTop{
	margin-bottom: 15px;
} 

#footer-nav {
	background-color: #000;
	width:100%;
	margin:10px auto;
	padding:0px;
	text-align: center;
}


/* multi level tour navigation */

div.navBlock2Row {
	text-align: center;
	margin: 0 15px;
}

div.navBlock2Row ul.row {
	margin: 5px auto 10px auto;
	padding: 0px;
}

div.navBlock2Row ul.row1 {
	margin: 5px auto 0px auto;
	padding: 0px;
}

div.navBlock2Row ul.row2 {
	margin: 0px auto 10px auto;
	padding: 0px;
}

div.navBlock2Row ul li {
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #cc9933;
}

div.navBlock2Row ul li a{
	color: #999;
}

div.navBlock2Row ul li a:hover{
	color: #666;
}

div.navBlock2Row.selected {
	font-family: Verdana;
	font-size: 12pt;
	color: red;
} 

div.bbLinks {
	text-align:center;
	margin: 10px auto 10px 0;
}

/*NEW TEAM INDEX */
#team_wrapper {
	background-color:#000000;
	height:100%;
	margin:0 auto;
	width:987px;
}


#teamindex2 {
	height:100%;
	margin:0 auto 100px auto;
	padding:0;
	position:relative;
	top:95px;
	width:930px;
	text-align:center;
}


#leftCol {
	float: left;
	width: 294px;
	margin:0 10px 0 0;
	text-align:center;
}

#middleCol { 
	float: left;
	width: 300px;
	margin:0 10px 0 10px;
	text-align:center;
}

#rightCol {
	float: right;
	width: 294px;
	margin:0 0 0 12px;
	text-align:center;
}

.teamRiderBlock {
	margin-bottom:10px;
}

.teamRiderBlockBottom {
	margin-bottom:30px;
}