/* ---------------------------------------------------- */
/* PROJECTS
/* ---------------------------------------------------- */
#projects-head {
	width: 100%;
	height: auto;
	background: url(../images/pro-back.jpg) repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	text-indent: 10px;
}

#projects-slideshow {
	width: 100%;
	height: 250px;
	background-color: #eee;
	border: 1px solid #ddd;
}

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

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


#projects-slideshow .projects-slides { overflow: hidden; width:100%; height: 250px; }
#projects-slideshow .projects-slides ul { width: 2880px; }
#projects-slideshow .projects-slides li { width: 450px; float: left; padding: 20px; }
#projects-slideshow .projects-slides li img{ margin-right: 10px; border: solid 2px #CCCCCC; }
#projects-slideshow .projects-slides h2 { margin-top: 0; margin-bottom: 5px; font-size: 16px; color: #CC0000; }

#projects-slideshow .projects-slides-nav { background-color: #ddd; border-top: 2px solid #ccc; }
#projects-slideshow .projects-slides-nav li { float: left; }
#projects-slideshow .projects-slides-nav li a { display: block; padding: 15px 20px; outline: none; }
#projects-slideshow .projects-slides-nav li a img { border: solid 1px #666666; }

.js #projects-slideshow .projects-slides-nav li.on, .js #projects-slideshow .projects-slides-nav li.on a { background-color: #eee;}
.js #projects-slideshow .projects-slides-nav li.on a { position: relative; top: -4px; }
.js #projects-slideshow .projects-slides-nav li.on a img { border: solid 1px #CC0000; }