* { padding: 0; margin: 0; }

body {
 background-image: url(../images/stripe.png);
 background-repeat: repeat;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 padding-top:20px
}
#header {
	border-top-color: white;
	border-right-color: white;
	border-left-color: white;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	width: 920px;
	float: left;
	height:122px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}
#navigation {
	border-right-color: white;
	border-left-color: white;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
	float: left;
	width: 800px;
	color: #000;
	font-size: 12px;
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#navleft{ 
float:left;
width:700px;
padding-top: 5px;
}
#navright{
	float:right;
	width:92px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 7px;
 }
#leftcolumn {
	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
	color: #333;
	margin: 0px;
	height: 374px;
	width: 580px;
	float: left;
	background: #000;
	padding: 5px;
}

#orange { 
 color: #333;

 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 360px;
 width: 900px;
 float: left;
 background: #F48801;
}

#orange a { 

text-decoration:none;
color:#fff;
}
div#wn	{ 
	position:relative;
	width:560px; height:350px; 
	overflow:hidden;	
	}


#leftcolumn2 { 
 color: #333;

 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 540px;
 float: left;
 background: #fff;

}
#leftcolumnnav { 
padding-left:20px;
padding-top:5px;
 height: 360px;
 width: 20px;
 float: left;


}




#rightcolumn {
	background-image: url(../images/TVBox.jpg);
	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-width: 1px;
	border-right-style: solid;
	float: right;
	color: #333;
	height: 360px;
	width: 309px;
	display: inline;
	float:left;
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #000000;
	background-repeat: no-repeat;
	padding-top: 14px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 13px;
}


#righttraining{

	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-width: 1px;
	border-right-style: solid;
	float: right;
	color: #333;
	height: 384px;
	width: 329px;
	display: inline;
	float:left;
	background:#000000;
margin-bottom: 15px;


}


#matessection{
	background-image: url(../images/mates.jpg);
	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
	color: #333;
	margin: 0px;
	height: 374px;
	width: 910px;
	float: left;
	background-repeat:no-repeat;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;	
	margin-bottom: 15px;
}

#newssection{
	
	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
	color: #333;
	margin: 0px;
	height: 374px;
	width: 920px;
	float: left;
	background-repeat:no-repeat;

	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;	
	margin-bottom: 15px;
	overflow-x: hidden;
overflow-y: scroll;
}


#shopscreen{
background-image: url(../images/frame.jpg);
	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-width: 1px;
	border-right-style: solid;
	float: right;
	color: #333;
	height: 360px;
	width: 307px;
	display: inline;
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #000000;
	background-repeat: no-repeat;
	padding-top: 14px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#rightcolumn li{

	list-style-position: inside;
	list-style-type: disc;
}

#rightcolumn a { 

text-decoration:none;
color:#990000;
}


#rightcolumn2 { 
 float: right;
 color: #fff;

 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 360px;
 width: 300px;
 display: inline;
 background: #000;
}


#footer { 
 margin-left: 0px; 
 margin-bottom: 10px; 
 margin-right: 0px; 
 margin-top: 10px; 
 width: 900px;
 clear: both;
 color: white;
 padding: 10px;
 text-decoration: none;

}
#marquee { 
padding-left:100px; 
 width: 822px;
 height: 25px;
 clear: both;
 color:yellow;
 background-color: black;
 font-size: 13px;
background-image: url(../images/news.gif);
background-repeat: no-repeat;
padding-top: 14px



}

.up{padding-bottom: 30px;}

h1 {
	font-size: 16px;
}





ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-size: 14px;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 12px;
}

#navlist a:link, #navlist a:visited
{
	color: #fff;
	background-color: #000000;
	text-decoration: none;
}

#navlist a:hover
{
	color: #000000;
	background-color: #C1F900;
	text-decoration: none;
}



#home #navigation #navlist #nav-home a, 
#about #navlist #nav-about a, 
#team #navlist #nav-team a, 
#solo #navlist #nav-solo a, 
#freestyle #navlist #nav-freestyle a, 
#mates #navlist #nav-mates a, 
#news #navlist #nav-news a, 
#shop #navlist #nav-shop a{
		color: #000000;
	background-color: #C1F900;
	text-decoration: none;
}

#home #navlist #nav-home  a:hover, 
#about #navlist #nav-about  a:hover, 
#team #navlist #nav-team  a:hover, 
#solo #navlist #nav-solo  a:hover, 
#freestyle #navlist #nav-freestyle  a:hover, 
#mates #navlist #nav-mates  a:hover, 
#news #navlist #nav-news  a:hover, 
#shop #navlist #nav-shop  a:hover, 
 {
	color: #fff;
	background-color: #000000;
	text-decoration: none;
}


#navleft a
{
	display: block;
	width: 90px;
	height:27px;
	text-decoration: none;
	color:#FFFFFF;
	background-image: url(../images/grey_button.jpg);
	background-repeat: no-repeat;
	padding-top:5px;
	text-align:center;
	padding-right:5px;
	float:left;
}

#navleft a:hover
{
	display: block;
	width: 90px;
	height:27px;
	text-decoration: none;
	color:#FFFFFF;
	background-image: url(../images/orange_button.jpg);
	background-repeat: no-repeat;
	padding-top:5px;
	text-align:center;
	padding-right:5px;
	float:left;
}



#navleft .selected
{
	display: block;
	width: 90px;
	height:27px;
	text-decoration: none;
	color:#FFFFFF;
	background-image: url(../images/orange_button.jpg);
	background-repeat: no-repeat;
	padding-top:5px;
	text-align:center;
	padding-right:5px;
	float:left;
}

#rightcolumn li, #rightcolumn2 li
{
	list-style-image: none;
	list-style-type: none;	
}

#videosleft{
	height:30px;
	width:50px;
	padding-right: 20px;
	float:left;
	padding-bottom:10px;
}

#videosright{
	height:20px;
	width:230px;
	float:right;
	margin-top:10px;
	padding-bottom:10px;
}


#videoscreen{
	height:226px;
	
}


#footer a
{
	text-decoration: none;
	color: white;
}

#footer a:hover
{
	text-decoration: none;
	color: #99FF00;	
}


.white
{
	
	text-decoration: none;
	color:#fff;
	
}

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:360px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#F48801;
	}
	
	#loading{  
    text-align: center;  
     visibility: hidden;  
 }
 
 a {
   outline: none;
}

a:hover, a:active, a:focus {
    // styling for any way a link is about to be used
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
	padding-top:5px;}

#sddm li a
{	display: block;
	width: 90px;
	height:27px;
	text-decoration: none;
	color:#FFFFFF;
	background-image: url(../images/grey_button.jpg);
	background-repeat: no-repeat;
	padding-top:5px;
	text-align:center;
	padding-right:5px;

	}

#sddm li a:hover
{	display: block;
	width: 90px;
	height:27px;
	text-decoration: none;
	color:#FFFFFF;
	background-image: url(../images/orange_button.jpg);
	background-repeat: no-repeat;
	padding-top:5px;
	text-align:center;
	padding-right:5px;


}

#sddm li a.selected
{	display: block;
	width: 90px;
	height:27px;
	text-decoration: none;
	color:#FFFFFF;
	background-image: url(../images/orange_button.jpg);
	background-repeat: no-repeat;
	padding-top:5px;
	text-align:center;
	padding-right:5px;


}

#ticker a{
color:#FFCC00;
text-decoration:none;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #000;
		z-index:900;}

	#sddm div a
	{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #000;
	font: 11px arial;
	width:106px;
}

	#sddm div a:hover
	{ background: #F48801;
		color: #FFF;
		width:106px;
			text-align: left;}