/* ---------------------------------------------------- */
/* GLOBAL
/* ---------------------------------------------------- */
html {
font-size: 76%;}

/*body {
font-family: arial, helvetica, sans-serif;
line-height: 1.4em;
font-size: 1.2em;
padding: 5%;}*/

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
.main_slideshow {
width: 250px;
position:relative;
z-index:1;
/*background-color: #eee;
border: 1px solid #ddd;*/}

.main_slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

.main_slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
.main_slideshow .slides {
overflow: hidden;
width: 248px;
border-left:1px solid #484848;
border-right:1px solid #484848;
position:relative;
z-index:1}

.main_slideshow .slides ul {
width: 2880px;}

.main_slideshow .slides li {
width: 248px;
height: 450px;
float: left;
/*padding: 20px;*/}

.main_slideshow .slides h2 {
margin-top: 0;}

.slideshow_border_left{
	background: url(../images/slideshow_border_left.png) repeat-y;
	height:412px;
	width:8px;
	position:absolute;
	z-index:4;
	left:0;
	top:0;
}
.slideshow_border_right{
	background: url(../images/slideshow_border_right.png) repeat-y;
	height:412px;
	width:8px;
	position:absolute;
	z-index:4;
	right:0;
	top:0;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
/*#slideshow .slides-nav {
background-color: #ddd;
border-top: 2px solid #ccc;}*/

.main_slideshow ul.slides-nav{
	height: 39px;
    padding-left: 118px;
    width: 132px;
	margin-top:-38px;
	position:relative;
	z-index:2;
	background:url(../images/portfolio_box_bottom.png) no-repeat;
}

.main_slideshow .slides-nav li {
float: left;
padding:7px 0 0 0;}

.main_slideshow .slides-nav li a {
background: url(../images/slider_dot_off.png) no-repeat;
display: block;
/*padding: 15px 20px;*/
height: 13px;
width: 13px;
margin:10px 4px;
outline: none;}

.main_slideshow .slides-nav li.on a {
background: url(../images/slider_dot_on.png) no-repeat;
}

/*.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #eee;}

.js #slideshow .slides-nav li.on a {
position: relative;
top: -4px;}*/

.sliderdiv {
width: 248px;
height: 450px;
}