/*=========================== TAGS ============================*/

/*  Carousel */

#loopedCarousel { 
	width:900px;
	position:relative;
}
#loopedCarousel .next {
	width:46px;
	height:46px;
	background:url(../images/portfolio/button-right.jpg) no-repeat left top;
	position:absolute;
	right:-44px !important;
	top:146px;
}
#loopedCarousel .next:hover {
	background:url(../images/portfolio/button-right-act.jpg) no-repeat left top;
}
#loopedCarousel .previous {
	width:46px;
	height:46px;
	background:url(../images/portfolio/button-left.jpg) no-repeat left top;
	position:absolute;
	left:-44px;
	top:146px;
}
#loopedCarousel .previous:hover {
	background:url(../images/portfolio/button-left-act.jpg) no-repeat left top;
}
#loopedCarousel .container {
	height:370px;
	width:900px; 
	overflow:hidden; 
	position:relative; 
}
#loopedCarousel .slides {
	position:absolute; 
	left:0;
}
#loopedCarousel .slides div {
	position:absolute; 
	width:287px; 
	height:356px;
	margin-top: 1px;
	border: solid 1px #000000;
	background: #000000; 
	padding:10px 0 0 0;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
}

#loopedCarousel .slides div:hover {border: solid 1px #565656;}

#loopedCarousel .slides div img {
	margin:0 0 6px 0;
	display:block;
}
#loopedCarousel .slides div b {
	width:283px;
	height:34px;
	background:url(images/png-bg.png) no-repeat left top;
	display:block;
	position:absolute;
	bottom:125px;
	left:10px;
}
#loopedCarousel .slides div b a {
	cursor:pointer;
	position:absolute;
	right:12px;
	top:8px;
}
#loopedCarousel .slides div b a img {
	margin:0 0 0 0;
}
#loopedCarousel a 
{
    padding: 3px 0 0 0;
    display: block;
	font-size:11px;
	color: #999999;
}

#loopedCarousel a:hover {color: #cccccc; text-decoration:none;}

/* Easy Slider */

.slider-wrap {
	position:relative;
	width:100%;
}
#slider ul, 
#slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#content #slider li { 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
	width:256px;
	height:266px;
	overflow:hidden;
	vertical-align:top; 
	color:#fff;
}
#content #slider li dl {
	background:url(images/line-hor1.gif) repeat-x left bottom;
	width:100%;
	overflow:hidden;
	height:71px;
	margin-bottom:17px;
}
#content #slider li dl.alt {
	background:none;
}
#content #slider li dl dt img {
	float:left;
	margin-right:12px;
}	
#content #slider li dl dd {
	color:#000;
	float:left;
	width:172px;
	line-height:1.38em;
}
#content #slider li dl dd strong {
	color:#fff;
	font-size:.92em;
}
#content #slider li dl dd a {
	font-size:.92em;
	font-style:italic;
	font-weight:bold;
}
#nextBtn,
#prevBtn { 
	display:block;
	width:56px;
	height:26px;
	position:absolute;
	z-index:1000;
}	
#nextBtn {
	left:98px;
	top:282px;
}
#prevBtn {
	left:98px;
	top:-111px;
}
#nextBtn a,
#prevBtn a {  
	display:block;
	position:relative;
	width:56px;
	height:26px;
}	
#nextBtn a {
	background:url(images/down.gif) no-repeat left top;
}
#nextBtn a:hover {
	background:url(images/down-act.gif) no-repeat left top;
}
#prevBtn a {
	background:url(images/up.gif) no-repeat left top;
}
#prevBtn a:hover {
	background:url(images/up-act.gif) no-repeat left top;
}