@charset "utf-8";
/* CSS Document */

/* BEGIN GALLERIA STYLE */
#col8 .multimedia .galleria{list-style:none;width:200px}
#col8 .multimedia .galleria li{display:block;overflow:hidden;float:left;margin:0; width:112px; height:180px; padding-top:0px}
#col8 .multimedia .galleria li a{display:none}
#col8 .multimedia .galleria li div{display:block;top:0;}
#col8 .multimedia .galleria li div img{cursor:pointer;}
#col8 .multimedia .galleria li.active div img,.galleria li.active div{display:block;}
#col8 .multimedia .galleria li img.thumb{cursor:pointer;display:block;width:110px;height:110px;background:none;padding:0px;margin-top:0px;top:auto;left:auto;}
#col8 .multimedia .galleria li .caption{}
* html #col8 .multimedia .galleria li div span{width:400px} /* MSIE bug */

#col8 .multimedia .demo{position:relative;margin-top:2em;}
/*#col8 .multimedia .gallery_show{width:702px;margin:0 auto;}*/
#col8 .multimedia .gallery_show{height:180px;margin:0;}
#col8 .multimedia .gallery_show li{width:112px;height:180px;margin: 0;}
#col8 .multimedia .gallery_show li div{left:240px}
#col8 .multimedia #main_image_wrapper .caption{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	text-align:left;
	width: 855px;
	height:40px;
	padding:5px;
	color:#FFF;
	position:absolute;
	z-index:2000px;
	font-style:normal;
	text-decoration:none;
	margin-top:473px;
	margin-left:10px;
	display:block;
	margin-bottom:0px;
	background:url(/images/transparent_bg_black.png) repeat;
}
#col8 .multimedia #main_image {
	margin-left:0;
	margin-right:0;
	height:auto;
	height:533px;
	width:885px;
	float:left;
	text-align:center;
	padding: 0px;
	margin-bottom:0px;
	overflow:hidden;
}
#col8 .multimedia #main_image_wrapper.loading {
	background-image:url(/images/loading.gif);
	background-position: center 250px;
	background-repeat:no-repeat;
}
#col8 .multimedia #main_image img{
	max-width: 885px;
}
#col8 #photoImg {
	width:885px;
}
#col8 .multimedia .nav{padding-bottom:10px;text-align:center;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}


#col8 .multimedia .imagethumb a, .imagethumb a:hover {
	display: block;
	padding: 9px;
	margin: 0px 9px 9px 0px;
	line-height: 0px;
	background-color: #CCC;
}
#col8 .multimedia .imagethumb a:visited {
	background-color: #CCC;
}
#col8 .multimedia .imagethumb a:hover {
	background-color:#CCC;
}
#col8 .multimedia .imagethumb {
	float: left;
}
#col8 .multimedia .albumdesc2 {
	line-height: 18px;
}

#col8 .multimedia #scroller {
	width:885px;
	height:180px;
	margin-top:25px;
	background-image:url(/images/scroller_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
}


/* Individual Image
------------------------------ */
#col8 .multimedia .image { 
	margin: 0;
	padding: 0;
	border: 0;
}
#col8 .multimedia #image {
	text-align: center;
	line-height: 0;
}
#col8 .multimedia #slideControls {
	height: 95px;
	width: 200px;
	position: absolute;
	z-index: 10000;
	background-image: url(/images/slideshow_controls_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -110px;
	margin-left: 343px;
}

#col8 .multimedia #slideControls a#play,
#col8 .multimedia #slideControls a#pause{
	display: block;
	width: 74px;
	height: 74px;
	padding: 0px;
	text-decoration: none;
	cursor:pointer;
	position:absolute;
	background-image:url(/images/play.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-left:65px;
	margin-top:11px;
}
#col8 .multimedia #slideControls a:hover#play {
	background-position:0px -74px;
}
#col8 .multimedia #slideControls a#pause {
	background-position:0px -148px;
}
#col8 .multimedia #slideControls a:hover#pause {
	background-position:0px -222px;
}
#col8 .multimedia #slideControls a#prev, #col8 .multimedia #slideControls a#next {
	display: block;
	width: 35px;
	height: 45px;
	padding: 0px;
	margin-left:24px;
	margin-top:26px;
	text-decoration: none;
	cursor:pointer;
	position:absolute;
	background-image:url(/images/slideshow_prev.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#col8 .multimedia #slideControls a#next {
	background-image:url(/images/slideshow_next.png);
	margin-left:144px;
	background-position:0px 0px;
}
#col8 .multimedia #slideControls a:hover#prev, #col8 .multimedia #slideControls a:hover#next {
	background-position:0px -45px;
}
/* start jcarousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#col8 .multimedia .jcarousel-container {
    position: relative;
}

#col8 .multimedia .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
}

#col8 .multimedia .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#col8 .multimedia .jcarousel-item {
	float: left;
	list-style: none;
	 /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 112px;
    height: 180px;
	overflow:hidden;
	padding-top:0px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
#col8 .multimedia .jcarousel-next {
    z-index: 3;
    display: none;
}

#col8 .multimedia .jcarousel-prev {
    z-index: 3;
    display: none;
}

/* end jcarousel */


/* start tango jcarousel */
#col8 .multimedia .jcarousel-skin-tango li {
	display:none;
}
#col8 .multimedia .jcarousel-skin-tango.jcarousel-container {
	
}

#col8 .multimedia .jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 885px;
    padding: 10px 40px;
	margin-left:auto;
	margin-right:auto;
}

#col8 .multimedia .jcarousel-skin-tango.jcarousel-container-vertical {
    width: 112px;
    height: 245px;
    padding: 40px 20px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  733px;
    height: 180px;
	margin-left:82px;
	margin-right:0;
	margin-top:0px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  112px;
    height: 245px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-item {
    width: 112px;
	height: 180px;
	padding-top:0px;
	cursor:pointer;
}
#col8 .multimedia .jcarousel-skin-tango .jcarousel-item .thumb {
}
#col8 .multimedia .jcarousel-skin-tango .jcarousel-item.active {
}
#col8 .multimedia .jcarousel-skin-tango .jcarousel-item.active .thumb {

}
#col8 .multimedia .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #000;
}
#col8 .multimedia .jcarousel-item canvas {
}

/**
 *  Horizontal Buttons
 */
#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 34px;
    right: 6px;
    width: 35px;
    height: 45px;
    cursor: pointer;
    background: transparent url(/images/scroller_prev_next.png) no-repeat -35px 0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -35px -45px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -35px 0;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -35px 0;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 34px;
    left: 6px;
    width: 36px;
    height: 40px;
    cursor: pointer;
    background: transparent url(/images/scroller_prev_next.png) no-repeat 0 0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0px -45px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0px 0px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

/**
 *  Vertical Buttons
 */
#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-disabled-vertical,
#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
#col8 .multimedia .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
#col8 .multimedia .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/* end tango jcarousel */
.scrollable {

	/* required settings */
	position:absolute;
	overflow:hidden;
	width: 732px;
	height:144px;
	margin-left:78px;
	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable a {
	float:left;
	cursor:pointer;
	width:112px;
	height:144px;
	display:block;
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* active item */
.scrollable a.active {
	z-index:9999;
	position:relative;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background: url(/images/scroller_prev_next.png) no-repeat;
	display:block;
	width:35px;
	height:45px;
	position:absolute;
	margin-top:35px;
	margin-left:844px;
	cursor:pointer;
	text-decoration:none;
	font-size:1px;
}

/* right */
a.right, a:hover.right.disabled	{ background-position: -35px 0px; }
a:hover.right { background-position:-35px -45px; }
a:active.right 	{ background-position:-35px -45px; } 


/* left */
a.left, a:hover.left.disabled { margin-left: 5px; background-position: 0px 0px;} 
a:hover.left { background-position:0px -45px; }
a:active.left { background-position:0px -45px; }

/* up and down */

/* disabled navigational button */
a.disabled {
	opacity: 0.3;
	filter: alpha(opacity=30);
	cursor:default;
}