/* Portfolio bar */

div#portfolioBar {
	clear: both;
	background:     #00202a;
	width:          878px;
	height:         132px;
	overflow:       hidden;
	white-space:    nowrap;
	vertical-align: middle;
	position:       relative;
	margin:         0px;
	padding:        0px;
	margin-top:     30px;
}

table#portfolioBarTable {
	margin-left:  30px;
	margin-right: 30px;
}

table#portfolioBarTable td {
	vertical-align: middle;
	height:         132px;
	position:       relative;
	padding:        0px 3px;
}

table#portfolioBarTable td a img {
	border: 1px solid #005776;
}
table#portfolioBarTable td a:hover img,
table#portfolioBarTable td a.active img {
	border: 1px solid #f26721;
}

span#portfolioBarScrollLeft span,
span#portfolioBarScrollRight span {
	display: none;
}

span#portfolioBarScrollLeft,
span#portfolioBarScrollRight {
	cursor:     pointer;
	margin-top: 1px;
	width:      24px;
	height:     132px;
	overflow:   hidden;
	display:    block;
	z-index:    1000;
	position:   absolute;
}

span#portfolioBarScrollLeft {
	background: url(../images/gallery/portfolioBarScroll.png) no-repeat left;
	left:       0px;
}
div#ieOldContainer span#portfolioBarScrollLeft {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/wrap/wrap/images/gallery/portfolioBarScrollLeft.png', sizingMethod='crop');
}
	
span#portfolioBarScrollRight {
	background: url(../images/gallery/portfolioBarScroll.png) no-repeat right;
	right:      -1px;
}
div#ieOldContainer span#portfolioBarScrollRight {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/wrap/wrap/images/gallery/portfolioBarScrollRight.png', sizingMethod='crop');
}



div#portfolioCategoryBar {
	width: 760px;
	height: 35px;
	margin-left: 57px;
	background: url(../images/gallery/categoryBarBack.png) repeat-x left 0px;
}
	div#portfolioCategoryBar div.left {
		width: 760px;
		height: 35px;
		background: url(../images/gallery/categoryBarBack.png) no-repeat left -35px;
	}
	div#portfolioCategoryBar div.right {
		width: 760px;
		height: 35px;
		background: url(../images/gallery/categoryBarBack.png) no-repeat right -70px;
	}
	div#portfolioCategoryBar table.inner td {
		width: 760px;
		height: 33px;
		vertical-align: bottom;
		text-align: center;
	}
	
	div#portfolioCategoryBar a  {
		color: #ff9700;
		/*display: block;
		float: left;*/
		font-size: 1.2em;
		margin: 0 10px;
		font-weight: bold;
		padding-bottom: 4px;
		position: relative;
		top: -4px;
	}
	div#portfolioCategoryBar a:hover,
	div#portfolioCategoryBar a.active {
		color: #009ce4;
		border-bottom: 2px solid #009ce4;
	}