ul.portfolio
{
	position: relative;
	height: 400px;
	width: 800px;
        margin: 0 auto;
	list-style: none;
	cursor: default;
}

ul.portfolio li
{
	position: absolute;
	border-bottom: 2px solid #636466;
	cursor: default;
}

ul.portfolio li:hover
{
	border-bottom: 2px solid #FF5000;
}

ul.portfolio li p
{
	font-size: 8pt;
	color: #808183;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

ul.portfolio li p.control
{
	position: absolute;
	top: 100%;
	margin-top: 5px;
	width: 100%;
}

ul.portfolio li.rgt p.control
{
	text-align: right;
}

ul.portfolio li.rgt p
{
	text-align: right;
}

ul.portfolio li p a
{
	font-size: 8pt;
	color: #808183;
	text-decoration: underline;
}

ul.portfolio li p a.link
{
	display: block;
	padding: 0 25px 10px 25px;
}

ul.portfolio li a.img-link
{
	display: block;
	position: absolute;
	top: 0;
	left: 25px;
	height: 96px;
	width: 56px;
	z-index:1000;
	text-decoration: none;
	border: none;
}

ul.portfolio li p a:hover
{
	text-decoration: none;
	color: #808183;
}

ul.portfolio li p span
{
	font-size: 8pt;
	color: #272525;
}

ul.portfolio li .port-num
{
	font-size: 26pt;
	position: absolute;
	top: 50%;
	margin-top: -17pt;
	color: #808183;
	font-weight: bold;
	line-height: 100%;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica;
}

ul.portfolio li.lft .port-num
{
	right: 100%;
	margin-right: -15px;
}

ul.portfolio li.rgt .port-num
{
	left: 100%;
	margin-left: -15px;
}

ul.portfolio li .arrow
{
	position: absolute;
	bottom: -12px;
	height: 22px;
	width: 21px;
}

ul.portfolio li.lft .arrow
{
	right: -20px;
}

ul.portfolio li.rgt .arrow
{
	left: -20px;
}

ul.portfolio li.lft .type-1 .arrow { background: -21px 0 url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.lft .type-2 .arrow { background: -42px 0 url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.lft .type-3 .arrow { background: -63px 0 url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.lft .type-4 .arrow { background: 0 0 url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.rgt .type-1 .arrow { background: -105px 0 url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.rgt .type-2 .arrow { background: -126px 0 url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.rgt .type-3 .arrow { background: -147px 0 url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.rgt .type-4 .arrow { background: -84px 0 url(/images/portfolio/arrow.gif) no-repeat; }

ul.portfolio li.lft:hover .type-1 .arrow { background: -21px -22px url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.lft:hover .type-2 .arrow { background: -42px -22px url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.lft:hover .type-3 .arrow { background: -63px -22px url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.lft:hover .type-4 .arrow { background: 0 -22px url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.rgt:hover .type-1 .arrow { background: -105px -22px url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.rgt:hover .type-2 .arrow { background: -126px -22px url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.rgt:hover .type-3 .arrow { background: -147px -22px url(/images/portfolio/arrow.gif) no-repeat; }
ul.portfolio li.rgt:hover .type-4 .arrow { background: -84px -22px url(/images/portfolio/arrow.gif) no-repeat; }


ul.portfolio li .image
{
	position: absolute;
	height: 96px;
	width: 110px;
}

ul.portfolio li.lft .image
{
	left: 100%;
}

ul.portfolio li.rgt .image
{
	right: 100%;
}

ul.portfolio li.lft .type-1 .image { bottom: -87px; margin-left: -10px; }
ul.portfolio li.lft .type-2 .image { bottom: 4px; margin-left: -15px; }
ul.portfolio li.lft .type-3 .image { bottom: -10px; margin-left: -10px; }
ul.portfolio li.lft .type-4 .image { bottom: -49px; margin-left: 8px; }
ul.portfolio li.rgt .type-1 .image { bottom: -87px; margin-right: -10px; }
ul.portfolio li.rgt .type-2 .image { bottom: 4px; margin-right: -15px; }
ul.portfolio li.rgt .type-3 .image { bottom: -10px; margin-right: -10px; }
ul.portfolio li.rgt .type-4 .image { bottom: -49px; margin-right: 8px; }