@charset "utf-8";
/* CSS Document */

/*

This document exist for styling of slidesJS.
Do not edit the code here, or add anything to
it unless it is part of the slides piece.

Make any other change, or add-on to the
site in the it's respective CSS.

*/

body{
	height:649px;
	width:599px;
	margin:1px;
	background:#fff;
	overflow:hidden;
	}
#slides table{
	height:549px;
	width:599px;
	text-align:center;
	padding:0;
	}
#slides #projectTitle{
	position:absolute;
	z-index:20;
	bottom:100px;
	width:579px;
	padding:10px;
	
	background:rgba(0,0,0,0.4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 );
	
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	}

/***********/
/* #slides */
/***********/

#slides{
	position:relative;
	width:599px;
	height:649px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
#slides .slides_control{
	height:659px !important;
	}
#slides a{
	text-decoration:none;
	border:none;
	}
#slides .slides_container{
	display:none;
	margin:0;
	padding:0;
	}
#slides .slides_container .slides_control > div{
	display:block;
	margin:0;
	padding:0px;
	width:599px;
	height:649px;
	background:#757066 url(loading.gif) center no-repeat;
	}
#slides a.next, #slides a.prev{
	}
#slides .prev{
	}
#slides a.next:hover, #slides a.prev:hover{
	}
#slides ul.pagination{
	margin:0;
	padding:0;
	list-style:none;
	}
#slides ul.pagination li{
	display:inline;
	}
#slides ul.pagination li a{
	height:77px;
	width:77px;
	overflow:hidden;
	}
#slides ul.pagination li a img{
	height:75px;
	width:75px;
	border:1px solid #000;
	}
#slides ul.pagination li.current a img{
	border:1px solid #FFF;
	}
#slides ul.pagination li a:hover{
	}
#slides ul.pagination li.current a{
	}

/************/
/* #slides2 */
/************/

#slides2{
	position:absolute;
	z-index:20;
	bottom:0;
	width:599px;
	height:100px;
	margin:0;
	padding:0;
	
	background:#757066;
	}
#slides2 .slides_control{
	height:100px !important;
	}
#slides2 a{
	text-decoration:none;
	border:none;
	}
#slides2 .2_slides_container{
	display:none;
	margin:0;
	padding:0;
	}
#slides2 .slides_control > div{
	display:block;
	margin:12px 0 0 0;
	padding:0px;
	width:599px;
	height:100px;
	text-align:center;
	}
#slides2 a.next, #slides2 a.prev{
	display:block;
	position:absolute;
	right:0;
	top:50%;
	z-index:5;
	height:24px;
	width:24px;
	overflow:none;
	margin:-13px 0;
	padding:0;
	
	background:none;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	text-decoration:none;
	text-align:center;
	}
#slides2 .prev{
	left:0;
	}
#slides2 a.next:hover, #slides a.prev:hover{
	color:#FFF;
	}
#slides2 ul.2_pagination{
	}
#slides2 ul.2_pagination li{
	}
#slides2 ul.2_pagination li a{
	}
#slides2 ul.2_pagination li a:hover{
	}
#slides2 ul.2_pagination li.current a{
	}