/* @override 
	http://quesmedia.com.local/css/default/portfolio-quick-links.css
	http://quesmedia.com.local/css/portfolio/style.css
*/
div#portfolio-quick-links {
	border-top: 1px solid ;
	border-bottom: 1px solid;
	background-color: #000;
	border-color: #38671a;
	padding-top: 2em;
	position: relative;
}
#portfolio-quick-links #top-sites {
	margin: 0 auto;
	position: relative;
	height: 551px;
	width: 914px;
}
#portfolio-quick-links #top-sites ul:hover .portfolio-sprite {
	opacity: .2;
}
#portfolio-quick-links #top-sites li:hover .portfolio-sprite {
	opacity: 1;
}
#portfolio-quick-links #top-sites li {
	list-style: none;
	display: inline;
}
#portfolio-quick-links .portfolio-sprite {
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	transition: opacity .3s linear;
	position: absolute;
	background: url(images/portfolio-sprite.jpg) no-repeat;
}
#portfolio-quick-links.page2 .portfolio-sprite {
	background: url(images/more-portfolio-sprite.jpg) no-repeat;
}

#portfolio-quick-links .portfolio-sprite span {
	display: none;
}

#portfolio-sprite-1 {
	top: 0;
	left: 0;
	width: 290px;
	height: 551px;
	background-position: 0 0 !important;
}
#portfolio-sprite-2 {
	top: 0;
	left: 316px;
	width: 282px;
	height: 551px;
	background-position: -316px 0 !important;
}

#portfolio-sprite-3 {
	top: 0;
	left: 624px;
	width: 290px;
	height: 551px;
	background-position: -624px 0 !important;
}
.portfolio-link-description {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 190px;
  width: 580px;
  padding: 0 1em 0 1em;
  border: solid 1px #666;
  background: url(images/description-pane-bg.png);
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  z-index: 1;
}
#bd .portfolio-link-description h3 {
	color: #fff;
	font-size: 138.5%;
	border: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0.361em;
}
li:hover .portfolio-link-description,
li.hover .portfolio-link-description {
  display:block;
  z-index:1;
}