/* --------------------- ACCESSIBILITY --------------------- */


a.more, #header a.logo, #header ul.nav a, .banner_top a.case, #nav2 li a, .blog_buttons a{	
	line-height:0.1em;
	font-size:0.1em;
	text-indent:-9999em;
	background-position:0 0;
	background-repeat:no-repeat;	
	border-bottom:none;
}



/* ---------------------  SECTION & ARTICLES--------------------- */

#inner{
	float:left;
	display:inline;
	width:980px;
	padding:0px 5px;
	background:url(../images/backgrounds/shadows-trans.png) no-repeat top left;	
}

#top, #bottom{
	float:left;
	display:inline;
	width:990px;
}

#bottom{
	min-height:99px;
	background:url(../images/backgrounds/footer-trans.png) no-repeat top left;
}


/* --------------------- CONTENT BANNERS --------------------- */
.service_banner{
	width:684px;
	float:left;
	display:inline;
	background:url(../images/backgrounds/dotted-line.gif) repeat-x top left;	
	padding-top:1.66667em;
	margin-top:1em;
}

.service_banner .article h2{
	font-size:1.125em;
	line-height:1em;
	margin:14px 0px 12px 0px;
}

.service_banner p{
	margin-bottom:14px;
}

.banner_bottom{
	clear:both;
	background:url(../images/backgrounds/bg_box_bottom.gif) no-repeat bottom left;
	margin-top:15px;
}



.banner_top{
	padding:0px 0px 0px 30px;
	width:654px;
	min-height:168px;
	background:url(../images/backgrounds/bg_box_top.gif) no-repeat top left;
}

.banner_top h2{
	font-size:1.5em;
	margin-top:0.875em;
	margin-bottom:0.291667em;
}

.banner_top p{
	line-height:1.6667em;
	margin-bottom:1.6667em;
	text-shadow: #ffffff 0px 1px 0px;
}

.banner_top a.more{
	width:166px;
	height:26px;
	background-image:url(../images/buttons/btn_banner_clients.gif);
	background-position:0 -208px;
}
.experience a.more{
	background-image:url(../images/buttons/btn_banner_team.gif)
}
.banner_top a.more:hover{
	background-position:0 -234px;
}  
.careers .banner_top a.more{background-position:0 -260px;}
.careers .banner_top a:hover.more{background-position:0 -286px;}
.remote .banner_top a.more{background-position:0 -156px;}
.remote .banner_top a:hover.more{background-position:0 -182px;}
.consulting .banner_top a.more{background-position:0 -104px;}
.consulting .banner_top a:hover.more{background-position:0 -130px;}
.development .banner_top a.more{background-position:0 -52px;}
.development .banner_top a:hover.more{background-position:0 -78px;}
.training .banner_top a.more{background-position:0 0px;}
.training .banner_top a:hover.more{background-position:0 -26px;}




.banner_top a.case{
	float:right; 
	display:inline; 
	width:209px;
	height:166px; 
	margin:1px 30px 1px 30px; 
	background-image:url(../images/buttons/btn_banner_case.gif)
}

.banner_top a.case:hover{
	background-position:0 -166px;
}  
.remote .banner_top a.case{background-image:url(../images/buttons/btn_banner_case_remote.gif)}
.consulting .banner_top a.case{background-image:url(../images/buttons/btn_banner_case_consult.gif)}
.development .banner_top a.case{background-image:url(../images/buttons/btn_banner_case_dev.gif)}
.training .banner_top a.case{background-image:url(../images/buttons/btn_banner_case_train.gif)}

.banner_top div{
	float:right; 
	display:inline; 
	position:relative;
	width:262px;
	height:180px;
	top:-12px;
	margin:0px 10px -12px 30px;
}

.banner_top div.cutout{
	float:right; 
	display:inline; 
	position:relative;
	width:262px;
	height:180px;
	top:-13px;
	margin:0px 1px -12px 30px;
}



/* --------------------- HUB --------------------- */


.hub_left{
	width:669px;
	margin-right:39px;
	float:right;
}
.hub_intro{
	margin-left:39px;
	width:203px;
	padding-top:38px;
}

#home .hub_left{
	margin-left:39px;
	margin-right:0px;
	float:left;
}
.hub_intro p{
	margin-bottom:1.25em;
}


.hub_intro p.statement{
	font-size:1.125em;
	line-height:1.333em;
	margin-bottom:1.27777em;
	color:#187bc0;
}

.remote .hub_intro p.statement, .remote .hub_intro a{color:#0096db;}
.consulting .hub_intro p.statement, .consulting .hub_intro a{color:#e7251f;}
.development .hub_intro p.statement, .development .hub_intro a{color:#4e346a;}
.training .hub_intro p.statement, .training .hub_intro a{color:#3ea639;}
.careers .hub_intro p.statement, .careers .hub_intro a{color:#ffbb00;}

.hub_intro a{
	color:#0b7dcc;
}

.hub_intro a:hover{
	text-decoration:underline
}


.hub_right{
	float:right;
	width:193px;
	margin-right:39px;
	padding-left:10px;
	padding-top:45px;
}

.hub_right h3{
	font-size:0.875em;
	color:#2e3940;
}

.hub_right h3.downloads{
	font-size:0.75em;
	margin-bottom:0.8333em;
}

#home .hub_right p{
	margin-bottom:9px;
	margin-top:3px;
}

#home .hub_right h3{
	padding-bottom:14px;
	
}
.hub_right p.blog_name{
	font-size:0.688em;
	line-height:1.5454em;
	color:#979da0;
	padding-top:2px;
	margin-bottom:-2px;
}
.hub_right p.blog_name strong{
	color:#2e3940;
	display:block;
}

.hub_right small{
	font-size:0.688em;
	line-height:2em;
	color:#979da0;
}

#home .hub_right small{
	line-height:1.6667em;
	float:left;
	width:193px;
	padding-bottom:5px;
}

#home .hub_right a.all{
	float:left;
	width:193px;
	margin-top:12px;
	margin-bottom:0; padding-bottom:0;
	
}
.blog_image{
	float:left;
	display:inline;
	width:36px;
	height:36px;
	padding:2px;
	background:url(../images/backgrounds/bg_blog_image.gif) no-repeat center left;
	margin-right:10px;
}

.hub_right a{
	font-size:0.688em;
	line-height:1.6364em;
	color:#0b7dcc;
}
.remote .hub_right a{color:#0096db;}
.consulting .hub_right a{color:#e7251f;}
.development .hub_right a{color:#4e346a;}
.training .hub_right a{color:#3ea639;}

#home .hub_right a{
	color:#187bc0;
	text-decoration:underline
}

.hub_right a.all{
	float:right;
	display:inline;
	padding-left:7px;
	background:url(../images/backgrounds/arrow-small.gif) no-repeat center left;
	position:relative;
	top:-15px;
	margin-bottom:-5px;
}

.hub_right a.timeline{
	padding-left:7px;
	background:url(../images/backgrounds/arrow-small.gif) no-repeat center left;
}


.hub_right span.downloads, .hub_intro span.downloads{
	font-size:0.75em;	
}

span.downloads{
	padding-left:21px;
	background:url(../images/icons/icon-pdf.gif) no-repeat top left;	
}

span small{
	padding:0px 4px 0px 2px;
	background:url(../images/backgrounds/line_pdf.gif) no-repeat center center;
}

a.video, .content p a.pdf{
	padding-left:21px;
	background:url(../images/icons/icon_video.gif) no-repeat top left;
	text-decoration:none;
	font-weight:normal
}
.content p a.pdf{
	background:url(../images/icons/icon-pdf.gif) no-repeat top left;

}


a.pdf span{
	font-style:italic;
	font-weight:normal;
	color:#a2a7ae;	
}

/* -- .hub_right a span, .hub_intro span{
	font-style:italic;
	font-weight:normal;
	color:#a2a7ae;	
} */


.hub_col1{
	width:319px;
	margin-right:31px;
	margin-top:37px;
}

.hub_col2{
	width:319px;
	margin-top:37px;
}

#home .hub_col1, #home .hub_col2{
	margin-top:0;
}

#home .hub_left .hub_col1 p, #home .hub_left .hub_col2 p{
	line-height:1.6667em;
	margin-bottom:1.5em;
}

#home .hub_left p.intro{
	line-height:1.5em;
}

.hub_left h2{
	font-size:1.375em;
	line-height:1em;
	margin-bottom:0.27273em;
}
#home .hub_left .hub_col1 h2, #home .hub_left .hub_col2 h2{
	line-height:0.916667em;
	margin-bottom:0.727272em;
}

.hub_left p{
	line-height:1.5em;
	margin-bottom:1.1666667em;
}

.hub_left img{
	float:right;
	display:inline;
	margin-left:15px;
	margin-top:0.3125em;
}

.hub_left a.more, .service_banner a.more{
	width:149px;
	height:24px;
	background-image:url(../images/buttons/btn_more_hub.gif);
	background-position:0 -96px;
}

.careers .hub_left a.more{background-position:0 -120px;}
.remote .hub_left a.more, .service_banner .remote a.more{background-position:0 -72px;}
.consulting .hub_left a.more, .service_banner .consulting a.more{background-position:0 -48px;}
.development .hub_left a.more, .service_banner .development a.more{background-position:0 -24px;}
.training .hub_left a.more, .service_banner .training a.more{background-position:0 0px;}

.hub_left a.more:hover, .service_banner a.more:hover{
	background-position:0 -144px;
}

#home .hub_right{
	padding-top:37px
}

#home .hub_left p.intro{
	padding-top:31px
}

#home .hub_left .hub_col1 a.more, #home .hub_left .hub_col2 a.more{
	width:185px;
	height:30px;
	background-image:url(../images/buttons/btn_more_home.gif);
	background-position:0 0;
}

#home .hub_left .hub_col1 a:hover.more, #home .hub_left .hub_col2 a:hover.more{
	background-position:0 -30px;
}
.hub_insert{
	width:338px;
	height:92px;
	padding:28px 30px 0px 32px;
	background:url(../images-slider/insert-bg.png) no-repeat;
	position:absolute;
	top:70px;
	left:50px;
}



.hub_insert h1{
	color:#fff;
	text-indent:-1px;
	margin-bottom:5px;
	font-size:30px;
}

.hub_insert p{
	color:#fff;
	line-height:1.1111em;
	margin-bottom:0;
	font-size:15px;
}

.hub_left p.intro{
	padding-top:39px;

}

/* --------------------- SLIDESHOW --------------------- */



#nav2 { 
	width:960px; 
	float:left; 
	display:inline;
	margin-top:270px;
    margin-bottom:0px;
}
#nav2 li {
	display:inline;
}
#nav2 li a { 
	width:240px; 
	height:92px; 
	float:left; 
	display:inline;
	background-position:0 0;
	background-image:url(../images-slider/nav-slideshow.gif);
}

/* slide_0 is the default slide for the homepage and is not really part of the slideshow so it's nav button is hidden */
#nav2 li.slide_0 {
	display:none;
}

#nav2 li.slide_1 a:hover{
	background-position:0 -92px;
}
#nav2 li.slide_1 a.activeSlide, #nav2 li.slide_1 a:hover.activeSlide{
	background-position:0 -92px;
}

#nav2 li.slide_2 a{
	background-position:-480px 0;
}
#nav2 li.slide_2 a:hover{
	background-position:-480px -92px;
}
#nav2 li.slide_2 a.activeSlide, #nav2 li.slide_2 a:hover.activeSlide{
	background-position:-480px -92px;
}

#nav2 li.slide_3 a{
	background-position:-240px 0;
}
#nav2 li.slide_3 a:hover{
	background-position:-240px -92px;
}
#nav2 li.slide_3 a.activeSlide, #nav2 li.slide_3 a:hover.activeSlide{
	background-position:-240px -92px;
}

#nav2 li.slide_4 a{
	background-position:-720px 0;
}
#nav2 li.slide_4 a:hover{
	background-position:-720px -92px;
}
#nav2 li.slide_4 a.activeSlide, #nav2 li.slide_4 a:hover.activeSlide{
	background-position:-720px -92px;
}

/* --------------------- TIMELINE SLIDESHOW --------------------- */

.panel{
	margin-top:28px;
}

div#timeline_outer{
	position:relative; 
	background-image:url(../images/timeline/time_list_bg.gif); 
	top:4px; 
	background-repeat:no-repeat; 
	width:684px; 
	margin-bottom:28px; 
	height:50px;
}

#nav_timeline { 
	width:674px;
	height:45px;
	float:left; 
	display:inline;
	background:url(../images/backgrounds/time_list_bg.gif) no-repeat top left;
	margin-bottom:28px;
	margin-top:4px;
	padding:6px 5px 0px 5px;
}
#nav_timeline li {
	float:left; 
	display:inline;
	padding:11px 10px 18px 10px;
	background:url(../images/backgrounds/time_line.gif) no-repeat top right;
}

#nav_timeline li.timelast {
	padding:11px 0px 18px 10px;
	background:none;
}
#nav_timeline li a { 
	color:#090909;
	font-size:0.875em;
	font-weight:bold;
	text-shadow: #ffffff 0px 1px 0px;
	text-align:center;
	
}

#nav_timeline li a:hover{
	color:#187bc0;
	text-shadow: #ffffff 0px 1px 0px;
}

#nav_timeline li a.activeSlide{
	background:url(../images/backgrounds/time_arrow.gif) no-repeat bottom center;
	color:#187bc0;
	padding-bottom:17px;
	text-shadow: #ffffff 0px 1px 0px;
}

.staff {padding-top:25px;}