@charset "utf-8";
/* CSS Document */

/*NAVIGATION INPUTS........................................*/		

a.nav_end{overflow:hidden;  display:block; height:45px; width:4px; float:left; text-align:left; position:relative; background:url(../images/buttons/main_navigation/00_end.jpg) no-repeat 0px 0px}
	 
/*.......................................................*/		
 
a.nav_spotlight{ overflow:hidden; display:block; height:45px; width:122px; float:left; text-align:left; position:relative; background:url(../images/buttons/main_navigation/01_spotlight.jpg) no-repeat 0px 0px}
	 
	a.nav_spotlight:hover{overflow:hidden;  background:url(../images/buttons/main_navigation/01_spotlight.jpg) 			 	no-repeat 0px -45px}
	
		a.nav_spotlight_selected{ overflow:hidden; display:block; height:45px; width:122px; float:left; text-align:left; position:relative; background:url(../images/buttons/main_navigation/01_1_spotlight.jpg) no-repeat 0px 0px}
		
/*.......................................................*/	

a.nav_services{overflow:hidden;  display:block; height:45px; width:122px; float:left; text-align:left; position:relative;background:url(../images/buttons/main_navigation/02_services.jpg) no-repeat 0px 0px}
	
	a.nav_services:hover{overflow:hidden;  background:url(../images/buttons/main_navigation/02_services.jpg)  			 	no-repeat 0px -45px}
	
		a.nav_services_selected{overflow:hidden; display:block; height:45px; width:122px; float:left; text-align:left; position:relative;background:url(../images/buttons/main_navigation/02_1_services.jpg) no-repeat 0px 0px}
		
/*.......................................................*/	
		
a.nav_portfolio{overflow:hidden; display:block; height:45px; width:122px; float:left; text-align:left; position:relative;background:url(../images/buttons/main_navigation/03_portfolio.jpg) no-repeat 0px 0px}
	
	a.nav_portfolio:hover{overflow:hidden;  background:url(../images/buttons/main_navigation/03_portfolio.jpg)  			 	no-repeat 0px -45px}
	
	 	a.nav_portfolio_selected{overflow:hidden; display:block; height:45px; width:122px; float:left; text-align:left; position:relative;background:url(../images/buttons/main_navigation/03_1_portfolio.jpg) no-repeat 0px 0px}
		
/*.......................................................*/	
	
a.nav_contact{overflow:hidden;  display:block; height:45px; width:122px; float:left; text-align:left; position:relative;background:url(../images/buttons/main_navigation/04_contact.jpg) no-repeat 0px 0px}
	
	a.nav_contact:hover{overflow:hidden;  background:url(../images/buttons/main_navigation/04_contact.jpg)  			 	no-repeat 0px -45px}
	
		a.nav_contact_selected{overflow:hidden; display:block; height:45px; width:122px; float:left; text-align:left; position:relative;background:url(../images/buttons/main_navigation/04_1_contact.jpg) no-repeat 0px 0px}
	
/*.......................................................*/	
	
a.nav_jobs{overflow:hidden; display:block; height:45px; width:122px; float:left; text-align:left; position:relative;background:url(../images/buttons/main_navigation/05_jobs.jpg) no-repeat 0px 0px}
	
	a.nav_jobs:hover{overflow:hidden;  background:url(../images/buttons/main_navigation/05_jobs.jpg)  			 	no-repeat 0px -45px}
	
			a.nav_jobs_selected{overflow:hidden; display:block; height:45px; width:122px; float:left; text-align:left; position:relative;background:url(../images/buttons/main_navigation/05_1_jobs.jpg) no-repeat 0px 0px}
	
/*.......................................................*/

/*PORTFOLIO INPUTS.......................................*/

/*.......................................................*/
ul#filterOptions li.active a {


  

}

.clientsall{display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/01_clients.jpg) no-repeat 0px 0px;}

	.clientsall:hover {display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/01_clients.jpg) no-repeat 0px -36px;}


/*.......................................................*/

/*.......................................................*/

.portfolio_nav_branding{display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/02_branding.jpg) no-repeat 0px 0px;}

	.portfolio_nav_branding:hover {display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/02_branding.jpg) no-repeat 0px -36px;}

/*.......................................................*/
/*.......................................................*/

.portfolio_nav_design{display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/03_design.jpg) no-repeat 0px 0px;}

	.portfolio_nav_design:hover {display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/03_design.jpg) no-repeat 0px -36px;}

/*.......................................................*/
/*.......................................................*/

.portfolio_nav_webdesign{display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/04_webdesign.jpg) no-repeat 0px 0px;}

	.portfolio_nav_webdesign:hover {display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/04_webdesign.jpg) no-repeat 0px -36px;}

/*.......................................................*/
/*.......................................................*/

.portfolio_nav_bespoke{display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/05_bespoke.jpg) no-repeat 0px 0px;}

	.portfolio_nav_bespoke:hover {display:block; overflow:hidden; height:36px; width:90px; float:left; background:url(../images/buttons/portfolio_navigation/05_bespoke.jpg) no-repeat 0px -36px;}
	
	

/*.......................................................*/
#all_clients_section{}

#branding_section{
	display:none;}

#design_section{display:none;}

#webdesign_section{display:none;}

#bespoke_section{display:none;}

/*.......................................................*/

.return_portfolio{display:block; overflow:hidden; width:133px; height:36px; background:url(../images/buttons/portfolio_navigation/06_return_to_portfolio.jpg) no-repeat 0px 0px; }

	.return_portfolio:hover{display:block; overflow:hidden; width:133px; height:36px; background:url(../images/buttons/portfolio_navigation/06_return_to_portfolio.jpg) no-repeat 0px -36px;}

.portfolio_option_01, .portfolio_option_02, .portfolio_option_03, .portfolio_option_04{ float:left; display:block; overflow:hidden; width:120px; height:50px; background:url(../images/buttons/portfolio_navigation/07_clientoption_website.jpg) no-repeat; cursor: pointer; }

.portfolio_option_01:hover, .portfolio_option_02:hover, .portfolio_option_03:hover, .portfolio_option_04:hover{ float:left; display:block; overflow:hidden; width:120px; height:50px; background:url(../images/buttons/portfolio_navigation/07_clientoption_website.jpg) no-repeat 0px -50px; cursor: pointer;  }





	
span.service_tab00, span.service_tab01, span.service_tab02, span.service_tab03, span.service_tab04, span.service_tab05, span.service_tab06{
		position:relative;
		display:block;
		height:60px;
		width:62px;
		cursor:pointer;
		
		left:23px;}
		
span.tab_title00, span.tab_title01, span.tab_title02, span.tab_title03, span.tab_title04, span.tab_title05, span.tab_title06{ 
		position:relative;
		display:block;
		top:15px;
		text-align:center;
		color:#A3A4A6;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		/* text-shadow: 0px 3px 4px #000; */
		}



.service_00, .service_01, .service_02, .service_03, .service_04, .service_05, .service_06,
.service_s00, .service_s01, .service_s02, .service_s03, .service_s04, .service_s05, .service_s06,
#servicetab_00, #servicetab_01, #servicetab_02, #servicetab_03, #servicetab_04, #servicetab_05, #servicetab_06{
	display:block;
	height:84px;
	width:110px;
	position:relative;
	left:1px;
	margin-left:3px;
	float:left;
	
	}


.service_00{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_00.jpg) no-repeat;
}
.service_s00{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_00.jpg) no-repeat 0px -168px;
}
.service_00:hover{background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_00.jpg) no-repeat 0px -84px;}

.service_01{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_01.jpg) no-repeat;
}

.service_s01{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_01.jpg) no-repeat 0px -168px;;
}

.service_01:hover{background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_01.jpg) no-repeat 0px -84px;
}

.service_02{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_02.jpg) no-repeat;
}

.service_s02{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_02.jpg) no-repeat 0px -168px;;
}

.service_02:hover{background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_02.jpg) no-repeat 0px -84px;
}
	
.service_03{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_03.jpg) no-repeat;
}
.service_s03{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_03.jpg) no-repeat 0px -168px;;
}
.service_03:hover{background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_03.jpg) no-repeat 0px -84px;
}
	
.service_04{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_04.jpg) no-repeat;
}
.service_s04{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_04.jpg) no-repeat 0px -168px;;
}
.service_04:hover{background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_04.jpg) no-repeat 0px -84px;
}

.service_05{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_05.jpg) no-repeat;
}
.service_s05{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_05.jpg) no-repeat 0px -168px;;
}
.service_05:hover{background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_05.jpg) no-repeat 0px -84px;
}
	
.service_06{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_06.jpg) no-repeat;
}
.service_s06{
background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_06.jpg) no-repeat 0px -168px;;
}
.service_06:hover{background:url(../images/buttons/service_tabs/roll_tabs/00_tabs_06.jpg) no-repeat 0px -84px;
}

#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:55px;
		height:77px;
		position:absolute;
		left:-83px;
		top:170px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:759px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:55px;
		height:77px;
		background:url(../images/buttons/portfolio_navigation/08_btn_prev.jpg) no-repeat 0 0;	
		}
		
		#prevBtn a:hover{background:url(../images/buttons/portfolio_navigation/08_btn_prev_sel.jpg) no-repeat 0 0;}
		
				#nextBtn a:hover{background:url(../images/buttons/portfolio_navigation/08_btn_next_sel.jpg) no-repeat 0 0;}
				
	#nextBtn a, #slider1next a{ 
		background:url(../images/buttons/portfolio_navigation/08_btn_next.jpg) no-repeat 0 0;	
		}	
		
		#prevBtn a:focus, #nextBtn a:focus{outline:none;}