body {
	padding: 0;
	margin: 0;
	/*background: url(images/mainbg.jpg) repeat-x top left #d9d8d8;*/
	background: #FFFFFF;
	font: 14px Tahoma, Geneva, sans-serif;
	color: #373737;
	
}

a img {
	border: 0;
}

#twitter-bar{
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#111));
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px 0px;
	width:100%;height:100%;background:#111;	
}
#twitter{
	margin-top: 20px;padding: 10px;padding-left: 140px;
	background: url(images/twitter_logo.png) no-repeat center left ;
	
	
}
#phone {
	font-size:22px; color:#000; font-weight:bold;width: 150px;float: left;padding-left: 0px;
}
#quote{
	width: 150px;float: left;padding-right: 10px;
}
#social{
	float: right;
}



.wrapper {
	width: 950px;
	text-align: left;
	clear: both;
}

.logowrap {
	float: left;
}

.menuwrap {
	float: right;
	height: 100px;
}

#vimeo {
	margin-right: 25px;float: left;margin-top:30px;display:block;overflow:hidden;width:300px;
}
#vimeos {
	
	width:950px;
}

.last {
	margin-right: 0px;
}

/*.menuwrap a {
	display: block;
	color: #373737;
	font-weight: bold;
	font-size: 16px;
	padding: 0 5px;
	border-right: 1px solid #373737;
	padding-top: 20px;
	text-decoration: none;
	float: left;
}

.menuwrap a:hover {
	color: #0078ff;	
	text-decoration: none;
}*/

.content {
	padding-top: 10px;	
}

.maindesctop {
	display: block;
	width: 950px;
	height: 20px;
	margin-top: 10px;
	background: url(images/hptop.png) no-repeat top left;
	clear: both;
}

.maindesc {
	width: 810px;
	padding: 0 10px 15px 130px;;
	background: url(images/hpdesc.png) no-repeat top left #0276ff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
}

.maindescbottom {
	position: relative;
	display: block;
	width: 950px;
	height: 20px;
	background: url(images/hpbottom.png) no-repeat top left;
	padding-bottom: 22px;
	clear: both;
	
}

.mainimage {
	position: absolute;
	left: 10px;
	bottom: 22px;;
}

.mainsports {
	position: absolute;
	right: 20px;
	bottom: 0;
}

.videoswrap {
	width: 950px;
	clear: both;
}

.videoswrap .left {
	width: 250px;
	margin-right: 100px;
	float: left;
}

.videoswrap .mid {
	width: 250px;
	margin-right: 100px;
	float: left;
}

.videoswrap .right {
	width: 250px;
	float: left;
}

.video a {
	display: block;
	width: 230px;
	height: 230px;
	padding: 9px;
	border: 1px solid #d0d0d0;
	background: #c0c0c0;
	margin-bottom: 20px;
}

.video a:hover {
	background: #4fa2ff;
}

.footer {
	width: 950px;
	margin-top: 10px;
	border-top: 1px solid #373737;
	padding-top: 5px;
	clear: both;
}

.footermenu {
	float: left;	
}

.footercopyright {
	float: right;	
}



/*  
    awesome buttons are based on a blog post by ZERB
    Read there blog post for more information:
    "Super awesome Buttons with CSS3 and RGBA":http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba 
    
    this buttons are even more awesome, as the need only one color for all three states,
    and have an super awesome onclick state
*/

/* set an awesome color for the buttons, feel free to add new colors like an .awesome.green or .awesome.secondary */
.awesome.red {
  background-color: #ff0000 !important;
  color: #fff !important;
}

/* the awesome size gets set here. Feel Free to add new sizes, like .awesome.small or .small.large   */
.awesome        { padding: 5px 10px 6px 10px !important; font-size: 13px !important; float:right;}
.awesome.large {
	font-size: 14px !important;
	padding: 8px 14px 9px !important;
	
}
.awesome:active	{ padding: 6px 10px 5px !important; }
.awesome.large:active {
	font-size: 14px !important;
	padding: 8px 14px 9px !important;
}


/* Touch the rest at your onw risk. */
.awesome { 
  border: 0 !important; 
  cursor: pointer !important; 
  font-style: normal !important; 
  font-weight: bold !important; 
  font: inherit !important;
  line-height: 1 !important; 
  position: relative !important; 
  text-align: cente !important;
  text-decoration: none !important; 
  
  /* vertical margin is the oposite of button's awesomeness */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  
  /* not all browser support these, but who cares? */
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25) !important; 
  
          border-radius: 5px !important; 
     -moz-border-radius: 5px !important; 
  -webkit-border-radius: 5px !important; 
          box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; 
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; 
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
  
  /* who needs images these days? */
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(150,150,150,.2), rgba(0,0,0,.0)) !important;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.2)), color-stop(0.5, rgba(150,150,150,.2)), to(rgba(0,0,0,.0))) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#10000000) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2);
  
  /* cross browser inline block hack 
     see http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle !important;
  *display: inline !important;
  position: relative;
  /* IE luv */
  zoom: 1;
  
  /*disable text selection (Firefox only)*/
  -moz-user-select: none;
}
/* hide selection background color */
.awesome::selection {
	background: transparent;
}

.awesome {
  outline: 0; /*remove dotted line, works for links only*/
}
.awesome::-moz-focus-inner {
  border: none; /* remove dotted lines for buttons */
}
.awesome:focus,
.awesome:hover {
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(150,150,150,.3), rgba(0,0,0,.0)) !important;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)), color-stop(0.5, rgba(150,150,150,.3)), to(rgba(0,0,0,.0))) !important;
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff,endColorstr=#20000000) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2);
}
.awesome:active	{ 
  background-image: -moz-linear-gradient(top, rgba(0,0,0,.2), rgba(150,150,150,.2), rgba(255,255,255,.2)) !important;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.2)), color-stop(0.5, rgba(150,150,150,.2)), to(rgba(255,255,255,.2))) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#50ffffff) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=315,strength=1);
        
          box-shadow: inset 0 1px 2px rgba(0,0,0,0.7) !important;
     -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7) !important; 
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7) !important;
}

/* Safari doesn't support inset box shadow, so we better remove it */
@media screen and (-webkit-min-device-pixel-ratio:0){
  .awesome:active	{ 
    -webkit-box-shadow: none;
  }
}

#RSSPumpContent{
	
	padding: 10px;
	
}




.content .aboutwrap h2 {text-align: left;}