#pro-content {
width: 1050px;
}


.riders-box li {
float: left;
display: block;
width: 202px;
height: 175px;
margin-bottom: 15px;
margin-right: 10px;
list-style: none;
overflow: hidden;
}

.riders-box li a{
float: left;
display: block;
width: 202px;
height: 175px;
margin-bottom: 15px;
margin-right: 10px;
list-style: none;
background-position: 0px -0px;
background-repeat: no-repeat;
z-index: 99999;
}

.riders-box li a:hover{
background-position: 0px -175px;
z-index: 99999;
}

.gretchen {
width: 202px;
height: 175px;
background-image: url(images/prorider-gretchen.png);
}

.hannah {
width: 202px;
height: 175px;
background-image: url(images/prorider-hannah.png);
}

.lindsey {
width: 202px;
height: 175px;
background-image: url(images/prorider-lindsey.png);
}

.nate {
width: 202px;
height: 175px;
background-image: url(images/prorider-nate.png);
}

.seth {
width: 202px;
height: 175px;
background-image: url(images/prorider-seth.png);
}


/*************** MEDIA TABS **********************/

.media-tabs{
float: right;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 0px;
}

.media-tabs li{
display: inline;
float: right;
height: 46px;
width: 57px;
list-style-type: none;
}

.media-tabs li a{
float: inherit;
text-decoration: none;
border: none;
}

.media-tabs li a:hover{
float: inherit;
background: url(images/media-tab-bg.png) no-repeat;
}

.media-tabs li a.selected{
float: inherit;
background: url(images/media-tab-bg.png) no-repeat;
}




#media-sidebar-content {
display: block;
float: left;
width: 280px; 
height: 622px; 
margin: 0px 10px 0px 10px;
padding: 0px 10px 10px 10px;
}



.media-sidebar-link li {
float: left;
display: block;
height: 170px;
width: 280px;
padding-bottom: 5px;
margin-left: -40px;
border-bottom: dotted thin #ffffff;
list-style: none;
}

.media-sidebar-link li a {
float: left;
text-decoration: none;
border-bottom: dotted thin #ffffff;
}

.media-sidebar-link li a:hover {
float: left;
text-decoration: none;
background: url(images/screen-hover-bg.png) no-repeat;
border-bottom: dotted thin #ffffff;
}

.media-sidebar-link li a:selected {
float: left;
text-decoration: none;
background: url(images/screen-hover-bg.png) no-repeat;
border-bottom: dotted thin #ffffff;
}



.media-arrow-top {
float: left;
height: 40px;
width: 280px;
border-bottom: dotted thin #ffffff;
margin: 0px;
}

.media-arrow-top a {
float: left;
text-decoration: none;
}

.media-arrow-top a:hover {
float: left;
text-decoration: none;
background: url(images/media-arrow-hover.png) no-repeat;
}


.media-arrow-bottom {
float: left;
height: 40px;
width: 280px;
}

.media-arrow-bottom a {
float: left;
text-decoration: none;
}

.media-arrow-bottom a:hover {
float: left;
background: url(images/media-arrow-hover.png) no-repeat;
text-decoration: none;
border-bottom: none;
}