/************************************************************************************
		Header	
************************************************************************************/


#header {
	margin-top:10px;
}

#logolink {
	display:block
}

#logo {
	float:right ;
	margin-right:-7px
}


.minheight { min-height:500px!important }

@media handheld, only screen and (max-width: 767px) {
	#header {
	margin-top:10px;
	}
	
	#logo {
		margin:0 auto 5px ;
		display:block
	}
	
	.minheight {
		min-height:1px
	}
}




/************************************************************************************
		Desktop Navigation	
************************************************************************************/

#desktop_navigation ul.main_navigation {
	margin:90px 0 0 0 ;
	padding:0 ;
	list-style:none ;
	position:relative ;
	display:block ;
	background:url(/images/uploads/site/navigation_line.gif) repeat-x 0 44px ;
	float:left ;
	width:100% ;
	height:auto
}

	#desktop_navigation ul.main_navigation li {
		position: relative;
		display: block;
		float:left ;
		margin:0 ;
		padding:0 ;
		height:61px ;
		width:90px /*BF*/
	}
	
	#desktop_navigation ul.main_navigation li a {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #9d9d9c; 
		font-size:12px ;
		position: relative;
		display: block;
		/*padding: 0 15px 35px 15px;*/
		padding:0 0 35px 0 ; /*BF*/
		text-align:center ; /*BF*/
		background:url(/images/uploads/site/navigation_grey_circle.png) no-repeat center bottom 
	}
	
	@media handheld, only screen and (min-width: 767px) and (max-width: 890px) {
		#desktop_navigation ul.main_navigation li {
			width:75px /*BF*/
		}
		
		#desktop_navigation ul.main_navigation li a {
			font-size:11px ;
		}
	}
	
	#desktop_navigation ul.main_navigation li a:hover {
		color:#161615
	}
	
	#desktop_navigation ul.main_navigation li a.active {
		color:#161615 ;
	}
	
	#desktop_navigation ul.main_navigation li a#nav_about_us.active {
		color:#161615 ;
		background:url(/images/uploads/site/navigation_green_circle.png) no-repeat center bottom 
	}
	
	#desktop_navigation ul.main_navigation li a#nav_services.active {
		color:#161615 ;
		background:url(/images/uploads/site/navigation_blue_circle.png) no-repeat center bottom 
	}
	
	#desktop_navigation ul.main_navigation li a#nav_sectors.active {
		color:#161615 ;
		background:url(/images/uploads/site/navigation_darkgreen_circle.png) no-repeat center bottom 
	}
	
	#desktop_navigation ul.main_navigation li a#nav_news.active {
		color:#161615 ;
		background:url(/images/uploads/site/navigation_purple_circle.png) no-repeat center bottom 
	}
	
	#desktop_navigation ul.main_navigation li a#nav_our_people.active {
		color:#161615 ;
		background:url(/images/uploads/site/navigation_orange_circle.png) no-repeat center bottom 
	}
	
	#desktop_navigation ul.main_navigation li a#nav_contact.active {
		color:#161615 ;
		background:url(/images/uploads/site/navigation_yellow_circle.png) no-repeat center bottom 
	}
	
	#desktop_navigation ul.main_navigation li a#nav_case_studies.active {
		color:#161615 ;
		background:url(/images/uploads/site/navigation_golbehi_circle.png) no-repeat center bottom 
	}
	
	#desktop_navigation ul.main_navigation li span {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #9d9d9c; 
		font-size:15px ;
		position: relative;
		display: block;
	}
	
	#desktop_navigation ul.main_navigation li.slogan {
		float:right ;
		width:auto /*BF*/
	}
	
	
#desktop_navigation ul.sub_navigation {
	margin:10px 0 0 15px ;
	padding:0 ;
	list-style:none ;
	position:relative ;
	display:block ;
	float:left ;
	width:100% ;
	height:auto
}

	#desktop_navigation ul.sub_navigation li {
		position: relative;
		display: block;
		float:left ;
		margin:0 ;
		padding:0 ;
	}
	
	#desktop_navigation ul.sub_navigation li a {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #9d9d9c; 
		font-size:11px ;
		position: relative;
		text-transform:uppercase ;
		display: block;
		padding: 0 15px ;
		background:url(/images/uploads/site/sub_navigation_grey_circle.png) no-repeat center left ;
	}
	
	#desktop_navigation ul.sub_navigation li a:hover {
		color:#161615
	}
	
	#desktop_navigation ul.sub_navigation li a.active {
		color:#161615 ;
		background:url(/images/uploads/site/sub_navigation_full_grey_circle.png) no-repeat center left ;
	}	
	
/************************************************************************************
		Mobile Navigation	
************************************************************************************/
   nav.mobile {
    display: none;
	clear:both
   }

@media handheld, only screen and (max-width: 767px) {
    
    #desktop_navigation {
        display: none;
    }
    nav.mobile {
        display: block;
        width: 100%;
        overflow: hidden;
        text-transform: uppercase; /* FS Lola Bold */
        z-index: 1;
        position: relative; /*absolute*/
        top: 0;
        font-family: Arial ;
        font-size: 12px
    }
    nav.mobile > div {
        width: 100%;
        margin: 0;
    }
    nav.mobile > div > a {
        color: #fff;
        background:#444444 url(/images/uploads/site/mobile-menu-icon.png) no-repeat scroll right center ;
        padding: 5px 10px;
        display: block;
        border-top: 1px solid #fff;
		font-weight:bold
    }
	
	
    nav.mobile > div > ul {
        background: #333333;
        margin: 0;
        width: 100%;
        display: none;
        width: auto;
        height: auto;
        z-index: 9999;
    }
    nav.mobile ul li {
        list-style:none;
        color: #ffffff;
        padding:0; 
		border-bottom:1px solid #444444
        
    }
    nav.mobile ul li > a{
        display: block;
        color: #ffffff ;
		font-weight:bold ;
		padding: 5px 10px; 
    }

	nav.mobile ul li > a.active{
        display: block;
        color: #8cc63f ;
		 font-weight:bold ;
		 background:#000000
    }

    nav.mobile ul ul li {
        border: 0;
        color: #000;
        text-transform: capitalize;
    }
	
	nav.mobile ul li ul li > a.active{
        display: block;
        color: #8cc63f ;
		 font-weight:bold ;
		 background:none
    }
	
    nav.mobile ul ul li.selectedl2 {
        color: #8cc63f;
    }
	
	
	nav.mobile .sub {
		display:none
	}
}

/************************************************************************************
		Contents 	
************************************************************************************/

#contents {
	padding-top:10px ;
}

#contents .row {
	padding:0 15px ;
}

#contents .row .row {
	padding:0
}

#contents h1 {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #9d9d9c; 
	font-size:18px ;
	position: relative;
	margin-bottom: 16px;
	padding:0
}


#contents h2 {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #9d9d9c; 
	font-size:16px ;
	position: relative;
	margin-bottom: 16px;
	padding:0
}


#contents p {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #1d1d1b; 
	font-size:13px ;
	position: relative;
}

#contents .careers_snippet p {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #1d1d1b; 
	font-size:13px ;
	position: relative;
	margin-bottom:0
}

#contents .careers_snippet h5 {
	margin-bottom:10px
}


#contents .careers_snippet p.careers_snippet_text {
	margin-top:10px ;
	margin-bottom:10px
}

#contents .careers_snippet p.more {
	margin-bottom:10px
}

#contents cite {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #1d1d1b; 
		font-size:13px ;
		text-align:center ;
		display:block ;
		margin-top:5px
}

#contents ul {
	padding-left:18px
}

#contents ul li {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #1d1d1b; 
	font-size:13px ;
	position: relative;
	list-style-type:disc ;
	padding-bottom:0
}


#contents .left_line {
	background:url(/images/uploads/site/sidebar_line.gif) repeat-y left top ; 
	padding-left:20px ;
}


@media handheld, only screen and (max-width: 767px) {
	#contents .left_line {
		background:none ; 
		padding-left:0 ;
		min-height:0 ;
		padding-bottom:10px
	}
}
#contents #homepageSidebar {
	padding-bottom:10px
}

#contents #homepageSidebar h2 {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #9d9d9c; 
		font-size:16px ;
		position: relative;
		margin-bottom: 5px;
		padding:0 ;
}

#contents #homepageSidebar h3 {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #000000; 
		font-size:12px ;
		position: relative;
		line-height:normal ;
		margin:0 ;
		padding:0
}

#contents #homepageSidebar p {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #9d9d9c; 
		font-size:12px ;
		margin:0 ;
		line-height:normal
}

#contents #homepageSidebar a {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #000000; 
		font-size:12px ;
		
}

#contents #homepageSidebar p.green {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #8cc63f; 
		font-size:12px ;
}


#contents #homepageSidebar cite {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #9d9d9c; 
		font-size:12px ;
		text-align:left ;
		margin:0 ;
		padding:0 ;
		line-height:normal
}


#contents #layerslider h1 {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #9d9d9c; 
	font-size:28px ;
	position: relative;
	margin-bottom: 16px;
	padding:0
}

#contents #layerslider h1 span.green {
	color: #8cc63f; 
}

#contents #layerslider h2 {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #9d9d9c; 
	font-size:16px ;
	position: relative;
	margin-bottom: 16px;
	padding:0
}


#contents #layerslider p {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #1d1d1b; 
	font-size:12px ;
	position: relative;
}


#contents #layerslider cite {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #8cc63f; 
		font-size:12px ;
}


#peopleDots {
	 background:url(/images/uploads/site/dots2.jpg) repeat-y top right!important ;
	 border-bottom:1px solid #cccccc
}


#contents .pagination a{
	color:#000000
}

#contents .pagination strong {
	color:#8cc63f ;
	font-weight:normal
}


#contents .pagination {
	font-size:13px!important
}


.cs_alldetails .title {
	float:left ;
	width:30% ;
	line-height:normal ;
	font-size:13px
}


.cs_alldetails .text {
	float:left ;
	width:70% ;
	line-height:normal ;
	font-size:13px
}

.cs_alldetails .jobtype_detail, .cs_alldetails .detail {
	clear:both ;
	overflow:hidden ;
	margin-bottom:5px
}

.cs_alldetails a.more_button {
	text-align:right
}

#contents div.pull_twelve.four.columns {
	position:relative ;
	/*padding-bottom:175px*/
}

#contents div.pull_twelve.four.columns.nopaddingbottom {
	position:relative ;
	padding-bottom:0
}
/*
#contents img.stats {
	position:absolute ;
	bottom:20px 
}*/

#contents img.stats {
	margin-bottom:20px 
}
@media only screen and (max-width: 767px) { 
	.cs_alldetails a.more_button {
		text-align:left
	}
	
	#contents img.stats {
		position:relative ;
		bottom:auto ;
		margin-bottom:20px 	
	}
	
	#contents div.pull_twelve.four.columns {
		position:relative ;
		padding-bottom:0
	}
	
	#peopleDots {
		 background:none!important ;
		 border-bottom:1px solid #cccccc
	}
}
#testimonials {
	min-height:165px
	}

@media only screen and (max-width: 768px) {
	#homelayerslider {
		width:100%!important ;
		display:block
	}
	#homepageSidebar {
		width:100%!important ;
		display:block ;
		
	}
	
	#testimonials {
		margin-bottom:20px ;
		min-height:1px
	}
	
	#contents .left_line {
		background:none ;
		padding:0
	}
}

/************************************************************************************
		Contents / Scrollbar
************************************************************************************/

#contents .content {
	position:relative; 
	margin:0 auto; 
	width:100%; 
	height:335px; 
	padding:0; 
	overflow:auto; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}


@media only screen and (max-width: 767px) {
	#contents .content {
		position:relative; 
		margin:20px auto; 
		width:100%; 
		height:300px; 
		padding:0; 
		overflow:auto; 
		-webkit-box-sizing:border-box; 
		-moz-box-sizing:border-box; 
		box-sizing:border-box;
	}
}
/************************************************************************************
		Contents / Sidebar Secondary Navigation
************************************************************************************/

#secondary_navigation_layout {
	margin:4px 0 20px 0 ;
	padding:0!important ;
	list-style:none ;
	position:relative ;
	display:block ;
	background:url(/images/uploads/site/dots.gif) repeat-x top left
}

	#secondary_navigation_layout li {
		position: relative;
		display: block;
		margin:0 ;
		padding:5px 0!important;
		font-family: "Lato"; 
		font-weight: 400; 
		color: #000000; 
		font-size:12px ;
		text-transform:uppercase;
		line-height:normal ;
		background:url(/images/uploads/site/dots.gif) repeat-x bottom left
	}
	
	#secondary_navigation_layout li a {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #9d9d9c; 
		font-size:12px ;
		position: relative;
		display: block;
		text-transform:uppercase
	}
	
	#secondary_navigation_layout li a:hover {
		color:#161615
	}
	
	#secondary_navigation_layout li a.active {
		color:#161615
	}
	
		#secondary_navigation_layout li ul {
			position: relative;
			display: block;
			margin: 0 0 0 15px; 
			padding:0 ;
		}
	
		#secondary_navigation_layout li ul li {
			position: relative;
			display: block;
			margin:0 ;
			padding:5px 0;
			background:none;
			font-family: "Lato"; 
			font-weight: 400; 
			color: #000000; 
			font-size:12px ;
			text-transform:uppercase ;
		}
		
		#secondary_navigation_layout li ul li a {
			font-family: "Lato"; 
			font-weight: 400; 
			color: #9d9d9c; 
			font-size:12px ;
			position: relative;
			display: block;
			text-transform:uppercase
		}

		#secondary_navigation_layout li ul li a.active {
			color:#22b573
		}

/************************************************************************************
		Contents / Slider Carousel
************************************************************************************/

#contents #slider {
	margin-bottom:20px ;
	margin-top:20px ;
}
	
#contents #slider a span {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #1d1d1b; 
	font-size:12px ;
	position: relative;
	padding: 0;
	margin:5px 0 0 0 ;
	text-align:center ;
	display:block ;
	line-height:normal
}


#contents #slider h1 {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #9d9d9c; 
	font-size:18px ;
	position: relative;
	margin-bottom: 16px;
	padding:10px 0 ;
	border-bottom:1px solid #cccccc
}	
	
	
	
/************************************************************************************
		Contents / Newslisting
************************************************************************************/

#contents .listing_news {
	margin:0 ;
	padding:0 ;
	list-style:none ;
	position:relative ;
	display:block ;
}

	#contents .listing_news li {
		position: relative;
		display: block;
		margin:0 0 10px 0 ;
		padding:0 0 10px 0!important ;
		background:url(/images/uploads/site/dots.gif) repeat-x bottom left ;
		overflow:hidden
	}
	
	#contents .listing_news li a {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #8cc63f; 
		font-size:12px ;
		position: relative;
		display: block;
	}
	
	#contents .listing_news li h2 {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #9d9d9c; 
		font-size:18px ;
		position: relative;
		display: block;
	}
	
	#contents .listing_news li cite {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #8cc63f; 
		font-size:12px ;
		position: relative;
		display: block;
	}
	
	
	#contents img.newsImage {
		width:100% ;
		height:121px
	}
	
	#contents .listing_news li img.casestudiesImages {
		width:100% ;
		height:165px
	}
	
/* Mobile */
@media only screen and (max-width: 767px) { 
  ul.listing_news .column, ul.listing_news .columns { margin-left: 0;  }
  ul.listing_news .four.columns { width:30% !important ; margin-right: 20px;}
  ul.listing_news .twelve.columns h2 { padding:0 }
	
	#contents img.newsImage {
		width:100% ;
		height:auto
	}
	
	#contents .listing_news li img {
		width:100% ;
		margin-bottom:10px ;
		height:auto!important
	}
}

/************************************************************************************
		Contents / Contact Us
************************************************************************************/


#contents #contact h2 {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #9d9d9c; 
	font-size:18px ;
	position: relative;
}


#contents .directors_listing {
	margin:0 ;
	padding:0 ;
	list-style:none ;
	position:relative ;
	display:block ;
	width:50% ;
	float:left
}

@media handheld, only screen and (max-width: 767px) {
#contents .directors_listing {
	margin:0 ;
	padding:0 ;
	list-style:none ;
	position:relative ;
	display:block ;
	width:100% ;
	float:none
}
}

	#contents .directors_listing li {
		position: relative;
		display: block;
		margin:0 0 10px 0 ;
		padding:0 0 0 0 ;
		/*float:left ;
		width:50%*/
	}
	
	#contents .directors_listing li a {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #8cc63f; 
		font-size:12px ;
		position: relative;
		display: block;
		line-height:16px
	}
	
	#contents .directors_listing li h3 {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #1d1d1b; 
		font-size:13px ;
		position: relative;
		display: block;
	}
	
	#contents .directors_listing li span {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #1d1d1b; 
		font-size:12px ;
		position: relative;
		display: block;
		line-height:16px
	}


	
/************************************************************************************
		Footer	
************************************************************************************/

#footer .row {
	padding:0 15px!important ;
	border-bottom:0px solid #9d9d9c ;
}


#footer #footer_top_border {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc ;
	display:block ;
	overflow:hidden ;
	padding:10px 0
}

#footer p, #footer a {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #1d1d1b; 
	font-size:12px ;
	position: relative;
	padding: 0;
	margin:0 ;
	line-height:32px
}

#footer a:hover {
	color:#9d9d9c
}

#footer a#site_email {
	font-family: "Lato"; 
	font-weight: 400; 
	color: #1d1d1b; 
	font-size:13px ;
	position: relative;
	padding: 0;
	margin:0 0 0 20px ;
	line-height:32px
}

#footer a#site_email:hover {
	color:#9d9d9c
}


#footer ul#social_links {
	margin:0 ;
	padding:0 ;
	list-style:none ;
	position:relative ;
	display:block ;
	float:right
}

	#footer ul#social_links li {
		position: relative;
		display: block;
		margin:0 ;
		padding:0 ;
		float:left
	}
	
	#footer ul#social_links li a {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #9d9d9c; 
		font-size:12px ;
		position: relative;
		display: block;
		margin: 0 5px ;
		width:32px ;
		height:32px ;
		text-indent:-99999px
	}
	
	#footer ul#social_links li a#twitter {
		background:url(/images/uploads/site/twitter_icon.gif) no-repeat center center
	}
	
	#footer ul#social_links li a#linkedin {
		background:url(/images/uploads/site/linkedin_icon.gif) no-repeat center center
	}
	
	#footer ul#social_links li a#rss {
		background:url(/images/uploads/site/rss_icon.gif) no-repeat center center
	}
	
	
#footer ul#footer_links {
	margin:0 ;
	padding:0 ;
	list-style:none ;
	position:relative ;
	display:block ;
}

	#footer ul#footer_links li {
		position: relative;
		display: block;
		margin:0 ;
		padding:0 ;
		float:left
	}
	
	#footer ul#footer_links li a {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #1d1d1b; 
		font-size:12px ;
		position: relative;
		display: block;
		margin: 0 10px 0 0 ;
	}	
	
	#footer ul#footer_links li a:hover {
		color:#9d9d9c
	}
	
	
	
#footer #tweet p {
		font-family: "Lato"; 
		font-weight: 400; 
		color: #1d1d1b; 
		font-size:12px ;
		position: relative;
		display: block;
		line-height:normal
}

#footer #tweet p .blue, #footer #tweet p a {
	color:#20abe2 ;
	line-height:normal
}


#footer #tweet p .tweet_time {
	color:#9d9d9c
}


@media handheld, only screen and (max-width: 767px) {
	#footer ul#social_links {
		float:left
	}
	#footer ul#social_links li a {
		margin: 0 5px 0 0 ;
	}
	#footer a {
		line-height:normal
	}
	#footer .eight.columns p.pull_right {
		float:left
	}
	#footer #tweet {
		margin-bottom:10px 
	}
	
	#footer_top_border {
		margin-bottom:10px
	}
}	

#layerslider {
	background:url(/images/uploads/site/dots.jpg) no-repeat center right