/* @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: 500px;
	width: 923px;
}
#portfolio-quick-links #top-sites li {
	list-style: none;
	display: inline;
}
#portfolio-quick-links .portfolio-sprite {
	position: absolute;
	background: url(images/portfolio-sprite.jpg) no-repeat;
}
#portfolio-quick-links .portfolio-sprite span {
	display: none;
}

#portfolio-sprite-daa {
	top: 0;
	left: 0;
	width: 295px;
	height: 500px;
	background-position: 0 0 !important;
}
li:hover #portfolio-sprite-daa,
li.hover #portfolio-sprite-daa,
#portfolio-sprite-daa:hover {
	background-position: 0 -500px !important;
}

#portfolio-sprite-moods {
	top: 0;
	left: 318px;
	width: 287px;
	height: 500px;
	background-position: -318px 0 !important;
}
li:hover #portfolio-sprite-moods,
li.hover #portfolio-sprite-moods,
#portfolio-sprite-moods:hover {
	background-position: -318px -500px !important;
}

#portfolio-sprite-wotwt {
	top: 0;
	left: 628px;
	width: 295px;
	height: 500px;
	background-position: -628px 0 !important;
}
li:hover #portfolio-sprite-wotwt,
li.hover #portfolio-sprite-wotwt,
#portfolio-sprite-wotwt:hover {
	background-position: -628px -500px !important;
}

.portfolio-link-description {
  display: none;
  position: absolute;
  top: 320px;
  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;
}