@charset "UTF-8";
/* CSS Document */

.media
{
margin-top:20px;
}

.media a
{
padding:0px;
margin:0px;
}
.nav-bar
{
background-image: url(../img/title-mutlimedia.jpg);
width:275px;
height:42px;
display:block;
}



img#arrow-left
{

width:23px;
height:23px;
display:block;
float:left;
margin: 7px 0 0px 10px;
}

a:hover#arrow-left
{
background-image: url(../img/arrow-left_on.gif);
width:23px;
height:23px;
display:block;
cursor:pointer;
}

div.pane {
	margin: 0px 0 0 0px;
	width: 275px;
	overflow:hidden;
	position:relative;
	padding:0px;
	float:left;
	position:relative;
	
	z-index:1;
	
	
}

div.pane ul {
	margin:0 0 12px 0;
	padding:0px;
	list-style: none;
	width: 15000px;
	height: 100%;
	
}
div.pane ul li {
	
	width: 135px;
	float:left;
	margin: 0px 5px 0px 0px;
	padding:0px;
	background:#EFEFEF;
	
}



div.pane ul li img
{
width:135px;
height:135px;
overflow:hidden;
}



div.pane .category
{
font-size:9px;
text-transform:uppercase;
color:#666666;
line-height:9px;
margin:5px 0 5px 5px;
}


div.pane .title a
{
margin:5px 0 10px 5px;
font-weight:normal;
font-size:12px;
}



img#arrow-right
{
width:23px;
height:23px;
display:block;
float:right;
margin: 7px 10px 0 0;
cursor:pointer;
}

a:hover#arrow-right
{
background-image: url(../img/arrow-right_on.gif);
width:23px;
height:23px;
display:block;

}


div.pane ul li p
{
color:#424242;
line-height:18px;

}

div.pane ul li p.staff
{
font-size:11px;
line-height:14px;
}