/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME:  global.css
 * ##### VERSION: v0.1
 * ##### UPDATED: 01/03/2010 (Deloitte's Online Practice)
/* ########################################################################### *

/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### RESET
/* ##### GLOBAL
/* ##### LAYOUT
/* ##### CLEARFIX
/* ########################################################################### */

/* ########################################################################### *
/* ##### RESET
/* ########################################################################### */
/*
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
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}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:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}*{outline:none}

body{font:10px arial,helvetica,clean,sans-serif;*font-size:62.5%;}
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%;}

/* ########################################################################### *
/* ##### FONTS
/* ########################################################################### */

@font-face {
	font-family: 'HelveticaNeueLTCom55Roman';
	src: url('fonts/helveticaneueltcom-roman-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTCom55Roman';
	src: url(//:) format('no404'), url('fonts/helveticaneueltcom-roman-webfont.woff') format('woff'), url('fonts/helveticaneueltcom-roman-webfont.ttf') format('truetype'), url('fonts/helveticaneueltcom-roman-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTCom45Light';
	src: url('fonts/helveticaneueltcom-lt-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTCom45Light';
	src: url(//:) format('no404'), url('fonts/helveticaneueltcom-lt-webfont.woff') format('woff'), url('fonts/helveticaneueltcom-lt-webfont.ttf') format('truetype'), url('fonts/helveticaneueltcom-lt-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ########################################################################### *
/* ##### GLOBAL
/* ########################################################################### */

html, body{
	color: #888;
	background-color: #f1f1f1;
}

.hidden{
	display: none !important;	
}

.offscreen{
	position: absolute;
	left: -9999px;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

strong,
.strong {
	font-weight: bold;	
}

em{
	font-style: italic;
}

sup{
	vertical-align:text-top;
}

.horizontal li{
	float: left;
	display: inline;
}

.linksList li{
	padding-bottom: 0.3em;
}

	.linksList li a{
		font-size: 1.1em;	
	}

.clickable{
	cursor: pointer;
}

.noJS .jsRequired{
	display: none;	
}

/* ########################################################################### *
/* ##### LAYOUT
/* ########################################################################### */

#wrapper{
	width: 965px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -483px;
}

/* ########################################################################### *
/* ##### - MODULES
/* ########################################################################### */

.module{
	background-color: #fff;
	margin-bottom: 5px;
	padding: 15px 20px 15px 20px;
}

/* ########################################################################### *
/* ##### - COLUMNS
/* ########################################################################### */

ul.columns > li,
div.columns > div{
	float: left;
	display: block;
	margin-left: 11px;
	position: relative;
}

	ul.columns li:first-child,
	ul.columns li.first,
	div.columns div:first-child,
	div.columns div.first{
		margin-left: 0px;	
	}

.columns h2{
	font-size: 2.1em;
	margin-bottom: 0.5em;
	font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
}

	.secondary h2{
		font-size: 1.3em;
		padding-bottom: 0.4em;
		display: block;
		border-bottom: 1px solid #ccc;
		margin-bottom: 0.7em;
		font-family: "HelveticaNeueLTCom55Roman", Helvetica, Arial, sans-serif;	
	}

.columns a.viewAll{
	font-size: 1.1em;
	position: absolute;
	top: 126px;
	left: 0;
}

.columns h3{
	font-size: 1.4em;
	margin-bottom: 0.2em;
	font-family: "HelveticaNeueLTCom55Roman", Helvetica, Arial, sans-serif;	
}

.columns p{
	color: #888;
	font-size: 1.1em;
	line-height: 1.7em;
	margin-bottom: 1em;
}

	.columns .author,
	.columns .tags,
	.columns .date{
		color: #a6a5a5;
		margin-bottom: 0.6em;
	}
	
	.columns .description,
	.columns .tags{
		margin-bottom: 0;
	}
	
	.columns .tags{
		line-height: 1.4em;
		font-style: italic;
	}

.columns img{
	margin-bottom: 7px;	
}

.columns h2,
.columns h3,
.columns p,
.columns ul,
.columns ol{
	padding-right: 20px;
}

	.columns ul.columns{
		padding-right: 0;	
	}

.leftOffset_small{
	margin-left: 233px;
}

ul.small > li,
ul.columns li.small,
div.small > div,
div.columns div.small{
	width: 223px;	
}

ul.medium > li,
ul li.medium,
div.medium > div,
div.columns div.medium{
	width: 457px;	
}

ul.large > li,
ul li.large,
div.large > div,
div.columns div.large{
	width: 691px;
}

ul.full > li,
ul li.full,
div.full > div,
div.columns div.full{
	width: 925px;
}

div.dividers > div,
div.columns div.divider{
	border-top: 1px solid #ccc;
	padding-top: 11px;
}

/* ########################################################################### *
/* ##### BUTTONS
/* ########################################################################### */

a, a:link, a:visited{
	color: #333;
	text-decoration: none;
}

a:hover, a:focus, a.hover{
	color: #00A1DE;
}

a:active{
	color: #333;	
}

.rssList{
	margin-top: 2em;	
}

.linksList a.icon{
	padding: 2px 0 0 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	color: #888;
}

.landingGrid #leftColumn .rssList li a{
	color: #888;
	line-height: normal;
}

	.linksList a.icon:hover,
	.linksList a.icon:focus,
	.linksList a.icon:active,
	.landingGrid #leftColumn .rssList li a:hover,
	.landingGrid #leftColumn .rssList li a:focus,
	.landingGrid #leftColumn .rssList li a:active{
		background-position: 0 -48px;
		color: #333;
		background-color: transparent;
	}

	.linksList a.delicious{
		background-image: url('images/bg_icon_delicious.png');	
	}
	
	.linksList a.digg{
		background-image: url('images/bg_icon_digg.png');	
	}
	
	.linksList a.facebook{
		background-image: url('images/bg_icon_facebook.png');	
	}
	
	.linksList a.flickr{
		background-image: url('images/bg_icon_flickr.png');	
	}
	
	.linksList a.linkedIn{
		background-image: url('images/bg_icon_linkedIn.png');	
	}
	
	.linksList a.twitter{
		background-image: url('images/bg_icon_twitter.png');	
	}
	
	.linksList a.rss{
		background-image: url('images/bg_icon_rss.png');	
	}
	

/* ########################################################################### *
/* ##### HEADER
/* ########################################################################### */

#header{
	margin-bottom: 0px;
}

	#logo{
		float: left;
	}

/* ########################################################################### *
/* ##### NAV
/* ########################################################################### */	

	#nav{
		float: right;
		margin-top: 6px;
	}
	
		#nav li{
			border-left: 1px solid #d3d3d3;
		}
		
			#nav li:first-child,
			#nav li.first{
				border-left: none;
			}
		
		#nav li a,
		#nav li a:visited{
			font-size: 1.3em;
			color: #999;
			padding: 5px 10px 4px 10px;
			display: block;
			font-family: "HelveticaNeueLTCom55Roman", Helvetica, Arial, sans-serif;
			text-transform: lowercase;
		}
			
			#nav li:last-child a,
			#nav li.last a{
				padding-right: 0;
			}
		
			#nav li a:hover,
			#nav li a:focus{
				color: #00A1DE;
			}
		
			#nav li.active a,
			#nav li a:active{
				color: #333;
			}
			
/* ########################################################################### *
/* ##### SECONDARY NAV
/* ########################################################################### */	

#secondaryNav li a{
	color: #999;
	font-size: 1.4em;
	line-height: 1.5em;
	font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;
}

	#secondaryNav li a:hover,
	#secondaryNav li a:focus{
		color: #00A1DE;	
	}
	
	#secondaryNav li a:active,
	#secondaryNav li.active a{
		color: #333;
	}

/* ########################################################################### *
/* ##### HOMEPAGE
/* ########################################################################### */

#homepage{
	margin-bottom: 0px;
	padding-top: 11px;
	padding-bottom: 7px;
}

	#homepage h1{
		font-size: 2.8em;
		color: #00A1DE;
		width: 550px;
		margin-bottom: 0.5em;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;
	}
	
	#homepage p{
		font-size: 1.3em;
		color: #7d7d7d;
		width: 600px;
		line-height: 1.5em;
	}

/* ########################################################################### *
/* ##### PAGE HEADER
/* ########################################################################### */

#pageHeader{
	margin-bottom: 0px;
	padding-top: 11px;
	padding-bottom: 5px;
}

	#pageHeader h1{
		font-size: 2.8em;
		color: #00A1DE;
		margin-bottom: 0.2em;
		margin-left: 233px;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;
	}
	
		#pageHeader.nav h1{
			margin-bottom: 0;
			float: left;
			font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;
		}
		
		#pageHeader.oneColumn h1{
			margin-left: 0;	
		}
	
	#pageHeader p{
		font-size: 1.2em;
		margin-left: 233px;
	}
	
#contentNav{
	float: right;
	margin-top: 1em;
}

	#contentNav li{
		float: left;
		margin-left: 5px;
	}
	
		#contentNav a{
			width: 20px;
			height: 22px;
			display: block;
			background: url('images/btn_bg_contentPageNav.gif') no-repeat 0 0;
			font-size: 0px;
			line-height: 0px;
			text-indent: -9999px;
		}
		
			#contentNav a.previous,
			#contentNav a.previous:visited{
				background-position: 0 0;	
			}
			
				#contentNav a.previous:hover,
				#contentNav a.previous:focus,
				#contentNav a.previous:active{
					background-position: 0 -22px;
				}
			
			#contentNav a.next,
			#contentNav a.next:visited{
				background-position: -20px 0;	
			}
			
				#contentNav a.next:hover,
				#contentNav a.next:focus,
				#contentNav a.next:active{
					background-position: -20px -22px;
				}
			
			#contentNav a.all,
			#contentNav a.all:visited{
				background-position: -40px 0;	
			}
			
				#contentNav a.all:hover,
				#contentNav a.all:focus,
				#contentNav a.all:active{
					background-position: -40px -22px;
				}

/* ########################################################################### *
/* ##### CONTENT CONTAINER
/* ########################################################################### */

#contentContainer{
	padding-top: 7px;	
}

/* ########################################################################### *
/* ##### - ONE COLUMN
/* ########################################################################### */	

#contentContainer.oneColumn{
	padding-top: 2px;	
}

	#contentContainer.oneColumn #contentColumn{
		width: 925px;
	}

/* ########################################################################### *
/* ##### - LANDING GRID
/* ########################################################################### */

#contentContainer.landingGrid #leftColumn{
	width: 223px;
	float: left;
}

#contentContainer.landingGrid #contentColumn{
	width: 691px;
	margin-left: 11px;
	float: left;
}

.landingGrid #leftColumn,
.landingGrid #contentColumn{
	border-top: 1px solid #ccc;
	padding-top: 11px;
}

	.landingGrid #leftColumn h2{
		color: #333;
		font-size: 1.3em;
		margin-bottom: 0.7em;
		font-family: "HelveticaNeueLTCom55Roman", Helvetica, Arial, sans-serif;	
	}
	
	.landingGrid #leftColumn ul{
		margin-bottom: 1em;	
	}
	
		.landingGrid #leftColumn li a{
			color: #999;
			font-size: 1.1em;
			line-height: 1.5em;
		}
		
			.landingGrid #leftColumn li a:hover,
			.landingGrid #leftColumn li a:focus,
			.landingGrid #leftColumn li a:active{
				color: #00A1DE;
			}
			
			
			.landingGrid #leftColumn li.active a{
				color: #333;
			}	

	.landingGrid #contentColumn .columns li{
		border-bottom: 1px solid #ccc;
		padding-top: 11px;
		position: relative;
		background-color: #fff;
	}
	
		.nosJS .landingGrid #contentColumn .columns li:nth-child(-n+3){
			padding-top: 0;	
		}
		
			.landingGrid #contentColumn .columns li.top{
				padding-top: 0;	
			}
		
		.noJS .landingGrid #contentColumn .columns li:nth-child(3n+1){
			margin-left: 0;	
		}
		
			.landingGrid #contentColumn .columns li.first,
			.landingGrid #contentColumn .columns li.left{
				margin-left: 0;	
			}
		
		.landingGrid #contentColumn ul.projects li{
			
		}
		
			.landingGrid #contentColumn ul.projects li h3{
				font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;			
			}
		
			.landingGrid #contentColumn ul.projects li .tags{
				font-style: italic;
			}

		.landingGrid #contentColumn ul.ideas li{
			
		}
		
			.landingGrid #contentColumn ul.ideas li h3{
				margin-bottom: 0.4em;
				font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
			}
			
			.landingGrid #contentColumn ul.ideas li .description{
				margin-bottom: 1em;
			}
			
			.landingGrid #contentColumn ul.ideas li .author{
				margin-bottom: 0em;
				line-height: 1.1em;
			}
			
			.landingGrid #contentColumn ul.ideas li .tags{
				font-style: italic;
			}

	.landingGrid #contentColumn .pagination{
		border: 1px solid #ccc;
		border-width: 1px 0;
		padding: 10px 0;
		margin-bottom: 40px;
		margin-top: -1px;
	}
	
		.landingGrid #contentColumn .pagination p{
			float: left;
			font-size: 1.1em;
			margin-bottom: 0;
		}
		
		.landingGrid #contentColumn .pagination ul{
			float: right;	
		}
		
			.landingGrid #contentColumn .pagination li{
				float: left;
				border-left: 1px solid #a6a6a6;
			}
			
				.landingGrid #contentColumn .pagination li:first-child,
				.landingGrid #contentColumn .pagination li.first{
					border-left: none;	
				}
			
				.landingGrid #contentColumn .pagination li a{
					display: block;
					padding: 0 4px;
					font-size: 1.1em;
				}
				
					.landingGrid #contentColumn .pagination li.active a{
						color: #888;
						cursor: default;
					}

/* ########################################################################### *
/* ##### - THREE COLUMN
/* ########################################################################### */	

#contentContainer.threeColumn{
	padding-top: 2px;	
}

	#contentContainer.threeColumn #leftColumn{
		width: 223px;
		float: left;
		border-top: 1px solid #ccc;
		padding-top: 11px;
	}
	
	#contentContainer.threeColumn #contentColumn{
		width: 691px;
		margin-left: 11px;
		float: left;
	}
	
		#contentContainer.threeColumn #pageBanner,
		#contentContainer.threeColumn #videoBanner{
			margin-bottom: 11px;
		}
	
		#contentContainer.threeColumn #content{
			width: 417px;
			float: left;
			padding-right: 40px;
		}
		
		#contentContainer.threeColumn #rightColumn{
			width: 223px;
			margin-left: 11px;
			float: left;
		}

		.threeColumn #content,
		.threeColumn #rightColumn{
			border-top: 1px solid #ccc;
			padding-top: 11px;
		}

/* ########################################################################### *
/* ##### - TWO COLUMN
/* ########################################################################### */	

#contentContainer.twoColumn{
	padding-top: 2px;	
}

	#contentContainer.twoColumn #leftColumn{
		width: 223px;
		float: left;
		border-top: 1px solid #ccc;
		padding-top: 11px;
	}
	
	#contentContainer.twoColumn #contentColumn{
		width: 691px;
		margin-left: 11px;
		padding-top: 11px;
		border-top: 1px solid #ccc;
		float: left;
	}
	
	.twoColumn #contentColumn ul.clients{
		margin-bottom: 40px;
	}
		
		.twoColumn #contentColumn .clients li img{
			margin-bottom: 5px;	
		}
		
		.twoColumn #contentColumn .columns li:nth-child(3n+1){
			margin-left: 0;	
		}

/* ########################################################################### *
/* ##### HERO BANNER
/* ########################################################################### */

#heroBanner{
	padding-top: 11px;	
	padding-bottom: 0px;
	margin-bottom: 0px;
}

	#heroBanner .container{
		height: 358px;
		width: 925px;
		position: relative;
	}
	
	#heroBanner a.nav{
		position: absolute;
		height: 358px;
		width: 45px;
		display: block;
		background-color: rgba(255, 255, 255, 0.1);
		text-indent: -9999px;
		font-size: 0;
		line-height: 0;
	}
		
		#heroBanner a.nav span{
			display: block;
			width: 16px;
			height: 19px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -9px;
		}
		
		#heroBanner a.previous{
			left: 0;
			z-index: 2;
		}
		
			#heroBanner a.previous span{
				background: url('images/bg_banner_prev.png') no-repeat 0 0;
				margin-left: -9px;
			}
		
		#heroBanner a.next{
			right: 0;
			z-index: 2;
		}
		
			#heroBanner a.next span{
				background: url('images/bg_banner_next.png') no-repeat 0 0;
				margin-left: -7px;
			}
	
	#heroBanner .banners{
		position: absolute;
		height: 358px;
		width: 925px;
		overflow: hidden;
		z-index: 1;	
	}
	
	#heroBanner .banners ul{
		height: 358px;
		position: relative;	
	}
		
		#heroBanner .banners ul li{
			width: 925px;
			height: 358px;
			position: relative;
			float: left;	
		}
		
			#heroBanner .caption{
				position: absolute;
				bottom: 13px;
				right: 0;
				width: 236px;
				background-color: rgba(0, 0, 0, 0.6);
				padding: 7px 13px 9px 13px;
			}
			
				#heroBanner h2{
					font-size: 2.1em;
					color: #fff;
					margin-bottom: 0.2em;
					font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;
				}
				
				#heroBanner a{
					font-size: 1.1em;
					color: #999;
				}

/* ########################################################################### *
/* ##### VIDEO BANNER
/* ########################################################################### */

#videoBanner{
	
}

	#videoBanner .container{
		width: 691px;
		height: 300px;
		position: relative;
	}
	
		#videoBanner .caption{
			background-image: url('images/bg_video_play_btn.png');
			background-repeat: no-repeat;
			left: 287px;
			position: absolute;
			top: 89px;
			height: 122px;
			width: 122px;
		}
		
			#videoBanner h2{
				font-size: 1px;
				line-height: 1px;
				text-indent: -9999px;
				color: #fff;
			}
			
			#videoBanner a{
				font-size: 1px;
				line-height: 1px;
				text-indent: -9999px;
				color: #999;
			}
	
	#videoBanner video{
		background-color: #000;	
	}

/* ########################################################################### *
/* ##### PROJECTS
/* ########################################################################### */

#projects{
	padding-top: 11px;	
}

	#projects h3{
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;		
	}

/* ########################################################################### *
/* ##### IDEAS
/* ########################################################################### */

#ideas{
	
}

	#ideas h3{
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;		
	}
	
	#ideas .author {
		margin-bottom: 0;
		line-height: 1.1em;
	}

/* ########################################################################### *
/* ##### SCREEN SHOTS
/* ########################################################################### */

#screenShots{
	padding-bottom: 20px;
}
	
	#screenShots img{
		margin-bottom: 10px;
	}

/* ########################################################################### *
/* ##### OUR PEOPLE
/* ########################################################################### */

#ourPeople{
	padding-bottom: 30px;	
}

	#ourPeople h2{
		color: #333;
		font-size: 1.6em;
		margin-bottom: 0;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
	}
	
	#ourPeople .peopleList li{
		border-top: 1px solid #ccc;
		padding-top: 11px;
	}
	
		#ourPeople .peopleList li:first-child,
		#ourPeople .peopleList li.first{
			border-top: none;
			padding-top: 0;
		}

/* ########################################################################### *
/* ##### LATEST NEWS
/* ########################################################################### */

#latestNews{
	margin-bottom: 0px;	
}

	#latestNews .twitter{
		background-color: #fff;
	}
	
		#latestNews .twitter p{
			font-size: 1.4em;	
			line-height: 1.6em;
			margin-bottom: 0.2em;
			font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;
			background-color: #fff;
		}
		
		#latestNews .twitter .date{
			color: #888;
			font-size: 1.1em;
			background: url('images/bg_twitter_date.png') no-repeat top left;
			padding-left: 35px;
			padding-top: 1px;
			background-color: #fff;
		}

	#latestNews h3{
		font-size: 1.6em;
		line-height: 1.3em;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
	}

/* ########################################################################### *
/* ##### CAREERS
/* ########################################################################### */

#careers{
	margin-bottom: 50px;
}

	#careers .header{
		padding-right: 145px;
		margin-bottom: 40px;
	}
	
		#careers .header h2{
			color: #333;
			font-size: 2.4em;
			margin-bottom: 0.2em;
			font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
		}
		
		#careers .header p{
			font-size: 1.5em;
			line-height: 1.5em;
			font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
			margin-bottom: 0.7em;
		}
	
	#careers h3{
		color: #333;
		font-size: 1.2em;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #ccc;
		font-family: "HelveticaNeueLTCom55Roman", Helvetica, Arial, sans-serif;	
	}
	
	#careers ul.careers li{
		margin-top: 10px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 1em;
	}
	
		#careers ul.careers p.location{
			margin-bottom: 0;
		}
	
		#careers ul.careers h4{
			color: #333;
			font-size: 1.6em;
			font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
		}

/* ########################################################################### *
/* ##### NEWS
/* ########################################################################### */

#newsListing{
	
}

	#newsListing ul.newsList{
		border: none;	
	}
	
		#newsListing ul.newsList li{
			border-bottom: 1px solid #ccc;
			padding: 10px 0;
			position: relative;
			background-color: #fff;
		}
		
			#newsListing ul.newsList li:first-child,
			#newsListing ul.newsList li.first{
				padding-top: 0;	
			}
			
			#newsListing ul.newsList li.last{
				border-bottom: none;
			}
		
		#newsListing ul.newsList li img{
			margin-bottom: 0;	
		}
		
		#newsListing ul.newsList h2{
			margin-bottom: 0;
			font-size: 1.6em;
			font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
		}
		
		#newsListing ul.newsList .description{
			margin-bottom: 1em;
		}
		
		#newsListing ul.newsList .details{
			color: #a6a5a5;	
		}
		
		#newsListing ul.newsList .tags{
			font-style: italic;
		}
		
		#newsListing .author {
			line-height:1.1em;
			margin-bottom:0;
		}

/* ########################################################################### *
/* ##### SERVICES
/* ########################################################################### */

#services{
	padding-bottom: 30px;
}

	#services blockquote p{
		font-size: 1.5em;
		line-height: 1.5em;
		margin-bottom: 2em;
		padding-right: 25px;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
	}
	
	#services .services div{
		padding-bottom: 20px;	
	}
		
		#services .services h2{
			color: #333;
			font-size: 1.6em;
			line-height: 1em;
			margin-bottom: 0.4em;
			font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
		}
		
		#services .services h3{
			color: #333;
			font-size: 1.3em;
			margin-bottom: 0.5em;
			font-family: "HelveticaNeueLTCom55Roman", Helvetica, Arial, sans-serif;	
		}
		
		#services .services a{
			font-size: 1.1em;
		}
		
		#services .services ul{
			margin: 0 0 1em 0;
			padding: 0 0 0 1.7em;
		}
		
			#services .services ul li{
				list-style-type: disc;	
				font-size: 1.1em;
				line-height: 1.7em;
				margin-bottom: 0.4em;
				padding-right: 30px;
			}

/* ########################################################################### *
/* ##### COMMENTS
/* ########################################################################### */

#comments{
	border-top: 1px solid #ccc;
	padding-top: 15px;
	clear: both;
	width: 457px;
}

	#comments h2{
		color: #333;
		font-size: 2.1em;
		margin-bottom: 0.5em;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
	}

	#comments .commentsList{
		margin-bottom: 15px;	
	}
	
		#comments .commentsList li{
			padding: 15px 0 10px 0;
			border-bottom: 1px solid #ccc;
		}
		
			#comments .commentsList li:first-child,
			#comments .commentsList li.first{
				padding-top: 0;	
			}
		
		#comments .commentsList .author,
		#comments .commentsList .date{
			margin-bottom: 0;
		}

/* ########################################################################### *
/* ##### CONTACT US
/* ########################################################################### */

#contactUs{
	
}

	#contactUs h2{
		color: #333;
		font-size: 1.6em;
		margin-bottom: 0.2em;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
	}

	#contactUs .officeList{
		display: block;
		padding-right: 0;
	}
	
	#contactUs .officeList li{
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
		#contactUs .officeList li .map{
			width: 223;
			height: 126;	
		}
	
			.noJS #contactUs .officeList li .map{
				display: none;	
			}
	
		#contactUs .officeDetailsList li{
			border: none;
			padding: 0;
			margin: 0;
			font-size: 1.1em;
			line-height: 1.6em;
		}
		
			#contactUs .officeDetailsList li.spacer{
				margin-bottom: 0.7em;
			}

#officeMap{
	margin-bottom: 10px;	
	width: 691px;
	height: 300px;
}

	#officeMap .mapDetails{
		display: none;	
	}

/* ########################################################################### *
/* ##### CONTENT
/* ########################################################################### */

#content{
	padding-bottom: 30px;
}

	#content h2,
	#content h3{
		font-size: 1.5em;
		color: #333;
		margin-bottom: 0.2em;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;
	}
	
		#content h3{
			font-size: 1.3em;
			margin-bottom: 0.2em;
			margin-top: 1em;
		}
	
	#content p{
		color: #888;
		font-size: 1.1em;
		line-height: 1.7em;
		margin-bottom: 1.7em;
	}
	#content p.nomargin {
		margin-bottom: 0;
	}

	#content .videoPlayer{
		margin-bottom: 1.7em;	
	}

	#content img{
		margin-bottom: 1.7em;	
	}

	#content ul{
		margin: 0 0 1em 0;
		padding: 0 0 0 1.7em;
	}
	
		#content ul li{
			list-style-type: disc;	
		}
	
	#content ol {
		margin: 0 0 1em 0;
		padding: 0 0 0 2.4em;
	}
	
		#content ol li{
			list-style-type: decimal;
		}
	
		#content ol ol, 
		#content ul ul,
		#content ul ol, 
		#content ol ul {
			margin: 0 0 0 0;
		}
		
			#content ul > li > ul > li:first-child,
			#content ul > li > ol > li:first-child,
			#content ol > li > ul > li:first-child,
			#content ol > li > ol > li:first-child{
				padding: 7px 0 0 0;
			}
		
		#content ol > li {
			list-style: decimal;
			padding: 0 0 0 0;
		}
		
			#content li{
				font-size: 1.1em;
				line-height: 1.7em;
				margin-bottom: 0.4em;
			}
			
				#content li li {
					font-size: 1.0em;
				}

	#content p.breakout,
	#content p.introduction{
		font-size: 1.5em;
		line-height: 1.5em;
		margin-bottom: 1.5em;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
	}
	
	/* START ==== TO BE UPDATED */
	#content table{
		width: 100%;	
	}
	
		#content td, #content th{
			border: 1px solid #ccc;	
			padding: 10px;
			font-size: 1.1em;
		}
		
			#content thead th{
				background-color: #ccc;
				font-size: 1.2em;
				color: #333;
			}
	/* END ==== TO BE UPDATED */

#content .facebookLike{
	height: 35px;	
}

/* ########################################################################### *
/* ##### FORMS
/* ########################################################################### */

#form{
		
}

#form label,
#form .label{
	font-size: 1.1em;
	display: block;
	margin-bottom: 0.5em;
}

	#form label.inline{
		display: inline;
		margin-left: 4px;
	}

	#form label em,
	#form .label em{
		color: #ff6600;	
	}
	
	#form .label{
		margin-bottom: 1em;	
	}

#form fieldset.divider{
	background: #fff url('images/bg_form_divider.gif') no-repeat top left;
	padding-top: 11px;
}

#form div.ctrlHolder{
	margin-bottom: 1.5em;	
}

#form .footnote{
	margin-bottom: 30px;
}

#form input.text,
#form textarea{
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 1.1em;
	color: #333;
	line-height: 1em;
	display: inline;
	clear: both;
}

	#form textarea{
		line-height: 1.7em;
		overflow: auto;
	}

#form select{
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 1.1em;
	color: #333;
	width: 211px;
}

	#form input.text{
		width: 201px;	
	}
	
	#form textarea{
		width: 434px;
		height: 150px;
	}
	
		#form textarea.tall{
			height: 250px;	
		}

#form .buttons{
	padding-bottom: 10px;
	background: #fff url('images/bg_form_divider.gif') no-repeat bottom left;
	margin-bottom: 10px;
}

#form button,
#form .button{
	font-size: 1.4em;
	color: #333;
	border: none;
	background-color: #fff;
	cursor: pointer;
	text-align:left;
	font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
}

	#form button:hover,
	#form button:focus,
	#form button:active,
	#form .button:hover,
	#form .button:focus,
	#form .button:active{
		color: #00A1DE;	
	}

#form .inlineError{
	font-size: 1.1em;
	color: #ff6600;
	margin-top: 0.5em;
	margin-left: 0 !important;
	width: 223px !important;
}

#form #formErrors,
#form #ValidationSummary1{
	padding: 10px 0 15px 0;
	border: 1px solid #ff6600;
	border-width: 1px 0;
	margin: 11px 15px 11px 0;
}

	#form #formErrors p,
	#form #ValidationSummary1 p{
		color: #ff6600;	
	}

	#form #formErrors ul li,
	#form #ValidationSummary1 ul li{
		font-size: 1.1em;
		color: #ff6600;
	}

/* ########################################################################### *
/* ##### LEFT & RIGHT COLUMN MODULES
/* ########################################################################### */

#leftColumn .module,
#rightColumn .module{
	padding: 0;
	border-top: 1px solid #ccc;
	margin-bottom: 2em;
	padding-top: 1.2em;
	padding-right: 20px;
}

	#leftColumn .module:first-child,
	#leftColumn .module_first,
	#rightColumn .module:first-child,
	#rightColumn .module_first{
		border-top: none;
		padding-top: 0;
	}

	#leftColumn .module h2,
	#rightColumn .module h2{
		color: #333;
		font-size: 1.3em;
		margin-bottom: 0.7em;
		font-family: "HelveticaNeueLTCom55Roman", Helvetica, Arial, sans-serif;	
	}

#leftColumn .back a{
	font-size: 1.2em;
	margin-bottom: 0.7em;
	font-family: "HelveticaNeueLTCom55Roman", Helvetica, Arial, sans-serif;	
}

#rightColumn .quote{
	
}

	#rightColumn .quote blockquote p{
		font-size: 1.5em;
		line-height: 1.5em;
		margin-bottom: 0.7em;
		color: #00A1DE;
		font-family: "HelveticaNeueLTCom45Light", Helvetica, Arial, sans-serif;	
	}

	#rightColumn .quote p{
		font-size: 1.1em;
		margin-bottom: 0.2em;
	}

#rightColumn .awards{
	
}

	#rightColumn .awards ul.awardsList li{
		background: url(images/bg_icon_awards.gif) no-repeat 0 50%;
		padding: 0 0 0 42px;
		margin-bottom: 1em;
	}
	
		#rightColumn .awards ul.awardsList h3{
			color: #333;
			font-size: 1.1em;
			line-height: 1.4em;
		}
		
		#rightColumn .awards ul.awardsList p{
			font-size: 1.1em;
			line-height: 1.4em;
		}

#leftColumn .tags,
#rightColumn .tags{
		
}

	#leftColumn .tags .linksList a,
	#leftColumn .tags .linksList a:visited,
	#rightColumn .tags .linksList a,
	#rightColumn .tags .linksList a:visited{
		color: #888;
		line-height: 1.5em;
	}
	
		#leftColumn .tags .linksList a:hover,
		#leftColumn .tags .linksList a:focus,
		#rightColumn .tags .linksList a:hover,
		#rightColumn .tags .linksList a:focus{
			color: #00A1DE;
		}
		
		#leftColumn .tags .linksList a:active,
		#rightColumn .tags .linksList a:active{
			color: #333;
			color: #00A1DE;
		}

#leftColumn .articleInfo,
#rightColumn .articleInfo{
	margin-bottom: 1.5em;	
}

	#leftColumn .articleInfo p,
	#rightColumn .articleInfo p{
		font-size: 1.2em;
		color: #a6a5a5;
		line-height: 1.6em;
	}

	#leftColumn .articles .articlesList li,
	#rightColumn .articles .articlesList li{
		margin-bottom: 1em;	
	}
	
	#leftColumn .articles .articlesList a,
	#rightColumn .articles .articlesList a{
		font-size: 1.2em;
		line-height: 1.4em;
		color: #888;
	}
	
		#leftColumn .articles .articlesList a:hover,
		#leftColumn .articles .articlesList a:focus,
		#rightColumn .articles .articlesList a:hover,
		#rightColumn .articles .articlesList a:focus{
			color: #00A1DE;
		}
		
		#leftColumn .articles .articlesList a:active,
		#rightColumn .articles .articlesList a:active{
			color: #333;	
		}

/* ########################################################################### *
/* ##### PAGE FOOTER
/* ########################################################################### */

#pageFooter{
	
}

	#pageFooter .contactList{
		margin-bottom: 1em;
	}
	
		#pageFooter .contactList li p{
			margin-bottom: 0;
			padding-right: 0px;
		}
		
			#pageFooter .contactList li span{
				display: block;
				float: left;
				width: 60px;	
			}
	
	#pageFooter .newsList li{
		margin-bottom: 0.8em;
	}
	
	#pageFooter .newsList a{
		font-size: 1.2em;
		line-height: 1.4em;
		color: #888;
	}
	
		#pageFooter .newsList a:hover,
		#pageFooter .newsList a:focus{
			color: #00A1DE;	
		}
		
		#pageFooter .newsList a:active{
			color: #333;	
		}

/* ########################################################################### *
/* ##### FOOTER
/* ########################################################################### */

#footer{
	margin-bottom: 0px;	
}

	#footer ul{
		float: left;
	}
	
		#footer li{
			border-left: 1px solid #b3b3b3;
		}
		
			#footer li:first-child,
			#footer li.first{
				border-left: none;
			}
		
		#footer li a,
		#footer li a:visited{
			font-size: 1.1em;
			color: #999;
			padding: 1px 7px;
			display: block;
		}
		
			#footer li:first-child a,
			#footer li.first a{
				padding-left: 0;
			}
		
			#footer li a:hover,
			#footer li a:focus{
				color: #00A1DE;	
			}
		
			#footer li a:active,
			#footer li.active a{
				color: #333;
			}
	
	#footer p{
		float: right;
		font-size: 1.1em;
		color: #888;
	}

/* ########################################################################### *
/* ##### CLEARFIX
/* ########################################################################### */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */