@charset utf-8;

.grid_4 {
display:inline;
float:left;
margin-left:8px;
margin-right:8px;
}

#portfolio {
}

.hoverBlock .grid_4 {
margin-bottom:20px;
position:relative;
width:387px!important;
height:203px;
border:5px solid #ccc;
overflow:hidden;
}

#portfolio img.portfolio-image {
position:absolute;
top:0;
left:0;
display:block;
margin:0;
}

#portfolio .portfolio-info {
height:203px;
width:373px;
background:#ddd url(../graphics/portfolio_hover_bg.gif) repeat-x top;
padding:12px 15px;
}

#slider {
width:800px;
position:relative;
margin:0 auto;
}

.scroll {
height:250px;
width:800px;
overflow:auto;
overflow-x:hidden;
position:relative;
clear:left;
}

.scrollContainer div.panel {
height:212px;
width:760px;
background:#7f2347;
padding:20px;
}

div.panel img {
border:5px solid #fff;
}

#content_sub .scrollContainer div.panel p,#content_sub .scrollContainer div.panel h2 {
color:#fff;
}

#content_sub .scrollContainer div.panel h2 {
font-size:24px;
}

ul.navigation {
list-style:none;
text-align:center;
margin:0;
padding:5px 0;
}

ul.navigation li {
display:inline;
margin-right:10px;
height:25px;
padding:10px 0;
}

ul.navigation a {
color:#000;
text-decoration:none;
font-size:18px;
line-height:23px;
padding:10px;
}

ul.navigation a.selected {
color:#fff !important;
background:#7f2347;
}

ul.navigation a:focus {
outline:none;
}

.scrollButtons {
position:absolute;
top:150px;
cursor:pointer;
}

.scrollButtons.left {
left:-20px;
}

.scrollButtons.right {
right:-20px;
}

.hide {
display:none;
}