/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#929292;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
*:first-child+html .group {min-height: 1px;}
.clearfix {display: inline-block;}  /* for IE/Mac */

/*********************
	DEFAULT STYLES 
********************/
a:active,a:focus,a:hover,a:link,a:visited {
	color:#5f98cf;
	text-decoration: none;
	outline: none;
}

/******************* 
	CORE STRUCTURE
********************/
#fixed {
	width:1100px;
	margin:0 auto;
	background: #f2f2f2;
}

/********************* 
	MAIN NAVIGATION
*********************/
#topnav 
	{
	background:transparent url(../images/backgrounds/sprite.jpg) center 0 no-repeat;
	overflow:hidden;
	height: 58px;
	position: relative;
	}
#topnav ul 
	{
	position: absolute;
	width: 820px;
	}
#topnav ul li 
	{
	float:right;
	list-style:none;
	line-height:58px;
	}
#topnav .active
	{
	background: url(../images/assets/marker.png) center bottom no-repeat;
	}
#topnav a 
	{
	display: block;
	padding:0px 15px;
	color: #ffffff;
	text-decoration:none;
	}
#topnav a.active 
	{
	font-weight: bold;
	}

#search-form 
	{
	position: absolute;
	left: 850px;
	width: 200px;
	line-height: 58px;
	}

#search-terms {display: block; border: 1px solid #999; height: 22px; margin-top: 18px; line-height: 22px; padding: 0 3px; float: left;}
#search-form .button {padding-left: 2px; margin-top: 20px;}

#topnav input.faded {
	color: #bbb;
}

/*************
	BANNER 
*************/
#banner {
	clear:both;
	position:relative;
	width:940px;
	margin:0 auto;
}
#banner h1 {
	text-indent:-9999px;
}
#banner-logo {
	position:absolute;
	z-index:100;
	left:1px;
	top:40px;
}
#banner-logo a {
	width:176px;
	height:58px;
}
#banner-slider {
	overflow:hidden;
	width:940px;
	height:380px;
}
#banner-slider ul {
	width:940px;
}
#banner-slider li {
	float:left;
}
#banner-buttons {
	position:absolute;
	z-index:100;
	width:70px;
	height:32px;
	right:10px;
	bottom:10px;
}
#banner-buttons a {
	color:#69C;
	width:30px;
	height:30px;
	background-image:url(../images/assets/bannernav.png);
}
#banner .next {
	float:right;
	background-position:-40px;
}
#banner .prev {
	float:right;
	padding-left: 5px;
}
#print-banner{
	display: none;
}
/************************
	CONTENT CONTAINER
*************************/
#content {
	background:#f2f2f2;
	width:940px;
	margin:0 auto;
	margin-top: 20px;
}
/************************
	CONTENT FORMATTING
*************************/
#content h1 {
	color:#333333;
	font-size:1.73em;
	font-weight:bold;
	padding-bottom:10px;
}
#content h2 {
	color:#333333;
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:10px;
}
#content h3 {
	color:#333333;
	font-weight: bold;
	font-size:1.25em;
}
#content h4 {
	font-size:1em;
	font-weight: bold;
}
#content p {
	color:#787878;
}
#content .subheading {
	color:#828282;
}
#content .blue-heading {
	color:#5f98cf;
}
#content .light-blue-heading {
	color:#9fcdff;
}
#content  .blue{
	color: #4f81bd;
}
#content .orange{
	color: #f79646;
}
#content ul.bullet-pointed-list li {
	list-style-image: url(../images/assets/bulletpoint.jpg);
	list-style-position:inside;
	color: #787878;
}
#content .bold {
	font-weight: bold;
}
#content .dark-grey
{
color: #828282
}
#content .light-grey
{
color: #AEAEAE
}
/************************** 
	content row full width
***************************/
.content-row {
	clear:left;
	width:940px;
	margin:0 auto;
	padding-bottom:20px;
} 
/**************************
	Left content container
***************************/
.content-left-column {
	clear:left;
	float:left;
	margin:0 auto;
}
/****************************
	Right content container
****************************/
.content-right-column {
	float:right;
	margin:0 auto;
	text-align:left;
}
/****************************
	Column width properties
****************************/
.equal-left-right {
	width:435px;
	margin-bottom: 40px;
}
.large-left-content {
	width:620px;
	margin-right:50px;
}
.small-right-content {
	width:270px;
}

.small-left-work {
	width:160px;
	margin-bottom: 20px;
}

.large-right-work {
	width:720px;
	margin-bottom: 40px;
	overflow: hidden;
}

.image-padding {
	padding: 20px 0px 20px 0px;
}
/*****************************
	 Cololumn dividers formatting
*****************************/
#column-divider{
	background-image:url(../images/backgrounds/dividerbackground.jpg);
	background-position:-0px -0px;
}
#contact-divider{
	background-image:url(../images/backgrounds/dividerbackground.jpg);
	background-position:-940px -0px;
	margin-bottom: 20px;
}
/********************************
	Contact us content formatting
********************************/
.contact-list {
	width:188px;
	float:left;
	margin-right:12px;
}
.contact-list img {
	padding-bottom:15px;
}

.contact-list .map_pdf,
.contact-list .map_google,
.contact-list .phone, 
.contact-list .email
	{
	padding-top: 8px;, 	
	}

address span
	{
	display: block;	
	}

#global-contacts
	{
	color: #999;	
	}

#social-media li
	{
	float:left;
	padding: 0 5px 15px 0;
	}

#social-media li a
	{
	display: block;
	width:25px;
	height:25px;
	background-image:url(../images/assets/social_media.png);	
	text-indent: -9999px;
	}

#social-media .facebook   {background-position: 0 0;}
#social-media .linkedin   {background-position: -25px 0;}
#social-media .youtube    {background-position: -50px 0;}
#social-media .twitter 	  {background-position: -75px 0;}
#social-media .digg  	  {background-position: -100px 0;}
#social-media .slideshare {background-position: -125px 0;}

		
/****************************
	Map mouseover layout
*****************************/
#quick-map .active {
	display: block;
}
#quick-map .inactive {
	display: none;
}

#quick-map img
	{
	display: block;
	border: 1px solid #ccc;	
	}

/****************************
	Our Work formatting
*****************************/
.work-nav{
	width:160px;
	margin: 5px 0px 10px 0px;
}
.work-nav-title{
	height:32px;
	background:url(../images/assets/ourworksprite.jpg);
	background-position: -0px -0px;
	overflow: hidden;
	padding-left: 17px;
	line-height: 32px;
}
.work-nav-content{
	padding:10px 3px 0px 25px;
	background-color: #dbe5ec;
}
.work-nav-bottom{
	height:15px;
	background:url(../images/assets/ourworksprite.jpg);
	background-position: -0px -32px;
}
#ourwork-slider{
	overflow: hidden;
}
#ourwork-slider li{
	height:540px;
	width:100%;
}
.ourwork-buttons{
	margin-bottom: 10px;
}
.ourwork-buttons a {
	color:#69C;
	height:30px;
	width:30px;
}
.ourwork-buttons .prev {
	background:url(../images/assets/bannernav.png);
	background-position: 00;
	float:left;
}
.ourwork-buttons .next {
	background:url(../images/assets/bannernav.png);
	background-position: -40px 0;
	float:right;
}
.client-box{
	width:360px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
.client-content{
	width:340px;
	height:270px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

#ourwork-slider{
	margin-top: 10px;
}

#ourwork-slider h3{
	color: #ff9833;
	padding-top: 15px;
}
.work-nav-title{
	color: #ffffff;
}
a.work-active{
	color: #ff9833;
}
.work-nav-content li{
	padding-bottom: 4px;
	list-style-image: url(../images/assets/greaterthan.jpg);
	list-style-position:outside;
}
.work-nav-content li.work-active{
	list-style-image: url(../images/assets/greaterthanactive.jpg);
	list-style-position:outside;
}
/************************** 
	SERVICE LISTING
***************************/
#service-listing {
	clear:left;
	width:940px;
	margin:0 auto;
	margin-top:40px;
	padding-bottom:20px;
	border-top:1px solid #cccccc;
}
#service-listing .services {
	width:235px;
	height:165px;
	float:left;
	padding-top:45px;
}
#service-listing a.active {
	color:#ff5500;
	text-decoration:underline;
}
#service-listing li {
	margin-bottom:6px;
}
#mouse-over-content {
	height:260px;
	overflow:hidden;
}
.visibility-active {
	display:inline;
}
.visibility-not-active {
	display: none;
}
a.link-active{
	color:#ff9833;
	text-decoration:underline;
}
/****************************
	Newsletter form
*****************************/
#newsletter-form form {
	margin:10px 0;
	padding:0;
	max-width: 435px;
	width:430px;
}

#newsletter-form label,
#newsletter-form legend	
	{
	display: block;
	font-size: 0.9em;;
	color: #777;	
	}

#newsletter-form fieldset
	{
	padding-top: 6px;
	}

#newsletter-form .error
	{
	display: block;
	color: #ff9833;	
	font-weight: bold;
	}

#newsletter-form input,
#newsletter-form select,
#newsletter-form textarea
	{
	margin-bottom:10px;
	background:#fff;
	color: #333;
	font-size:1.1em;
	width:430px;
	padding: 2px 3px;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 10px;
	}

#newsletter-form .newsletter-submit input
	{
	border: none;
	margin-top: 12px;	
	}

#newsletter-form input.faded
#newsletter-form textarea.faded
	{
	color: #666;
	}	
/*************
 	Jobs
*************/
#job-listing h2
	{
	padding: 0;
	}
#job-listing{
	color: #787878;
}
.job-result
	{
	margin: 20px 0 0 0;
	padding-bottom: 30px;
	border-bottom: 3px solid #cccccc;
	}
.job-summary
	{
	margin-bottom: 20px;
	}
.job-summary ul
	{
	margin-top: 14px;
	}
.job-description
	{
	}
.job-apply
	{
	margin: 20px 0 0 0;
	}
.addthis
	{
	margin-bottom: 20px;
	}
.counter
	{
	margin: 0 0 0 10px;
	}
/****************************
	Contact form
*****************************/

#contact-form form {
	margin:10px 0;
	padding:0;
	max-width: 435px;
	width:430px;
}

#contact-form label,
#contact-form legend	
	{
	display: block;
	font-size: 0.9em;;
	color: #777;	
	}

#contact-form fieldset
	{
	padding-top: 6px;
	}

#contact-form .error
	{
	display: block;
	color: #ff9833;	
	font-weight: bold;
	}

#contact-form input,
#contact-form select,
#contact-form textarea
	{
	margin-bottom:10px;
	background:#fff;
	color: #333;
	font-size:1.1em;
	width:430px;
	padding: 2px 3px;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 10px;
	}

#contact-form .contact-submit input
	{
	border: none;
	width:111px;
	margin-top: 12px;
    background:none;
	}

#contact-form input.faded
#contact-form textarea.faded
	{
	color: #666;
	}
	
/****************************
	Application form
*****************************/
#application-form{
	width: 625px;
	margin: 0 auto;
}

#application-form form {
	margin: 30px auto;
}

#application-form label,
#application-form legend	
	{
	display: block;
	margin: 15px 0 5px 0;
	font-size: 0.9em;;
	color: #777;	
	}

#application-form fieldset
	{
	padding-top: 6px;
	}

#application-form .error
	{
	display: block;
	color: #ff9833;	
	font-weight: bold;
	}

#application-form input,
#application-form select,
#application-form textarea
	{
	color: #333;
	margin-bottom: 16px;
	padding-left: 10px;
	font-size: 1.1em;
	width: 370px;
	height: 23px;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 10px;
	}
#application-form textarea
	{
	width: 620px;
	height: 148px;
	}
#application-form .upload-file
	{
	border: 0px;
	}
.return-jobs
	{
	float: left;
	}
.application-submit
	{
	margin: 65px 0 0 0;
	}
#application-form .application-submit input
	{
	float: right;
	border: none;
	width: 222px;
	height: 56px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	}

#application-form input.faded
#application-form textarea.faded
	{
	color: #666;
	}
	
/****************************
	Affiliate marketing
*****************************/
.affiliate-marketing {
	padding-bottom:10px;
}

.affiliate-marketing li	{ margin-top: 7px;}

.affiliate-marketing a {
	display:block;
}
.image-float-right {
	float:right;
}
/****************************
	homepage formatting
*****************************/
#latest-campaign{
	margin: 30px 0 15px 0;
}
#latest-campaign img{
	float:left;
	margin: 0 5px 0 0;	
}
.campaign-content{
	margin-left: 140px;
}

#leadingheadline{
	margin: 5px 0 0 0;
}

#leadingheadline img{
	margin:0;
	padding:0;
	float: left;
}
.blog-snippet {
	float:left;
	text-align:left;
	padding-bottom: 10px;
	border-bottom:1px solid #c6c6c6;
}

.most-popular {
	float:left;
	text-align:left;
	padding:15px 0 15px 0;
	border-bottom:1px solid #c6c6c6;
}

.post-snippet{
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.post-content{
	margin-left: 130px;
}
.post-snippet img {
	float:left;
}
.post-snippet h3 {
	padding-bottom:0px;
	color:#5d95cd;
}
.post-snippet a {
	display:inline;
	margin:0px;
	padding:0px;
	color:#5e96ce;
	text-decoration:none;
}
.facebook-snippet {
	float:left;
	text-align:left;
	padding-top:15px;
	padding-bottom:10px;
}
.newsletter-snippet {
	clear:left;
	float:left;
	text-align:left;
	width:100%;
	height:34px;
	line-height:34px;
	margin-bottom:15px;
}
/*******************************
	Case study side bar
********************************/
#gallery img {
	padding:10px 0 5px 0;
}
/**************************
	Orange button sprites 
***************************/
.newsletter-submit{
	overflow: hidden;
	width: 162px;
	height: 40px; 
}

#newsletter-form .newsletter-submit input{
	cursor:pointer;
	width:637px;
	height:80px;
	margin: 0;
	padding: 0;
}
.view-work{
	display: block;
	width:172px;
	height:35px;
	margin:20px 0px 0px 0px;
	background-image:url(../images/assets/orangebuttonsprite.jpg);
	background-position: -162px -0px;
}
a:hover.view-work{
	background-position: -162px -40px;
}
.more-on-us{
	display: block;
	width:112px;
	height:34px;
	background-image:url(../images/assets/orangebuttonsprite.jpg);
	background-position: -334px -0px;
	margin:0px 0px 15px 0px;
}
a:hover.more-on-us{
	background-position: -334px -40px;
}
.more-detail{
	display: block;
	width:111px;
	height:34px;
	margin:15px 0px 15px 0px;
	background-image:url(../images/assets/orangebuttonsprite.jpg);
	background-position: -446px -0px;
}
a:hover.more-detail{
	background-position: -446px -40px;
}
.map_google a {
	display: block;
	width:80px;
	height:20px;
	background-image:url(../images/assets/orangebuttonsprite.jpg);
	background-position: -557px -0px;
	text-indent: -9999px;
}
.map_google a:hover {
	background-position: -557px -40px;
}
/*****************************
 	Who we are Profile links 
******************************/

#profile-image{
	width:235px;
	float:right;
	overflow: hidden;
}

#profiles{
	float: left;
	margin: 40px 0 0 0;
	width: 100%;
}
.profile{
	margin: 0px 0 15px 0;
	width: 200px;
}
#profiles h2{
	margin: 0;
	padding: 0;
}
/*****************************
	individual profile
*****************************/
.single-profile{
	margin: 20px 0 20px 0;
	border-bottom: 2px solid #ccc;	
	width: 100%;
}
.last{
	border-bottom: 0;
}
.single-profile-left{
	width: 320px;
	float: left;
}
.single-profile-right{
	width: 320px;
	float: right;
}
.single-profile h3, p{
	margin-bottom: 10px;
}
.profile-photo{
	width:240px;
	float:left;
	overflow: hidden;
}
.profile-content{
	float: left;
	width: 670px;
	margin: 0 0 0 20px;
}
.profile-social{
	float: right;
	margin: 20px 0 30px 0;
}
.profile-social h4{
	display: inline;
	margin-left: 5px;
}
/**************
 	Slideshow 
***************/
#whoweare-slideshow {
	margin: 0 0 20px 0;
	position:relative;
	background:#f2f2f2;
}
#slideshow, #slideshow ul, #slideshow li{
	width: 430px;
	height: 316px;
	margin:0 auto;
}

#slideshowDescription{
	margin: 0 auto;
	color: #AEAEAE;
}
#slideshowDescription ul, #slideshowDescription li{
	width: 380px;
	height: 80px;
}
#whoweare-slideshow #buttons {
	margin: 10px 0 0 0;
}
#whoweare-slideshow #buttons a {
	color:#69C;
	background-image:url(../images/assets/bannernav-small.png);
	height:18px;
	width:18px;
}
#whoweare-slideshow .prev {
	background-position: 0 0;
	float:left;
}
#whoweare-slideshow .next {
	background-position: -24px 0;
	float:right;
}
/****************
 	Brand Slider 
*****************/
#brand-slider{
	margin: 0 auto;
}
/*************
 	Sitemap 
*************/
#sitemap ul
{
	list-style-type: none;
	padding: 0px;
	margin: 5px 0 0 0;
}
#sitemap li
{
	padding-left: 14px; 
}

#sitemap a:hover{
	color: #f79646;
}
.sitemap-parent a{
	font-size:1.2em;
	color: #5f98cf;
}
.sitemap-child a{
	font-size:1em;
	color: #696969;
}

/*************
	SEARCH
*************/

#content .search-terms-found
	{
	display: none;	
	border-bottom: 1px solid #ccc;
	}

#content .search-info
	{
	float: left;
	width: 50%;
	padding-bottom: 16px;
	font-weight: bold; 
	color: 
	}
#search-re-search
	{
	float: right;
	padding-bottom: 16px;	
	}	

#search-re-search input
	{
	border: 1px solid #666;
	padding: 2px 3px;
	font-size: 0.9em;	
	}
	
#search-result-list 
	{
	clear: both;
	}	
	
#content .search-result-item
	{
	margin-top: 12px;	
	}
#content .search-result-item h3
	{
	font-size: 1.1em;	
	}

/*************
	FOOTER
*************/
#footer {
	clear:both;
	height:370px;
	background:transparent url(../images/backgrounds/sprite.jpg) center 0 no-repeat;
	background-position:-0px -58px;
	overflow:hidden;
	margin-top: 40px;
}
#addthis {
	margin: 0 0 20px 0;
	padding: 0;
}
#footer-content {
	width:940px;
	margin:0 auto;
	padding-top:40px;
	color:#999999;
}
#footer a {
	text-decoration:none;
	color:#8ab3dc;
}
#footer a:hover,#footer a:focus {
	text-decoration:underline;
}
#footer a.active {
	color:#ff9833;
	text-decoration:underline;
}
#footer h2 {
	margin:0 30px 10px 0;
	font-si
	e:1.1em;
	font-weight:bold;
}
#footer ul {
	list-style:none;
}
#footer li {
	font-size:0.9em;
	margin:0;
	padding:0;
}
.footerMenu {
	width:160px;
	float:left;
}
.footerMenu li a {
	display:inline;
	padding:0;
	line-height:1.6em;
}
.footerLinks {
	width:200px;
	margin-right:80px;
	float:right;
}
.footerLinks li a {
	display:block;
	padding:0;
	line-height: 1.6em;
}