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

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



/* ---------------------------------------------------- */
/* SLIDESHOW INDEX
/* ---------------------------------------------------- */
#slideshow {
	border: 0px solid #fff;
	float: right;
	margin-right: 25px;
	text-align: justify;
	margin-top: 20px;
}

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

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

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
	overflow: hidden;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-color: #666666;
	background-color: #FFFFFF;
}

#slideshow .slides ul {
width: 5500px;}

#slideshow .slides li {
	width: 650px;
	float: left;
	padding: 0px;
	padding-bottom:10px;
}


#slideshow .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
	background-color: #000000;
	color: #CCCCCC;
	width: 670px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding: 5px 10px;
outline: none;}

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

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



/* ---------------------------------------------------- */
/* SLIDESHOW PAGES PORTFOLIO
/* ---------------------------------------------------- */

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides-book {
	overflow: hidden;
	width: 205px;
	padding-top: 10px;
	color: #FFFFFF;
	text-align: left;
}

#slideshow .slides-book ul {
width: 5500px;}

#slideshow .slides-book li {
	width: 210px;
	float: left;
	padding: 0px;
	padding-bottom:10px;
}


#slideshow .slides-book h2 {
	margin-top: 0;
	text-align: left;
	font-size: 27px;
	line-height: 30px;
	color: #660000;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
	background-color: #000000;
	color: #CCCCCC;
	width: 670px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding: 5px 10px;
outline: none;}

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

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