@CHARSET "ISO-8859-1";

/* Portfolio box */
.portfolio {
	background: url('i/portfolio_bg.gif') repeat-y;
	overflow: hidden;
	position: relative;
	width: 731px;
	height: 335px;
	padding: 0;
	margin: 0 auto;
	color: #000;
}

.portfolio ul.works {
	position: absolute;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

.portfolio .work { 
	display: -moz-inline-block;
	display: inline-block;
	width: 700px;
	padding-top: 24px;
	vertical-align: top;
}

.portfolio .work ul {
	list-style-type: none;
}

.portfolio h3,.portfolio h3 a,.portfolio h3 a:link,.portfolio h3 a:visited {
	color: #fff;
}

.portfolio h3 a:hover,.portfolio h3 a:active {
	color: #282828;
}

.portfolio .left-img {
	padding: 0;
	margin: 0 20px 24px;
	width: 252px;
	float: left;
	display: inline;
}

.portfolio .left-img img {
	border: 1px solid #fff;
}

.portfolio .dk-border {
	border: none;
}

.portfolio .left-img.dk-border img {
	border: 1px solid #282828;
}

.portfolio img.small {
	margin: 25px 0 0;
}

.portfolio .right-txt { 
	/* margin: 24px 35px;*/
	padding: 0 35px 15px 15px;
	width: 300px;
	white-space: normal;
	display: inline;
}

.portfolio .top {
	background: url('i/portfolio_top.gif') no-repeat;
	/*padding-top: 8px;*/
	height: 8px;
	width: 731px;
}

.portfolio .bot {
	background: url('i/portfolio_bot.gif') no-repeat bottom left;
	padding-bottom: 327px;
	width: 731px;
}


/* Portfolio Choices */
.portfolio-nav {
	width: 725px;
	padding: 10px 15px;
	border: 1px solid #282828;
	background: #F7F7F7;
	height: 100px;
	overflow: hidden;
	position: relative;
}

.portfolio-nav img {
	cursor: pointer;
	border: 1px solid #fff;
}

.portfolio-nav ul {
	position: absolute;
	list-style: none;
	overflow: hidden;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

.portfolio-nav ul li {
	display: inline;
}

.portfolio-nav img:hover {
	border: 1px solid #d81313;
}

.portfolio-nav .last-child {
	margin-right: 0;
}

.slider.ui-slider img {
	border: none;
}

.slider .ui-slider-handle {
	position: absolute;
	cursor: pointer;
	height: 15px;
	width: 183px;
	/*margin: 6px 0 0 -55px;*/		
	margin: 6px 0 0;	
	top: 0;
	outline: none;
	background: url(i/scrollbar/handle.gif) no-repeat;	
	z-index: 100;
}

.slider.ui-slider {
	margin-top: 79px;
	/*width: 527px;*/	
	width: 727px;
	position: relative;
	padding: 4px 0 0;		
	height: 27px;
	background: url(i/scrollbar/scrollbar.png) no-repeat;
}

.slider .labels {
	display: inline;
	color: white;
	z-index: 1000;
	position: absolute;
	cursor: pointer;
}

.slider .lbl1 {
	margin-left: 100px;
}

.slider .lbl2 {
	margin-left: 100px;
}

.slider .lbl3 {
	margin-left: 100px;
}

.portfolioSlider {
	/*display: none;*/
}

.portfolioSlider-handle {
	width: 1px;
	height: 1px;
}