/* CSS Document */



html {
height: 100%;
}



body {
background-color:  #000000;
background-image: url(images/layout/bgnd.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 0px;
}


td{
text-align: center;
}	




/*/////////////////////////////////TEXT STYLES//////////////////////////*/

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}


a {
color: #CCCCCC;
}

a:link {
text-decoration: underline;
}



a:visited {
text-decoration: underline;
color: #999999;
}


a:hover {
text-decoration: none;
color: #FFFFFF;
}

a:active {
text-decoration: underline;
color: #CCCCCC;
}




h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}




/*//////////////DIV STYLES///////////////////////*/


#flash{
z-index: 7; 
position: absolute; 
left: 11px;
}

	



#words{
	width: 595px;
	padding-left: 25px;
	z-index: 5;
	width:305px;
	position: absolute;
	top: 6px;
	left: 141px;
	height: 41px;
	}



#splash2{
	z-index: 4;
	width:304px;
	position: absolute;
	top: -24px;
	left: 315px;
	height: 308px;
	}





#splash{
	z-index: 4;
	width:304px;
	position: absolute;
	top: -28px;
	left: 315px;
	height: 308px;
	}

	



#newsletter{
z-index: 12;
width:208px;
position: absolute;
left: 446px;
height: 22px;
padding: 0px;
top: 0px;
}

#newsletter2{
z-index: 12;
width:308px;
position: absolute;
left: 450px;
height: 22px;
padding: 0px;
top: 16px;
}


#nav{
vertical-align: top;
background-image: url(images/layout/nav-mn.png);
background-repeat: no-repeat;
z-index: 1;
width:208px;
position: absolute;
top: 223px;
left: 90px;
height: 291px;
}

#mainnav{

vertical-align: top;
z-index: 10;
width:208px;
position: absolute;
top: 223px;
left: 90px;
height: 291px;
	}


#splashImage{
	height: auto;
	vertical-align: text-top;
	padding-left: 2px;
	padding-right: 2px;
	}	




#titleImage{
	height: auto;
	vertical-align: text-top;
	padding-left: 0px;
	padding-right: 0px;
	}	


#mainContent{
	height: auto;
	vertical-align: text-top;
	padding-left: 0px;
	padding-right: 0px;
	}	


#mid{
	vertical-align: text-top;
	height: auto;
	width: 595px;
	}	



#header{
	background-color: #4F3500;
	vertical-align: top;
	height: 47px;
	width: 595px;
	}


#grey{
	background-image:url(images/layout/cont-bgnd.jpg);
	background-repeat:repeat-y;
	z-index: 3; 
	width:602px; 
	position: relative; 
	top: 44px; 
	left: 294px;
	bottom: -10px;
	height: 110%;
	margin-bottom: 0px;
	padding: 0px;
	}

#topspace{
	position: relative;
	padding-top: 130px;
	text-align: left;
	width: 440px;
	left: 145px;
	z-index: 1000;
	}

#bottomspace{
	position: relative;
	text-align: center;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	}		


#pierce-pdf{
	z-index: 8;
	text-align: left;
	position: absolute;
	background:url(images/layout/download-box.png);
	background-repeat:no-repeat;
	left: 4px;
	top: 408px;
	width: 201px;
	height: 156px;
	padding: 0px;
	}

#xsiv-board{
	z-index: 8;
	text-align: left;
	vertical-align: top;
	position: absolute;
	left: -133px;
	top: 319px;
	width: 562px;
	height: 156px;
	padding: 0px;
	}


#wake-board{
	z-index: 100;
	position: absolute;
	left: -96px;
	top: 1336px;
	}
	
#snow-board{
	z-index: 100;
	position: absolute;
	left: 417px;
	top: 1604px;
	}	


/*//////////////MARK PAGES NAVIGATION///////////////////////*/

#mark-home{
	z-index: 50;
	position: absolute;
	left: -338px;
	top: 217px;
	}
	

#mark-boarding{
	z-index: 50;
	position: absolute;
	left: -340px;
	top: 238px;
	}

#mark-motox{
	z-index: 50;
	position: absolute;
	left: -341px;
	top: 258px;
	}
	
#mark-footwear{
	z-index: 50;
	position: absolute;
	left: -340px;
	top: 282px;
	}	

#mark-piercing{
	z-index: 50;
	position: absolute;
	left: -340px;
	top: 301px;
	}	
	

#mark-contact{
	z-index: 50;
	position: absolute;
	left: -338px;
	top: 324px;
	}

#mark-news{
	z-index: 50;
	position: absolute;
	left: -220px;
	top: 179px;
	}







/*//////////////NEWS STYLES///////////////////////*/

#news{
	position: relative;
	left: -130px;
	padding: 0px;
	width: 575px;
	color: #CCCCCC;
	}

	

#newstop{
	position: relative;
	background-image: url(images/layout/news/top-news.png);
	background-repeat:no-repeat;
	background-position:top;
	height: 199px;
	padding: 0px;
	top: 0px;
	margin: 0px;
	}
#newstop2{
	position: relative;
	background-image: url(images/layout/news/top-news2.png);
	background-repeat:no-repeat;
	background-position:top;
	height: 113px;
	padding: 0px;
	top: 0px;
	margin: 0px;
	}
	

#newsmid{
	position: relative;
	top: -20px;
	background-image: url(images/layout/news/mid-news.png);
	background-repeat:repeat-y;
	padding: 0px 20px 5px 20px;
	text-align: center;
	}

	

#newsbottom{
	position: relative;
	background-image: url(images/layout/news/bottom-news.png);
	background-repeat:no-repeat;
	height: 45px;
	top: -25px;
	padding: 0px;
	}				


#posts{
	z-index: 50;
	position: absolute;
	left: 195px;
	top: 319px;
	width: 233px;
	height: 119px;
	font-style:normal;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#CCCCCC;

	}


#posts-news{
	z-index: 50;
	position: absolute;
	left: 195px;
	top: 12px;
	width: 233px;
	height: 119px;
	font-style:normal;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#CCCCCC;

	}
	
	#recent-posts{
	position: absolute;
	background-image: url(images/layout/news/posts.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height: 179px;
	width: 257px;
	padding: 0px;
	top: -94px;
	margin: 0px;
	left: 207px;
	z-index: 3;
	}
	
	
	#post-here{
	position: absolute;
	background-repeat:no-repeat;
	background-position:top;
	height: 141px;
	overflow: auto;
	width: 226px;
	padding: 0px;
	top: 26px;
	margin: 0px;
	left: 11px;
	z-index: 3;
	}