@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
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection{

#slideshow{
	position: relative;
	width: 960px;
	height: 350px;
	overflow: hidden;
	background: transparent url("../../images/slide_shadow.png") bottom left repeat-x;
}

#slideshow #slideshow_violator{
	z-index: 1000;
	width: 947px;
	height: 31px;
	float: right;
	position: relative;
	top: -45px;
	left: -12px;
	background: none;
}

#slideshow #slideshow_violator #project_caption{
	display: none;
	padding: 7px 10px;
	color: #fff;
	font-size: 12px;
	text-shadow: 1px 1px 0 #303030;
	float: left;
	font-weight: bold;
	width: auto;
	background: transparent;
}

#slideshow #slideshow_violator #project_caption a{
	margin-left: 8px;
	font-weight: normal;
	color: #ffffff !important;
	background: transparent;
}

#slideshow #slideshow_violator #project_caption a: hover{
	text-decoration: none;
	color: #fff;
	background: transparent;
}

#slideshow #slideshow_violator #slide_navigation{
	position: absolute;
	right: 10px;
	top: 10px;
}

#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 span.slide_caption{
	display: none;
}

#slides{
	position: relative;
	background-color: #fff;
	overflow: hidden;
	width: 970px;
	height: 350px;
	margin: 0;
	padding: 0;
}



#slideshow.smaller{
	width: 671px !important;
	height: 242px !important;
	top: -40px !important;
	left: -1px !important;
}

#slideshow.smaller #slideshow_violator{
	width: 655px !important;
	height: 28px !important;
	top: -30px !important;
}


#slideshow.smaller #slideshow_violator #project_caption{
	padding: 5px 7px;
	font-size: 11px;
}

#slideshow.smaller #slides{
	width: 671px !important;
	height: 242px !important;
}

h1.closed{
	margin-top: 0px !important;
}


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

}