@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*	-------------------------------------------------------------
 
	COMMUNICATION AGENCY
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:Slideshow (Homepage) cascading style sheet
	Nom:slideshow.css
	Version:1.0
	Date:
 
	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/simonbouchard/portfolio
	Copyright ©2009 Simon Bouchard <info@simonbouchard.com>
 
-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.sub-header {
	margin: 0 0 10px 0;
	height:368px;
	width: 970px;
}

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

.clearfix { display:inline-block; }
@media screen, projection {

#slideshow { 
	position:relative; 
	width:970px; 
	height:350px; 
	overflow:hidden; }
	
#slideshow #slideshow_violator {
	z-index:100; 
	width:947px; 
	height:20px; 
	float:right;
	position:relative; 
	top:-40px; 
	left:30px;
	background:transparent url("../images/trans.png") 10px top no-repeat; }
	
#slideshow #slideshow_violator #project_caption {
	display:none; 
	padding:7px 10px; 
	font-size:1.1em;
	color:#000; 
	float:left; 
	font-weight: bold;
	width:auto;
	background:transparent; }
	
#slideshow #slideshow_violator #project_caption a {
	margin-left:8px; 
	font-weight: normal; 
	font-size:1em;
	color:#000 !important;
	background:transparent; text-decoration:none; }
	
#slideshow #slideshow_violator #project_caption a:hover {
	text-decoration:none; 
	color:#000;
	background:transparent; }
	
#slideshow #slideshow_violator #slide_navigation{
	position:absolute;
	left:20px;
	top:4px; }
	
#slideshow #slideshow_violator #slide_navigation a { 
	text-indent:-9999px; 
	display:block; 
	width:12px; 
	height:12px; 
	float:left;
	margin-left:5px; 
	cursor:pointer; 
	overflow:hidden;
	background:transparent url("../images/slide_navigation_noactive.png") no-repeat 0 0; }
	
#slideshow #slideshow_violator #slide_navigation a:hover { 
	background:transparent url("../images/slide_navigation_hover.png") no-repeat 0 0; }
	
#slideshow #slideshow_violator #slide_navigation a.activeSlide { 
	background:transparent url("../images/slide_navigation_hover.png") no-repeat 0 0; }
	
#slideshow li div.slide_caption {
	display:block;
}
.slide_content{position:absolute; top:-250px; width:400px; font:normal 12px arial; line-height:18px; height:auto; color:#5c5c5c;}
#slides {
	position: relative;
	overflow:hidden; 
	width: 458px; 
	height:398px;
	margin:0px 10px 0 0; 
	padding:0; float:right; }
	
.slide_content a img { padding:10px 0px 0px 0px; margin-left:-10px; }

/*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

}