*{ margin: 0; padding: 0; }* 
body { font: .8em Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: url(./img/bg10.gif) top left repeat-x #333; color: #eee; }
a {	color: #ffdd00;	background: inherit; text-decoration: none; }
a:active { outline: none; }
a:hover { color: #fff; background: inherit; text-decoration: underline; }
a:focus { -moz-outline-style: none; }
p { margin: 0 0 0px 0; }
h1 { font: normal .9em Arial, "Trebuchet MS", Tahoma, sans-serif; color: #fff; }

h3 { font: bold 1.2em Arial, "Trebuchet MS", Tahoma, sans-serif; color: #666; }
h4 { font: normal 1.5em Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0 0 0px; padding: 0 0 0px; color: #333; border-top: 1px solid #999; }
h5 { font: normal 1.7em Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #EB0000; text-decoration: none;}
h6 { font: normal 1.5em Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0px; padding: 0px; color: #ddd; letter-spacing: -.5px;  }
h7 { font: normal .8em Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0px; padding: 0px; color: #ddd; }
img { border: 0; }
hr {  border: 0; width: 100%; color: #ccc; background-color: #ccc; height: 1px; }
#content { width: 950px; margin: 0px auto;}


#main_nav { list-style: none; margin: 0; padding: 0; }
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 54px; } 



#main_nav:hover li a#knowit { background-position: -366px; }
#main_nav:hover li a#seeit { background-position: -296px; }
#main_nav:hover li a#feelit { background-position: -308px; }
#main_nav:hover li a#sportit { background-position: -354px; }
#main_nav:hover li a#liveit { background-position: -290px; }
#main_nav:hover li a#sayit { background-position: -286px; }

#knowit { background: url(./img/knowit.png); width: 183px; }
#knowit:hover { background: url(./img/knowit.png) 0 0 !important; }
#knowit.active { background: url(./img/knowit.png) -183px 0; }

#seeit { background: url(./img/seeit.png); width: 148px; }
#seeit:hover { background: url(./img/seeit.png) 0 0 !important; }
#seeit.active { background: url(./img/seeit.png) -148px 0; }

#feelit { background: url(./img/feelit.png); width: 154px; }
#feelit:hover { background: url(./img/feelit.png) 0 0 !important; }
#feelit.active { background: url(./img/feelit.png) -154px 0; }

#sportit { background: url(./img/sportit.png); width: 177px; }
#sportit:hover { background: url(./img/sportit.png) 0 0 !important; }
#sportit.active { background: url(./img/sportit.png) -177px 0; }

#liveit { background: url(./img/liveit.png); width: 145px; }
#liveit:hover { background: url(./img/liveit.png) 0 0 !important; }
#liveit.active { background: url(./img/liveit.png) -145px 0; }

#sayit { background: url(./img/sayit.png); width: 143px; }
#sayit:hover { background: url(./img/sayit.png) 0 0 !important; }
#sayit.active { background: url(./img/sayit.png) -143px 0; }

#top { margin: 0px; clear: left; width: 950px; height: 3px; float: left; }
#topvid { margin: 0px; clear: left; float: left; width: 700px; height: 156px;}
#top_knowit { margin: 0 0 10px; clear: left; width: 950px; height: 350px; float: left; background: url(./img/bg_knowit.png) top right no-repeat #444; padding-top:1px;  }
#top_knowit2 { margin: 0 0 5px; clear: left; width: 950px; height: 196px; float: left; background: url(./HR.png) bottom left no-repeat; padding-top:0px;  }
#top_knowit img { filter:alpha(opacity=20); -moz-opacity:0.2;	-khtml-opacity: 0.2; opacity: 0.2; }
#top_knowit img:hover { filter:alpha(opacity=90); -moz-opacity:0.9;	-khtml-opacity: 0.9; opacity: 0.9; }
#knowit_td img { filter:alpha(opacity=40); -moz-opacity:0.4;	-khtml-opacity: 0.4; opacity: 0.4; }
#knowit_td img:hover { filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1; }
#top_seeit { margin: 0 0 10px; clear: left; width: 950px; height: 501px; float: left; background: url(./img/bg_knowit.png) top right no-repeat #444; padding-top:1px; padding-right:1px;}
#top_liveit { margin: 0 0 10px; clear: left; width: 950px; height: 450px; float: left; background-color: #000; }
#top_sportit { margin: 0px; clear: left; width: 950px; height: 230px; float: left; background: url(./img/bg_sportit.png) top right no-repeat #000; }
#top_feelit { margin: 0 0 10px; clear: left; width: 950px; height: 350px; float: left; background: url(./img/bg_feelit.png); }
#middle { position: relative; margin: 0 0 10px; clear: left; width: 950px; height: 600px; float: left; background: url(./img/bg_news.png) #222;}
#middle_right { margin: 0px;  width: 500px; height: 500px; float: left; background-color: #222; }
#middle_left { margin: 0px;  width: 450px; height: 500px; float: left; background-color: #222; }
#middle_feelit { padding-top:0px; margin: 0 0 10px; clear: left; width: 950px;  float: left;}
#middle_feelit_right {   padding-top:0px; margin-left: 1px; width: 350px;  float: left; height: 340px; background-color: #111;}
#middle_feelit_left {  padding-top:0px;margin: 0px; width: 599px;  float: left; height: 340px; background-color: #111;}


#middle_feelit_acc { clear: left; width: 930px;  float: right; height: 250px; background-color: #000;}
#middle_sportit { margin: 0 0 10px; clear: left; width: 950px;  float: left; height: 300px; background-color: #000;}
#sportit_off { margin: 0px auto; width: 930px; height: 270px; background: url(./img/bg_sportitriders_off.png) #222;}
#sportit_in { margin: 0px auto; width: 930px; height: 270px; background: url(./img/bg_sportitriders_in.png) #444;}
#sportit_in img {border-left: 1px solid #ccc; border-bottom: 1px solid #999; }
#top_sayit { margin-bottom: 1px; clear: left; width: 950px; height: 310px; float: left;  }
#top_sayit_right { margin-left: 1px;   width: 599px; height: 310px; float: left;  background: url(./img/bg_topsayinit.png) top right no-repeat #333; }
#top_sayit_left { margin: 0px;  width: 350px; height: 310px; float: left;background-color: #333; }

#footer { margin: 0 0 0px; clear: left; width: 950px; height: 220px; float: left; }

#menu { margin: 0 0 5px; clear: left; width: 950px; height: 54px; float: left; background-color: #fff;}
#bottom { margin: 0px; clear: left; width: 950px; height: 60px; float: left; background: url(./img/bottom.png); padding-top:12px; filter:alpha(opacity=70); -moz-opacity:0.7;	-khtml-opacity: 0.7; opacity: 0.7;  }

#bgriders { width: 120px; height: 20px; background: url(./img/bg_sportitriders.png) #444; filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6; }
#bgriders a {text-decoration: none; color: #eee; background:none; }
#bgriders_pro { width: 120px; height: 20px; background: url(./img/bg_sportitriders_pro.png) #444; filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6; }
#bgriders_pro a {text-decoration: none; color: #eee; background:none; }

#bgriders:hover { filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1; }
#bgriders.active { filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1; }
#bgriders_pro:hover { filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1; }
#bgriders_pro.active { filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1; }

#footer_left {margin: 0 0 0px; width: 300px; height: 220px; float: left; background: url(./img/bg_contact.png) top right no-repeat #222; }
#footer_right {margin-left: 1px; width: 649px; height: 220px; float: left; background: url(./img/map_dist.png) top right no-repeat #222; line-height: .7em;}
#footer_right p {padding:15px 0 0 30px; vertical-align: center;}
#footer_left p {padding:140px 0 0 30px; vertical-align: center; }

.box { padding: 10px; }
.box_news { float: left; padding: 10px 0px 0px 0px; width: 670px; position: relative;}
.box_side {  float: left; padding: 20px 0px 5px 10px; width: 270px;}
.box_side img { border: 1; border: 1px solid #888; }
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 15px; }
.box li a { padding: 0 5px; }
.box_email { padding: 10px 40px;}


.inptblack {
  font-family: Arial, "Trebuchet MS", Tahoma, sans-serif;
  font-size: 12px;
  color: #333333;
  background: #ccc;
  border-width: 3px;
  border-style: solid;
  border-color: #333;
  padding: 2px;
   width: 260px;
}
.submit {
  font-family: Arial, "Trebuchet MS", Tahoma, sans-serif;
  font-size: 13px;
  color: #ccc;
  	text-decoration: none;
  		padding: 3px 30px 5px;
  		border: 1px dotted #777;
  }
  .submit:hover {
  color: #fff;
	  		border: 1px solid #ffdd00;
	  	text-decoration: none;
}


#blog {
height: 580px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 10px 0px 10px;
-moz-outline-style: none;
outline: none;
}

#sideblog {
height: 570px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 0px 0px 0px;
-moz-outline-style: none;
outline: none;
}
#panelscroll {
height: 280px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 40px 0px 20px;
-moz-outline-style: none;
outline: none;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 15px;
background: url(./img/scroll.png);
}

.vscrollerbar {
width: 15px;
background: url(./img/scroll2.png) center center no-repeat;

}

.hscrollerbase {
height: 15px;
background-color: gray;
}

.hscrollerbar {
height: 15px;
background-color: #ffdd00;
}

.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}