#portfolioWrap {
height:300px;
margin:0 0 0px;
overflow:hidden;
width:100%;
}

#portfolio {
position:relative;
}
.container_12, .container_16 {
margin-left:auto;
margin-right:auto;
width:970px;
}

.hoverBlock .grid_4 {
border:5px solid #000000;
height:290px;
margin-bottom:20px;
overflow:hidden;
position:relative;
width:290px !important;
display:inline;
float:left;
margin-left:5px;
margin-right:16px;
}

#portfolio .portfolio-info {
background:#000000 url(../graphics/portfolio_hover_bg.gif) repeat-x scroll center top; /*  ? */
height:270px;
padding:12px 15px;
width:270px;
}

#portfolio .portfolio-bottom{
bottom:20px;
position:absolute;
}


#portfolio h3{
text-decoration:underline;
color:#F9BF24;
font-size:16px;
font-weight:bold;
line-height:27px;
}
.portfolio-info small {
color:#E4E4E4;
display:block;
font-size:11px;
margin:4px 0 10px;
padding:0;
}

.portfolio-info p {
color:#E4E4E4;
font-size:13px;
line-height:17px;
margin:0 0 22px;
}

.portfolio-info p span {
color:#F9BF24;
font-size:14px;
font-weight:bold;
line-height:24px;
}

.portfolio-info .button.left,
#single_image {
margin:0 20px 0 0;
background:#F9BF24;
color:#000000;
font-size:14px;
font-weight:bold;
padding:0 10px;
}

#portfolio a:hover
 {
background:#000000;
color:#F9BF24;
}
.portfolio-info .button {
float:left;
}

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

/* arrow */

#portfolio #previous {
left:-4px;
}
#previous.pagination {
background:transparent url(../graphics/left_arrow_on.png) no-repeat scroll 0 0;
}
#previous.pagination.inactive {
background:transparent url(../graphics/left_arrow_off.png) no-repeat scroll 0 0;
}
#previous,  #next {
cursor:pointer;
display:block;
font-size:75px;
height:40px;
position:absolute;
top:128px;
width:40px;
}

#portfolio #next {
left:938px;
top:0;
}
#next.pagination.inactive {
background:transparent url(../graphics/right_arrow_off.png) no-repeat scroll 0 0;
}
#next.pagination {
background:transparent url(../graphics/right_arrow_on.png) no-repeat scroll 0 0;
}

.pagination.inactive {
cursor:default !important;
}