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

/***************/
/**********/
#bannerhldr-ipad-app-bg .slide_content {position:absolute; top:-235px; left:16px; width:400px; font:normal 12px arial; line-height:18px; height:auto; color:#5c5c5c;}
#bannerhldr-ipad-app-bg .slide-title-img { padding:0 0 15px 0;}
#bannerhldr-ipad-app-bg .slide-text { padding:0 0 25px; margin:0px; color:#5c5c5c; line-height:16px; }
#bannerhldr-ipad-app-bg .slide-view-portfolio { background:transparent url("../images/view-our-ipad-portfolio-shedow.png") no-repeat left bottom; padding:0 0 27px; width:192px;   }
#bannerhldr-ipad-app-bg #slideshow #slideshow_violator #project_caption img, #bannerhldr-ipad-app-bg #slideshow #slideshow_violator #project_caption a { margin:0px; padding:0px;}

#bannerhldr-ipad-app-bg #slideshow #slideshow_violator {
	z-index:100; 
	width:947px; 
	height:38px; 
	float:right;
	position:relative; 
	top:-90px; 
	left:7px;
	background:transparent url("../images/ipad-slider-btn-bg.png") 10px top no-repeat; }

#bannerhldr-ipad-app-bg #slideshow #slideshow_violator #slide_navigation a { 
	text-indent:-9999px; 
	display:block; 
	width:13px; 
	height:13px; 
	float:left;
	margin-left:10px; 
	margin-top:9px;
	cursor:pointer; 
	overflow:hidden;
	background:transparent url("../images/ip-slider-btn-d.png") no-repeat 0 0; }
	
#bannerhldr-ipad-app-bg #slideshow #slideshow_violator #slide_navigation a:hover { 
	background:transparent url("../images/ip-slider-btn-a.png") no-repeat 0 0; }
	
#bannerhldr-ipad-app-bg #slideshow #slideshow_violator #slide_navigation a.activeSlide { 
	background:transparent url("../images/ip-slider-btn-a.png") no-repeat 0 0; }
	
#bannerhldr-ipad-app-bg #slideshow li { list-style:none; list-style-type:none;}
#bannerhldr-ipad-app-bg a.slide-main-img img { padding:0;}
#bannerhldr-ipad-app-bg #slideshow li div.slide_caption {
	display:block;
}
#bannerhldr-ipad-app-bg #slides {
	position: relative;
	overflow:hidden; 
	width: 458px; 
	height:398px;
	margin:0px 37px 0 0; 
	padding:0; float:right; }

/*****************/
#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 15px 0 0; 
	padding:0; float:right; }
	
.slide_content a img { padding:10px 0px 0px 0px; margin-left:-10px; }

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

}