/*---------------------------------------------------------------------     
    I M P O R T S
---------------------------------------------------------------------*/

@import url(reset.css);
@import url(images.css);
@import url(typography.css);
@import url(forms.css);
@import url(work.css);
@import url(dev.css);


body{
	background-color:#B0B0B0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}

#container{
	width:941px;
	margin:0px auto;
	padding:22px 20px 40px 20px;
	background-color:#FFFFFF;
}


/* header---------------
*/
#header-wrapper{
	position:relative;
	width:941px;
	height:103px;
}	

#logo{
	position:relative;
	width:222px;
	float:left;
	height:103px;
}


#strapline{
	position:relative;
	width:484px;
	float:left;
	height:103px;
}


#top-contacts{
	position:relative;
	float:left;
	width:235px;
	height:103px;
}


/* end header---------------
*/






/* main content layout ---------------
*/

#content-wrapper{
	position:relative;
	width:941px;
}


#left-column{
	position:relative;
	float:left;
	width:215px;
	margin-right:7px;
}


#center-column{
	position:relative;
	float:left;
	width:477px;
	margin-right:7px;
	overflow:hidden;
	min-height:365px;
}


#right-column{
	width:235px;
	position:relative;
	float:left;
	overflow:hidden;
}


#right-column-full{
	width:719px;
	position:relative;
	float:left;
	overflow:hidden;
}



#intro-title{
	width:477px !important;
	padding-bottom:6px;
	margin-top:-6px;
	
}

/* end content layout ---------------
*/






/* Navigation
---------------------------- */

div#navigation ul{
	list-style:none;
	position:relative;
	line-height:130%;	
	
}

div#navigation ul li{
	margin: 0;
}


div#navigation ul li a{
	color:#000000;
	margin: 0;
	text-decoration: none;
	font-weight:bold;
	letter-spacing:0.001em;
}


div#navigation ul li a.active, div#navigation ul li a:hover{
	color:#E11731;
}


/* sub menus
-------------------*/

ul.subMenu1 li, ul.subMenu2 li, ul.subMenu3 li{
	list-style-type:none;
	margin:0;
	padding-left:23px;
	
}

ul.subMenu1 li a, ul.subMenu2 li a, ul.subMenu3 li a,
ul.subMenu1 li a:hover, ul.subMenu2 li a:hover, ul.subMenu3 li a:hover{
	color:#000000;
	font-weight:normal !important;
	
}

a.activeSub{
	color:#E11731 !important;
}

ul.subMenu1 li a:hover, ul.subMenu2 li a:hover, ul.subMenu3 li a:hover{
	text-decoration:underline;
	color:#000000;
}
/* End Navigation
------------------------------*/








/* Homepage / Case Study
*----------------------------------------*/
#home-carousel-main-wrapper, #case-study-carousel-wrapper{
	position:relative;
	width:719px;
	height:455px;
	background-color:#000;
	margin-bottom:7px;
	overflow:hidden;
}


#home-carousel-main-wrapper .flash-wrapper{
	width:719px;
	height:455px;
	overflow:hidden!important;
}


#home-carousel-main-wrapper #flashcontent{
	width:719px;
	z-index:0;
	height:455px;
	overflow:hidden;
}


.home-carousel-main-buttons, 
.case-study-carousel-main-buttons{
	width:150px;
	display:inline-block;
	text-align:right;
	padding:3px 5px 0 0;	
}


#menu-link{
	float:left;
	width:95px;
	font-size:12px;
	text-align:left;
	padding:0 0 0 5px;
}

#menu-link a{
	color:#000000;
	text-decoration:none;
}

#menu-link a:hover{
	color:#26A0DE;
	text-decoration:none;
}




.home-carousel-main, #case-study-main{
	background-color:#000000;
	width:719px;
	height:455px;
	overflow:hidden;
}


#home-carousel-main-wrapper li,
#case-study-carousel-wrapper li{
	width:719px;
	height:455px;
	overflow:hidden;
}


#home-carousel-main-wrapper .carousel-title,
#case-study-carousel-wrapper  .carousel-title{ 
	background-color:#FFFFFF; 
	padding:0; 
	width:155px; 
	position:absolute; 
	z-index:10!important;
	height:27px; 
	/*margin:7px 0 0 7px;*/
	margin:7px 0 0 557px;
}

/* new for only prev / next display 
#home-carousel-main-wrapper .carousel-title{
	width:50px;
	position:absolute; 
	z-index:10!important;
	margin:7px 0 0 577px;
	
}
/* end new */


#home-carousel-main-wrapper li div.item-title,
#case-study-carousel-wrapper li div.item-title {
	position: absolute;
	width:557px;
	height:27px;
	background-color:#FFFFFF!important;
	padding:0;
	margin:7px 0 0 7px;
}



#text-slide{
	padding:57px 14px 21px 14px;
	height:377px;
}


#text-slide.white-on-black{
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	letter-spacing:-0.004em;
}


#text-slide p{
	width:463px;
}

#text-slide.white-on-black p{
	padding-bottom:20px;
}

#text-slide.white-on-black a{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px solid #CCCCCC;
}



/* secondary carousels 
-------------------------*/

#secondary-carousel-wrapper{
	width:719px;
	position:relative;
}

#secondary-carousel-left{
	width:235px;
	height:149px;
	float:left;
	position:relative;
	margin-right:7px;
	overflow:hidden;
}

#secondary-carousel-center{
	position:relative;
	float:left;
	width:235px;
	height:149px;
	margin-right:7px;
	overflow:hidden;
}

#secondary-carousel-right{
	width:235px;
	height:149px;
	float:left;
	position:relative;
	overflow:hidden;
}

/* End Homepage
------------------------------*/










/* Carousels
------------------------------*/


/* global */

.carousel-buttons{
	width:50px;
	height:9px;
	display:inline-block;
	text-align:right;
	padding:3px 0 0 0;
	margin:0;
	
}


button{
	cursor:pointer;
	text-indent:-9999999px;
	outline:0;
	width:auto;
    overflow:visible;
}


button.prev{
	width:16px;
	height:9px;
	background-color:#FFFFFF;
	background-image:url(../images/global/carousel_left.gif);
	background-repeat:no-repeat;
	border:0;
	margin:0;
	padding:0;
	
}

button.next{
	width:16px;
	height:9px;
	background-color:#FFFFFF;
	background-image:url(../images/global/carousel_right.gif);
	background-repeat:no-repeat;
	border:0;
	margin:0;
	padding:0;
}






#secondary-carousel-wrapper li{
	width:235px;
	height:149px;
}

#secondary-carousel-wrapper .carousel-title{ 
	background-color:#FFFFFF; 
	padding:0; 
	width:221px; 
	position:absolute; 
	z-index:5;
	height:22px; 
	margin:7px 0 0 7px;
}



/* news */
#secondary-carousel-wrapper .news-carousel{
	background-color:#26A0DE;
	height:149px;
	width:235px;
}

#secondary-carousel-wrapper .news-carousel-item{
	padding:37px 7px 7px 7px;
	color:#FFFFFF;
	font-size:12px;
	
}


/* work */
#secondary-carousel-wrapper .work-carousel{
	background-color:#BFDF29;
	width:234px;
	height:149px;
}


/* agenda */
#secondary-carousel-wrapper .agenda-carousel{
	background-color:#E11731;
	height:149px;
	width:234px;
}

#secondary-carousel-wrapper .agenda-carousel-item{
	padding:37px 7px 7px 7px;
	color:#FFFFFF;
	font-size:13px;
}






/* On-page Sidebar carousels 
-------------------------*/

#sidebar-carousels li{
	width:235px;
	height:149px;
	overflow:hidden;
}




/* news */
#sidebar-news-carousel{
	width:235px;
	height:149px;
	margin-bottom:7px;
	overflow:hidden;
}


#sidebar-news-carousel button.prev{
	width:16px;
	height:9px;
	background-color:#26A0DE; 
	background-image:url(../images/global/carousel_left_news.gif);
	background-repeat:no-repeat;
	border:0;
}

#sidebar-news-carousel button.next{
	width:16px;
	height:9px;
	background-color:#26A0DE; 
	background-image:url(../images/global/carousel_right_news.gif);
	background-repeat:no-repeat;
	border:0;
}


#sidebar-news-carousel .carousel-title-news{ 
	background-color:#26A0DE; 
	padding:0; 
	width:221px; 
	position:absolute; 
	z-index:5;
	height:22px; 
	margin:7px 0 0 7px;
}

#sidebar-news-carousel .news-carousel{
	background-color:#F0F0F0;
	height:149px;
	width:235px;
}

#sidebar-news-carousel .news-carousel-item{
	padding:35px 7px 7px 7px;
	color:#4c4c4c;
	font-size:12px;
	line-height:120%;
}





/* agenda */
#sidebar-agenda-carousel{
	width:235px;
	height:149px;
	margin-bottom:7px;
	overflow:hidden;
}


#sidebar-agenda-carousel button.prev{
	width:16px;
	height:9px;
	background-color:#E11731; 
	background-image:url(../images/global/carousel_left_agenda.gif);
	background-repeat:no-repeat;
	border:0;
}

#sidebar-agenda-carousel button.next{
	width:16px;
	height:9px;
	background-color:#E11731; 
	background-image:url(../images/global/carousel_right_agenda.gif);
	background-repeat:no-repeat;
	border:0;
}


#sidebar-agenda-carousel .carousel-title-agenda{ 
	background-color:#E11731; 
	padding:0; 
	width:221px; 
	position:absolute; 
	z-index:5;
	height:22px; 
	margin:7px 0 0 7px;
}

#sidebar-agenda-carousel .agenda-carousel{
	background-color:#F0F0F0;
	height:149px;
	width:235px;
}

#sidebar-agenda-carousel .agenda-carousel-item{
	padding:35px 7px 7px 7px;
	color:#4c4c4c;
	font-size:12px;
	line-height:120%;
}


/* agenda */
#sidebar-work-carousel{
	width:235px;
	height:149px;
	margin-bottom:7px;
	overflow:hidden;
}


#sidebar-work-carousel button.prev{
	width:16px;
	height:9px;
	background-color:#BACF23; 
	background-image:url(../images/global/carousel_left_work.gif);
	background-repeat:no-repeat;
	border:0;
}

#sidebar-work-carousel button.next{
	width:16px;
	height:9px;
	background-color:#BACF23; 
	background-image:url(../images/global/carousel_right_work.gif);
	background-repeat:no-repeat;
	border:0;
}


#sidebar-work-carousel .carousel-title-work{ 
	background-color:#BACF23; 
	padding:0; 
	width:221px; 
	position:absolute; 
	z-index:5;
	height:22px; 
	margin:7px 0 0 7px;
}

#sidebar-work-carousel .work-carousel{
	background-color:#F0F0F0;
	height:149px;
	width:235px;
}

#sidebar-work-carousel .work-carousel-item{
	padding:35px 7px 7px 7px;
	color:#4c4c4c;
	font-size:12px;
	line-height:120%;
}







/* gallery 
----------------------------*/
#gallery-carousel-wrapper .carousel-title{
	background-color:#FFFFFF; 
	padding:0; 
	width:463px; 
	position:absolute; 
	z-index:5;
	height:21px; 
	margin:7px 0 0 7px;
}

#gallery-carousel-wrapper{
	overflow:hidden;
	width:477px;
	height:328px;
	margin-top:14px;
}


#gallery-carousel-inner{
	width:477px;
	height:328px;
	overflow:hidden;
}


#gallery-carousel-inner li{
	width:477px;
	height:328px;
	overflow:hidden;
}





/* News Listing
-----------------------------------------*/

.news-listing-item{
	border-top:1px solid #E6E6E6;
	padding:0;
	display:block;
	padding:8px 0 8px 0;
}

.last-news{
	border-bottom:1px solid #E6E6E6;
}


.news-listing-text{
	position:relative;
	float:left;
	width:235px;
	margin-right:7px;
	line-height:120%;
}

.news-listing-text p{
	width:235px!important;	
}

.news-listing-image{
	position:relative;
	width:235px;
	float:right;
}



/* End News Listing
------------------------------*/





/*  News Article 
------------------------------*/

#news-image-landscape{
	margin-bottom:7px;
}

#news-landscape-title{
	position:relative;
	float:left;
	width:356px;
	margin-right:7px;
	margin-bottom:10px;
	padding:0;
}

#news-landscape-title p{
	width:356px;
}

#news-landscape-back{
	width:114px;
	position:relative;
	float:left;
}	


#news-landscape-content{
	line-height:120%;
}


#news-portrait-title{
	position:relative;
	float:left;
	width:356px;
	margin-right:7px;
	height:71px;
}

#news-portrait-back{
	width:114px;
	position:relative;
	float:left;
	height:71px;
}

#news-portrait-content{
	width:235px;
	margin-right:7px;
	position:relative;
	float:left;
	line-height:120%;
}

#news-portrait-image{
	width:235px;
	position:relative;
	float:left;
}



#news-landscape-back a, #news-portrait-back a{
	text-indent:-999999px;
}

a.back-to-listing{
	display:block;
	background:url(../images/global/pagination-left.gif) left no-repeat;
	width:20px;
	height:10px;
	text-indent:-999999px;
}

a.back-to-listing:hover{
	display:block;
	background:url(../images/global/pagination-left-on.gif) left no-repeat;
	width:20px;
	height:10px;
	text-indent:-999999px;
}

#news-search-summary{
	border-top:1px solid #E6E6E6;
	padding:8px 0 8px 0;
	font-size:11px;
	color:#4D4D4D;
}

p.no-news-results{
	border-top:1px solid #E6E6E6;
	padding:8px 0 8px 0;
}


#spacerNews {
	height:10px;
	display:block;
	position:relative;
	overflow:visible;
}

	
/* End News Article
------------------------------*/



/* News Filter
-----------------------------------------*/

#news-filter{
	background-color:#F0F0F0;
	padding:7px 7px 28px 7px;
}

#news-filter #news-categories{
	margin-top:10px;
}

#news-categories li a{
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#news-categories li a:hover{
		color:#26A0DE;
	text-decoration:none;
	/*border-bottom:1px solid #26A0DE;*/
}
	
	
#news-categories li{
	margin-bottom:7px;
}






/* Work Listing
-----------------------------------------*/

.work-listing{
	position:relative;
	width:235px;
	height:149px;
	float:left;
	margin-right:7px;
	margin-bottom:7px;
}


.work-listing-title{ 
	background-color:#ffffff; 
	padding:0; 
	width:221px; 
	position:absolute; 
	z-index:5;
	height:22px; 
	margin:7px 0 0 7px;
}

.last-work{
	margin-right:0;
}







/* Team
------------------------------*/

#spacerTeam {
	height:10px;
	display:block;
	position:relative;
	overflow:visible;
}

.team-item{
	border-top:1px solid #E6E6E6;
	padding:0;
	display:block;
	padding:8px 0 8px 0;
	
}

.team-last{
	border-bottom:1px solid #E6E6E6;
	
}

.team-image{
	float:left;
	position:relative;
	width:114px;
	height:114px;
	margin-right:10px;
}

.team-info{
	position:relative;
	width:353px;
	float:right;
	line-height:125%;
	padding:0 0 0 0;
}

.team-item  h2{
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0px;
}

/* End Team
------------------------------*/



/* Vacancy
------------------------------*/

.vacancy-item{
	border-top:1px solid #E6E6E6;
	padding:8px 0 16px 0;
}

.vacancy-last{
	border-bottom:1px solid #E6E6E6;
	margin-bottom:16px;
}


.vacancy-title{
	float:left;
	position:relative;
	width:303px;
	margin-right:10px;
}

.vacancy-link{
	position:relative;
	width:154px;
	float:right;
	line-height:120%;
}

.vacancy-link a{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	margin-right:50px;
}

.vacancy-link a:hover{
	text-decoration:none;
	color:#26A0DE;
}


.vacancy-item h3{
	font-size:12px;
	font-weight:normal;
	margin:0 0 0px 0;
}

/* End Team
------------------------------*/







/* Clients
-----------------------------------------*/

#intro-sub{
	width:477px;
	margin-bottom:15px;
}

#intro-sub p{
	line-height:128%;
}


.client-item{
	position:relative;
	float:left;
	width:235px;
	border-bottom:1px solid #E6E6E6;
	padding:7px 0 17px 0;
	font-size:12px;
	color:#4D4D4D;
	margin-right:7px;
}

.client-item img{
	padding:0;
	border:0;
	margin:0;
}

.client-last {
	margin-right:0px!important;
}

.client-first-row {
	border-top:1px solid #E6E6E6;
}



/* Agenda
-----------------------------------------*/

.agenda-listing-item{
	border-top:1px solid #E6E6E6;
	padding:8px 0 8px 0;
	display:block;
}

 .last-agenda {
	border-bottom:1px solid #E6E6E6;
}


.agenda-listing-text{
	position:relative;
	width:235px;
	float:left;
	margin-right:7px;
}

.agenda-listing-text p{
	width:235px!important;	
}

.agenda-listing-image{
	position:relative;
	width:235px;
	float:right;
	text-align:right;
	vertical-align:middle;
	
}


#agenda-image{
	border-top:1px solid #E6E6E6;
	padding:0; margin:0;
}

#agenda-details{
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	padding:8px 0 8px 2px;
	font-size:11px;
	color:#4D4D4D;
	margin-bottom:17px;
}

#agenda-search-summary{
	border-top:1px solid #E6E6E6;
	padding:8px 0 8px 0;
	font-size:11px;
	color:#4D4D4D;
}


p.no-agenda-results{
	border-top:1px solid #E6E6E6;
	padding:8px 0 8px 0;
}



#comment-area-wrapper{
	border-top:1px solid #E6E6E6;
	padding:8px 0 8px 0;
}	


#agenda-comments{
	margin-top:25px;
	/*//border-top:1px solid #F6BAC2;*/
	/*border-bottom:1px solid #F6BAC2;*/
	padding:8px 0 0px 0;
}

#agenda-comment-form{
	padding:0 0 8px 0;
	border-top:1px solid #E6E6E6;
}



/* agenda comments */
#comment-area-wrapper{
	/*border-bottom:1px solid #F6BAC2;*/
	padding:8px 0 16px 0;
	font-size:12px;
	
}	

#comment-form{
	padding-top:18px;
	height:300px;
}

#comment-response-inner{
	padding-top:18px;
	/*height:300px;*/
}

#comment-form form{
	padding-top:8px;
}



.commentWrapper{
	padding:8px 0 16px 0;
	border-bottom:1px solid #EFEFEF;
	
}

.commentWrapperLast{
	padding:8px 0 8px 0;
	
}


.comment-left{
	float:left;
	position:relative;
	width:175px;
}

.comment-right{
	float:right;
	position:relative;
	width:270px;
}

.comment-left p strong{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	display:block;
	padding:0!important;
	
}

.comment-left p{
	color:#666666;
	font-size:12px;
	padding:0!important;
	width:175px!important;
}


.comment-right p{
	width:270px!important;
}





/* pagaintion
-----------------------------------------*/

#paginationWrapper{
	padding:7px 0 0 0;
	height:30px;
}


#paginationWrapper a{
	text-indent:-999999px !important;
}



#paginationWrapper a.next, #paginationWrapperA a.next{
	display:block;
	width:21px;
	height:9px;
	background:url(../images/global/pagination-right.gif) left no-repeat;
	float:left;
	
}

#paginationWrapper a.next:hover{
	display:block;
	width:21px;
	height:9px;
	background:url(../images/global/pagination-right-on.gif) left no-repeat;
	float:left;
}

#paginationWrapperA a.next:hover{
	display:block;
	width:21px;
	height:9px;
	background:url(../images/global/pagination-right-on-a.gif) left no-repeat;
	float:left;
}

#paginationWrapper a.previous, #paginationWrapper a.previous{
	display:block;
	width:16px;
	height:9px;
	background:url(../images/global/pagination-left.gif) left no-repeat;
	float:left;
	margin-right:4px;
}

#paginationWrapper a.previous:hover{
	display:block;
	width:16px;
	height:9px;
	background:url(../images/global/pagination-left-on.gif) left no-repeat;
	float:left;
	margin-right:4px;
}

#paginationWrapperA a.previous:hover{
	display:block;
	width:16px;
	height:9px;
	background:url(../images/global/pagination-left-on-a.gif) left no-repeat;
	float:left;
	margin-right:4px;
}





/* Agenda Filter & links box
-----------------------------------------*/

.agenda-side-box{
	background-color:#F0F0F0;
	padding:7px 7px 28px 7px;
	margin-bottom:7px;
}

.agenda-side-box ul{
	margin-top:10px;
}

.agenda-side-box li a{
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

.agenda-side-box li a:hover {
		color:#E11731;
	text-decoration:none;
	/*border-bottom:1px solid #E11731;*/
}
	
	
.agenda-side-box li{
	margin-bottom:7px;
}








/* End Agenda
-----------------------------------------*/



/* FOOTER
*----------------------------------------*/

div#footer{
	position:relative;
	margin-top:73px;
}

div#footer a{
	color:#404040;
	text-decoration:none;
}

div#footer a:hover{
	color:#404040;
	text-decoration:underline;
}

div#footer ul{
	list-style:none;
	position:relative;	
	font-size:11px;
}

div#footer ul li{
	margin: 0;
	padding:0 10px 0 0;
	display:inline;
	
}




/*---------------------------------------------------------------------     
   S I T E M A P 
---------------------------------------------------------------------*/

ul#siteMap a{
	text-decoration:none;
	color:#333333;
	
}

ul#siteMap a:hover{
	text-decoration:underline;
	
}


ul#siteMap ul{
	margin-left:30px;
}

ul#siteMap li{
	padding-bottom:5px;
	padding-top:5px;
}