/*
Made by Studio Espresso
*/

/* load 960 framework 
@import url("css/library/960/reset.css");
@import url("css/library/960/text.css");
@import url("css/library/960/960.css");*/


/* global styles */


*{margin:0; padding:0; border:0;}
html, body{ background:#f5f5f5; height:100%; }
	/*Opera Sticky Footer Fix*/
	body:before { content:""; height:100%; float:left; width:0; margin-top:-9999px;}


/*Typography*/
	h2{ color:#444; font:600 20pt "Helvetica Neue", "Helvetica", Arial, sans-serif; margin:0 0 10px 0; }
		#left-column h2{ margin:0; }
	h3, h3 a{ color:#583400; font:600 14pt "proxima-nova-1", Arial, sans-serif; text-transform:uppercase; letter-spacing:0.1em; margin:0 0 10px 0; clear:both; text-decoration:none; }
		h3 a:hover{ border-bottom:1px dotted #888; color:#444; }
		.description h3{ clear:none; }
	p, ul.files, table{ color:#666; font:300 10.5pt "adelle-1", Georgia, serif; line-height:160%; }
		p.emphasis{ font:300 14pt "adelle-1", Georgia, serif; color:#888; margin:0 0 15px 0; line-height:140%; }
			p.emphasis.blurb{ }
	h4{ font:600 9pt "proxima-nova-1", Arial, sans-serif; text-transform: uppercase; letter-spacing:0.1em; color:#7559A6; margin:0 0 5px 0; }
	


img{ border:none; }
	hr{ clear:both; border:none; border-bottom:1px solid #ddd; color:none; background:none; height:1px; margin:20px 0; }
		hr.no-top{ margin:0 0 20px 0; }
		hr.light{ border-color:#eee; }
	
	span.amp{ font-family: Palatino, Baskerville, "Book Antiqua", serif; font-style: italic;}
	span.trademark{ font-size:14px;position:relative; top:-10px; }
	.clear{clear:both; width:100%; height:0px; overflow:hidden; display:block; visibility:hidden; }
	a:focus, a:active{ outline:none; }
	.right{text-align:right; clear:both; line-height:160%;}
		.right.grey{
		padding:27px 10px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		background-color: #E5DED6;
		}
		p.space-bottom{ padding-bottom:20px; }
		
	span.link{ height:80px; overflow:hidden;}
	span.link a{
	height:80px;
	font:600 14pt "proxima-nova-1", Arial, sans-serif;
	text-transform: uppercase;
	text-decoration:none;
	letter-spacing:0.1em;
	color:#666;
	padding:21px 83px 23px 0;
	background-image: url('../images/button_arrow.png');
	background-repeat: no-repeat;
	background-position: right top;
	}
		span.link a:hover{ background-position:right -68px; color:#222; }
		span.link a:active{ background-position:right -136px; }


#top{ min-height:100%; width:100%; }
	
	#header-wrapper{ width:100%; height:210px; background:#f5f5f5 url('../images/bg_brown.gif') repeat-x top center; z-index:10; position:relative; }
		.shadow{ -webkit-box-shadow:1px 0px 5px rgba(0,0,0, .7); -moz-box-shadow:-5px 0px 5px rgba(0,0,0, .7); box-shadow:1px 0px 5px rgba(0,0,0, .7); }
		#header-background{width:100%; min-width:960px; height:210px; }			
			#header{ margin:0px auto; width:960px; height:250px; position:relative; }
				#logo{
					top:50%; 
					margin:-50px 0 0 10px;
					border: none;
					background-attachment: scroll;
					background-color: transparent;
					background-image: url('../images/logo-studio-espresso.gif');
					background-repeat: no-repeat;
					background-position: left top;
					width: 334px;
					height: 70px;
					z-index: 12;
					position:absolute;
					}
 					#logo:hover{width:412px;}
						#logo-background{
							margin-top: 0px;
							margin-left: auto;
							margin-right: auto;
							overflow:hidden;
							border: none;
							background-color: transparent;
							background-image: url('../images/stain.png');
							background-repeat: no-repeat;
							background-position: 100px -90px;
							width: 960px;
							height: 210px;
							z-index: -1;
							background-attachment: scroll;
							}
				
					ul#navigation{ position:absolute; top:50%; right:0; margin:-15px 0 0 0; width:400px; height:30px; font:10.5pt "Helvetica Neue", "Helvetica", Arial, sans-serif; }
					ul#navigation li{ float:left; clear:right; list-style:none; text-align:center;  }
						ul#navigation li a{ color:#9D6207; text-decoration:none; display:block; height:30px; padding:3px 0 0 0;  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7); }
							ul#navigation li a:hover{ border-bottom:1px solid #CB8108;	color: #CB8108; }
							/*Specific styles*/							
							ul#navigation li.company, ul#navigation li.services, ul#navigation li.network{ width:78px; }
							ul#navigation li.work{ width:54px; }
							ul#navigation li.contact{ width:68px; }
								


	/* banner slideshow */
	#banner-wrapper{ width:100%; border: 0 none; margin: 0; padding: 0;	}
		#banner{ margin:0px auto; position:relative; }
		.banner-overlay{ position:absolute; top:-460px; right:250px; z-index:8; display:none; }
		
			.slideshow{width:100%; height:360px; position:relative; overflow:hidden;}
				.slide{ margin:0px auto; width:940px; position:relative; }
				.slideshow li{list-style:none; float:left; display:inline; width:100% !important; position:relative; border:none;}	
	
			ul#slideshow-nav{ list-style:none; width:940px; margin:0px auto; height:20px; }
				#slideshow-nav li{ float:left; clear:right; margin:0 5px 0 0; }
				#slideshow-nav a{ text-decoration:none; color:#888; font-size:30px; }
					#slideshow-nav a:hover{ color:#ccc; }
					#slideshow-nav a.activeSlide{ color:#444; }
		
	#content-wrapper{ width:100%; background:#f5f5f5; padding-bottom:151px; overflow-x:none;}
		#content{ margin:0px auto; width:940px; padding:25px 10px 30px 10px; }
			
		
			#left-column, .left-column{ float:left; width:510px; margin:10px 10px 0 0; }
				#left-column.extra, .left-subcolumn{ float:left; width:455px; margin:0 15px 0 0; }
				
			#right-column, .right-column{ float:right; clear:right; width:350px; margin:0 0 0 20px; }
			.right-column.top-margin{ margin-top:25px; }
			
	
	
	/*Footer*/	
	#footer-wrapper{ background:#222; width:100%; min-width:960px; border-top:3px solid #ddd; margin-top:-151px; height:148px; position:relative; clear:both; overflow:hidden;}
	    	#footer{ width:940px; margin:0px auto; text-align:left; padding:0 0 15px 0; }
	    		#end-credits p, #footer p{text-align:left; font-family:"Helvetica Neue", Helvetica, arial, sans-serif; font-size:9pt; color:#888; padding:5px 0;}
	    			#footer a{color:#FFF; text-decoration:none;}
	    			#footer a:hover{ color:#b7de00;}
	    			#footer h5{ color:#fff; margin:0; font:600 9pt "proxima-nova-1", Arial, sans-serif; text-transform:uppercase; letter-spacing:0.1em; }
	    		.footer-block{ float:left; margin:20px 0; width:250px; }	
	    		.footer-block ul{ width:180px; list-style:none; margin:10px 20px 0 0; font-family:"Helvetica Neue", Helvetica, arial, sans-serif; font-size:9pt; color:#888; }
	    		.footer-block ul li{ margin:0 0 3px 0; }
	    			.footer-block ul.connect li{}			
	    		
	    #end-credits-wrapper{ clear:both; width:100%; /*border-top:1px solid #333;*/ background:#111; margin:0 0 0 0; }		
	    		#end-credits{ width:940px; margin:0px auto; text-align:left; padding:10px 0; }
	    			#end-credits p{ font:8.5pt "proxima-nova-1", Arial, sans-serif; text-transform:uppercase; letter-spacing:0.1em; padding:0 0 10px 0;} 
	    			#end-credits a{color:#aaa; font-weight:bold; text-decoration:none; }
	    				#end-credits a:hover{ color:#fff; }
	    				#end-credits .float-right{ float:right; margin:0 20px 0 0;}