div.slideshow-wrapper {

	visibility: hidden;

	display: block;

	margin: 0; margin-left:35px;

}



/* clearfix */

div.slideshow-wrapper:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	}

* html div.slideshow-wrapper:after             { zoom: 1; } /* IE6 */

*:first-child+html div.slideshow-wrapper:after { zoom: 1; } /* IE7 */





div.slideshow-wrapper .inactive {

	opacity: 0.2;

	filter: alpha(opacity=40);

	cursor: default;

}



div.slideshow-wrapper p {

	margin: 10px 0 !important;

}



.slideshow-content img {

	margin: 0;

}



div.portfolio-slideshow  {

	margin: 10px 0 0px;	

	z-index: 1 !important;

	clear: both;

}



.centered div.portfolio-slideshow {

	margin: 10px auto 0;

	text-align: center;

}



div.slideshow-content.fade {

		width:100%;

}



div.slideshow-content {

	margin: 0 0 7px 0;

}



.centered .slideshow-nav {

	margin:  5px auto 0;

	width: 280px !important;

}



.centered .slideshow-nav.graphical {

	width: 175px !important;

	*width: 185px !important;

}





.centered .slideshow-nav.graphical.toggle {

	width: 220px !important;

	*width: 250px !important;

}



.slideshow-nav {

	padding: 0;

	margin-top: 5px;

	overflow: visible;

	line-height: 15px;

	height: 17px;

}



div.slideshow-wrapper .thumb-toggles a {

	display: block;

	float: right;

}



div.slideshow-wrapper .show, div.slideshow-wrapper .hide {

		background: url(../img/show-thumbs.png) no-repeat 0 2px;

		height: 20px;

		display: block;

		text-indent: -9999px;

} 



div.slideshow-wrapper a.hide {

	display: none;

}





div.slideshow-wrapper a.hide.active {

	display: block;

}



div.pager {

	clear: both;

}



div.bullets {

	margin-top: 10px;

}



div.slideshow-nav a {

	text-decoration: underline;

	color: #444;

}



div.slideshow-nav a.pause, div.slideshow-nav a.play, div.slideshow-nav a.restart, div.slideshow-nav a.new {

	margin: 0 15px 0 0;

}



div.slideshow-nav a.slideshow-prev {

	margin: 0 10px 0 0;

}



div.slideshow-nav a.slideshow-next {

	margin: 0 25px 0 10px;

}



.slideshow-holder {

	height: 10px;

	width: 30px;

	margin: 50px auto -30px;

	background: url(../img/ajax-loader.gif) no-repeat;

}



div.slideshow-wrapper .not-first {

	display: none;

}



div.slideshow-wrapper .pager img {

	opacity: 0.5;

	filter: alpha(opacity=50);

	border: none;

	padding: 0;

	margin: 0;

}



div.slideshow-wrapper .pager img.activeSlide {

	opacity: 1;

	filter: alpha(opacity=100);

}



div.slideshow-wrapper .pager img:hover {

	cursor: pointer;

}



div.slideshow-wrapper.centered .pager {

	width: 100%;

	overflow: hidden;	

} 



div.slideshow-wrapper.centered .bullets, div.slideshow-wrapper.centered .numbers {

	position: relative;

	float: left;

	left:  50%;

}



div.slideshow-wrapper .numbers {

	margin-top: 5px;

}



div.slideshow-wrapper .numbers a {

	height:20px;

	padding: 0;

	margin: 0 10px 0 0;

	text-decoration: none;

}



div.slideshow-wrapper.centered .numbers a {

	float: left;

	position: relative;

	right: 50%;

}



div.slideshow-wrapper .numbers a.activeSlide {

	text-decoration: underline;

}





div.slideshow-wrapper .bullet {

	display: block;

	float: left;

	margin: 0 10px 5px 0;

	background:url(../img/dot.png) no-repeat;

	height:10px;

	width:10px;

	padding: 0;

}



div.slideshow-wrapper.centered .bullet {

	position: relative;

	right: 50%;

}



div.slideshow-wrapper .bullets a.activeSlide {

	background: url(../img/dot.png) no-repeat -20px 0;

}



div.slideshow-wrapper .toggle-thumbs {

	display: none;

}



.graphical a {

	float: left;

	text-indent: -9999px;

	width: 20px;

	-webkit-transition: opacity .2s linear;

	-moz-transition: opacity .2s linear;

	-o-transition: opacity .2s linear;

	transition: opacity .2s linear;

}



.graphical a:hover {

	opacity: .8;

	filter: alpha(opacity=80);

}



.graphical .slideshow-info {

	font-size: 0.9em;

}



.graphical a.inactive:hover {

	opacity: .2;

	filter: alpha(opacity=20);

}



.graphical a.slideshow-prev {

	background: url(../img/slideshow.png) no-repeat -20px -30px;

}



.graphical a.pause {

	background: url(../img/slideshow.png) no-repeat -20px 0;

}



.graphical a.play, .graphical a.restart {

	background: url(../img/slideshow.png) no-repeat -72px 0;

}



.graphical a.slideshow-next {

	background: url(../img/slideshow.png) no-repeat -70px -30px;

}



.graphical .sep {

	display: none;

}



/*

	root element for the scrollable.

	when scrolling occurs this element stays still.

*/

.scrollable {

	/* required settings */

	position:relative;

	margin: -10px 0 0 0;

	overflow:hidden;

	float: left;

}



.pscarousel {

	margin: 10px 0;

}





.centered .pscarousel {

	margin: 10px auto 0;

}



.pscarousel.thumbnails {

	margin-top: 15px;

}

/*

	root element for scrollable items. Must be absolutely positioned

	and it should have a extremely large width to accommodate scrollable items.

	it's enough that you set width and height for the root element and

	not for this element.

*/

.scrollable .items {

	/* this cannot be too large */

	width:20000em !important;

	position:absolute;

}



/*

	a single item. must be floated in horizontal scrolling.

	typically, this element is the one that *you* will style

	the most.

*/

.scrollable .items div {

	float:left;

}



a.browse {

	position:relative;

	text-indent: -9999px;

	width: 15px;

	height: 20px;

	cursor: pointer;

	position: relative;

	-webkit-transition: opacity .2s linear;

	-moz-transition: opacity .2s linear;

	-o-transition: opacity .2s linear;

	transition: opacity .2s linear;

}



a.prev.browse.left {

	float: left;

	margin: 0;

	padding: 0;

	background: url(../img/carousel-nav.png) no-repeat 0 0;

	left: -20px;

}



a.prev.browse.left:hover, a.next.browse.right:hover {

	opacity: .8;

}



a.prev.browse.left.disabled, a.next.browse.right.disabled {

	visibility: hidden;

}



a.next.browse.right {

	float: right;

	left: 20px;

	margin: 0;

	background: url(../img/carousel-nav.png) no-repeat -15px 0;

	}



* {

	

}



