@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 {

#slides {
	position: relative;
	background-color:#fff; 
	overflow:hidden; 
	width: 970px; 
	height:250px;
	margin:0; 
	padding:0; }
	
.slidetext {
	position: relative;
	font: bold 18px Trebuchet MS;
	letter-spacing: .05em;
	color: #ffffff;
	font-size:100%;
	letter-spacing:0.1em;
	top: 26px;
}

#nav {
	position: relative;
	z-index: 100;
	width: 970px; 
	height:51px; 
	margin: 0 auto; 
	padding:0;
	top: -10px;
	}
	
#nav a { 
	color: #000000;
	text-align:center;
	vertical-align:middle;
	display:block; 
	width:232px; 
	height:51px;
	float:left; 
	margin-left:3px; 
	cursor:pointer; 
	overflow:hidden;
	background: url("images/slide_navigation_noactive.png") no-repeat 0 0; }

#nav a div{ 
	color: #90a0a3;
	text-align:center;
	vertical-align:middle;
	display:block; 
	width:232px; 
	height:51px;
	xfloat:left; 
	xmargin-left:3px; 
	cursor:pointer; 
	overflow:hidden;
}

#nav a.activeSlide div{ 
	color: #ffffff;
}
#nav a.activeSlide { 
	background: url("images/slide_navigation_hover.png") no-repeat 0 0; }

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

}