html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**
 * global css
 *
 * @author richard hallows
 */

/* fonts */

@font-face {
	font-family: 'DINMittelschrift-AlternateReg';
	src: url('../fonts/DINMittelschrift-Alternate-Regular.eot');
}

@font-face {
	font-family: 'DINMittelschrift-AlternateReg';
	src: url(//:) format('no404'), 
	url('../fonts/DINMittelschrift-Alternate-Regular.woff') format('woff'), 
	url('../fonts/DINMittelschrift-Alternate-Regular.ttf') format('truetype'), 
	url('../fonts/DINMittelschrift-Alternate-Regular.svg#DINMittelschrift-Alternate') format('svg');
}

/* default styles */

	html {
		overflow-y: scroll; /* vert scroll in moz & safari */
	}
	
	body {
		background: #fff;
		color: #666;
		font: 12px/1.334 Arial, Helvetica, sans-serif;
	}
	
	/* headings */
	
		h1, 
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: Arial, Helvetica, sans-serif;
			color: #0FA6D5;
			font-weight: bold;
		}
		
		h1, h2 {
			margin: 0 0 6px 0;
			font-family: DINMittelschrift-AlternateReg, Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-weight: normal;
		}
		
		h3 {
			margin: 0 0 4px 0;
			font-size: 14px;
		}
		
		h4 {
			margin: 0 0 2px 0;
			font-size: 12px;
		}
		
	
	/* text components */
		
		address {
			font-style: normal;
		}
			
		p {
			margin: 0 0 15px 0;
		}	
		
		cite {
			font-style: normal;
		}
		
	/* links */
	
		a,
		a:hover,
		a:visited {
			color: #0FA6D5;
			text-decoration: none;
		}

		a:hover { 	
			text-decoration: underline;
		}
		
	/* lists */
	
		ul, 
		ol {
			margin: 0 0 15px 0;
		}
		
		ul li {
			margin: 0 0 4px 0;
			padding: 0 0 0 17px;		
			background: transparent url("../images/generic-arrow-grey-on-white.gif") no-repeat 0 4px;
			list-style-position: outside;
			list-style-type: none;
		}
		
		ol li {
			margin: 0 0 4px 18px;
			padding: 0 0 0 0;
			list-style-position: outside;
			list-style-type: decimal;
		}
		
		dl {
			margin: 0 0 15px 0;
		}
		
		dl dt {
			clear: left;
			float: left;
			width: auto;
			margin: 0 8px 0 0;
			font-weight: normal;
		}
		
		dl dd {
			float: left;
			width: auto;
		}
		
	/* tables */
	
		
	/* forms */
		
		form legend { 
			padding: 0 0 5px 0;
			color: #C7C3B7;
			font-family: DINMittelschrift-AlternateReg, Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: normal;
		}
		
		form fieldset { 
			border: none; 
		}
		
		form fieldset ol {
			margin: 0;
			padding: 0;
		}
		
		form fieldset ol li {
			margin: 0;
			padding: 0;
		}
		
		form input, 
		form textarea { 	
			margin: 0 0 10px 0;
			padding: 3px 0 2px 2px;	
			border: 1px solid #C7C3B7;
			color: #666;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
		}
		
		form fieldset input {
			width: 240px;
		}
	
		form label {
			display: block;
		}
		
		form fieldset ol li ul.errors {
			margin: 0;
		}
		
		form fieldset ol li ul.errors li {
			padding: 0;
			background: none;
			color: red;
			list-style: none;
		}
		
		form fieldset#fieldset-datasubmit {
			width: 244px;
		}
		
		form fieldset#fieldset-datasubmit input {
			width: auto;
			float: right;
			padding: 0 10px;
			border: none;
			background: #C60C30;
			color: #fff;
			font-family: DINMittelschrift-AlternateReg, Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: normal;
			cursor: pointer;
		}
			
	/* misc */
	
		img {
			border: none;
		}
		
	/* global classes */

		/* clearfix */
		
			.clearfix {
				display: block; /* safari and opera */
			}

			/* Gecko-based browsers */
			.clearfix:after {
				content: "."; 
				display: block; 
				height: 0px; 
				clear: both; 
				visibility: hidden;
			}
						
			/* Hides from IE-mac \*/ * html .clearfix { height: 1%; } /* End hide from IE-mac */
			
	
		/* Text included for non-visual users, hide content for screen */
		
			.context {
				overflow: hidden;
				position: absolute;
				left: 0px; 
				top: -500px; 
				height: 1px; 
				width: 1px; 			
			}
		
/* layout styles */

	/* body container */	
	
		#body-container {
			position: relative;
			width: 960px;
			margin: 0;
		}
		
		/* header container */
			
			#header-container {
			
			}
			
			#header-container #header {
				margin: 0;
			}
			
			/* logo */
			
				#header-container #site-title {
					display: none;		
				}
				
			/* subscribe widget */
				
				#subscribe-widget {
					position: absolute;
					top: 15px;
					left: 663px;
					width: 290px;
				}
							
				#subscribe-widget #fieldset-data ol li { 
					position: relative 
				}
				
				#subscribe-widget #fieldset-data ol li label { 
					position: absolute; 
					top: 2px; 
					left: 6px;
					color: #C7C3B7;
				}
				
				#subscribe-widget #fieldset-data ol li input { 
					color: #C7C3B7;
				}
	
				#subscribe-widget #fieldset-datasubmit input {
					position: absolute;
					top: 25px;
					right: 0;
					padding: 0 7px 0 0;
					background: transparent url("../images/generic-arrow-grey-on-white.gif") no-repeat right 9px;				
					color: #C7C3B7;
				}
		
		/* container */
		
			#container {
				
			}
			
			/* secondary */
			
				#secondary {	
					display: inline;
					width: 247px;
					float: left;
					padding: 24px 0 0 0;		
				}
				
				#secondary ul {
					margin: 0 0 30px 0;
					padding: 0;
				}
			
				#secondary ul li {
					display: block;
					margin: 0;
					padding: 0 0 5px 0;
					background-image: none;
				}
				
				#secondary ul li a {
					display: block;
					float: left;
					height: 23px;
					padding: 1px 25px 0 38px;
					background: #c7c3b7 url("../images/generic-nav.gif") no-repeat right 0;
					color: #fff;
					font-family: DINMittelschrift-AlternateReg, Arial, Helvetica, sans-serif;
					font-size: 16px;				
				}
				
				/* top-level hover states */
				
					#secondary ul li a:hover {
						text-decoration: none;
					}
					
					#secondary ul li a#menu-home:hover {
						background-color: #282973;
						background-position: right -50px;
					}
		
					#secondary ul li a#menu-about-us:hover,
					#secondary ul li a#menu-blog:hover {
						background-color: #0CA6D5;
						background-position: right -100px;
					}
					
					#secondary ul li a#menu-what-we-do:hover,
					#secondary ul li a#menu-get-in-touch:hover {
						background-color: #C60C30;
						background-position: right -150px;
					}
					
					#secondary ul li a#menu-who-we-work-for:hover {
						background-color: #53B72F;
						background-position: right -200px;
					}
					
				/* top-level active states */
					
					#secondary ul li.active a {	
						float: none;			
						width: 170px;					
					}
					
					.index #secondary ul li.active a#menu-home {
						background-color: #282973;
						background-position: right -350px;
					}
					
					#secondary ul li.active a#menu-about-us {
						background-color: #0CA6D5;
						background-position: right -400px;
					}
					
					#secondary ul li.active a#menu-what-we-do,
					#secondary ul li.active a#menu-get-in-touch {
						background-color: #C60C30;
						background-position: right -250px;
					}
					
					#secondary ul li.active a#menu-who-we-work-for {
						background-color: #53B72F;
						background-position: right -300px;
					}
					
				/* 2nd-level navigation */
				
					#secondary ul li ul {
						display: none;
						margin: 0;
						padding: 6px 0 0 0;
					}
					
					#secondary ul li.active ul {
						display: block;
					}
					
					#secondary ul li ul li {					
						padding: 0 0 1px 0;
					}
					
					#secondary ul li ul li a {
						height: auto;
						background: transparent;
						color: #c7c3b7;			
					}
					
					#secondary ul li ul li a span {
						padding-right: 10px;
					}
					
					/* 2nd-level navigation hover state */
					
						#secondary ul li ul li a:hover span {
							background: transparent url("../images/generic-arrow-grey-on-white.gif") no-repeat right 8px;			
						}
						
					/* 2nd-level navigation active states */
					
						#secondary ul li ul li.active a span {
							background: transparent url("../images/generic-arrow-red-on-white.gif") no-repeat right 8px; 
							color: #C60C30;
						}
						
						.about-us #secondary ul li ul li.active a span {
							background: transparent url("../images/generic-arrow-blue-on-white.gif") no-repeat right 7px; 
							color: #0FA6D5;
						}
				
			/* content */
			
				#content {
					display: inline;		
					width: 712px;
					float: left;
					margin: 0;		
				}
				
				/* primary-content */
				
					#primary-content {
						display: inline;
						width: 397px;	
						float: left;
						margin: 0 20px 0 0;
						padding: 0;
					}
					
					#primary-content.logo {
						padding: 100px 0 0 0;
						background: transparent url("../images/generic-maxus-logo.gif") no-repeat 0 0; 
					}
					
				/* seconday-content */
				
					#secondary-content {
						display: inline;
						width: 275px;
						float: left;
						margin: 95px 0 0 0;
					}
	
		/* footer container */
		
			#footer-container {	
				margin: 35px 0 0 0;
			}
			
			#footer-container #footer {	
				font-style: normal;
			}

			/* contact */
			
				#footer-container #contact {
					width: 920px;
					height: 23px;
					overflow: hidden;
					margin: 0;
					padding: 0 0 0 40px;
					background: #0fa6d5 url("../images/generic-footer-bg.gif") no-repeat top right;
					color: #fff;
					font-family: DINMittelschrift-AlternateReg, Arial, Helvetica, sans-serif;
					font-size: 14px;
					text-transform: uppercase;
				}
				
				#footer-container #contact a {
					padding: 0 12px 0 0;
					color: #fff;
					background: transparent url("../images/generic-arrow-white-on-blue.gif") no-repeat center right;	
				}
			
				#footer-container #contact h5 {
					display: inline;
					float: left;
					margin: -1px 46px 0 0;
					font-size: 18px;
					font-weight: normal;
				}
				
				#footer-container #contact dl {
					float: left;
					width: 710px;
					overflow: hidden;
					margin: 2px 0 0 0;
				}
				
				#footer-container #contact dl dt {
					display: inline;
					width: auto;
					clear: none;			
					float: left;
					margin: 0;
				}
				
				#footer-container #contact dl dd {	
					display: inline;
					width: auto;
					float: left;
					margin: 0 23px 0 5px;
					white-space: nowrap;
				}
				
				#footer-container #contact dl dd#map {
					margin: 0;
				}
				
				
			/* copyright */
			
				#footer-container #copyright {
					padding: 15px 0 15px 0;
				}
				
				#footer-container #copyright p {
					display: inline;
					float: left;
					margin: 0 30px 0 40px;
					color: #c7c3b7;
				}
				
				#footer-container #copyright li {
					display: inline;
					float: left;
					margin: 0 10px 0 0;
					padding: 0;
					background-image: none;
				}
				
				#footer-container #copyright li a {
					color: #c7c3b7;
				}
	
/* shared components (modules / widgets) */

	/* modal */
	
		#simplemodal-overlay {
			background-color: #000;
		}
		
		#simplemodal-container {   		
			border: 2px solid #fff;
			background-color: #fff;
		}
		
		#simplemodal-container a.simplemodal-close {
			width: 25px;
			height: 29px;
			display: inline;
			z-index: 3200;
			position: absolute;
			top: -14px;
			right: -14px;
			background: url("../images/modal-close.png") no-repeat;
			cursor: pointer;
		}
		
		#simplemodal-container .simplemodal-wrap {
		
		}
		#simplemodal-container .simplemodal-wrap img,
		#simplemodal-container .simplemodal-wrap object {
			display: block;
		}

	/* page action list */	
				
		ul.page-actions {
			margin: 15px 0 0 0;
			padding: 6px 0 0 0;	
			background: transparent url("../images/generic-horizontal-line.gif") repeat-x 0 0;		
		}
		
		ul.page-actions li {
			display: inline;
			float: left;
			margin: 0 40px 0 0;
			padding: 0;	
			background: none;	
		}
			
		ul.page-actions li a {
			padding-right: 14px;
			background: transparent url("../images/generic-arrow-blue-on-white.gif") no-repeat right 5px;	
		}
		
		ul.page-actions li.print-action {
			display: none;
		}
		
		.js ul.page-actions li.print-action {
			display: inline;
		}
		
		ul.page-actions li.print-action a {
			background-image: url("../images/generic-icon-print.gif");
		}
		
	/* page navigation */
	
		.page-navigation {
			padding: 0 0 2px 0;
		}
		
		.page-navigation li {
			padding: 0;
			background-image: none;	
		}
		
		.page-navigation li a {
			padding: 0 15px 0 0;
			background: transparent url("../images/generic-arrow-blue-on-white-large.gif") no-repeat right 5px;	
			font-size: 16px;
		}

/* page specific styles */

	/* error */
	
		#error {
			margin: 80px 0 0 0;
		}
		
	/* home */
	
		.index {
			background: url("../images/home-body-bg.gif") no-repeat 0 0;	
		}
		
		.index #primary-content {
			display: block;
			float: none;
			height: 420px;
		}
		
		.index #secondary-content {
			position: relative;
			display: block;
			float: none;
			width: 700px;
			margin: 6px 0 0 -208px;		
		}
		
		.index #secondary-content h2 {
			color: #C7C3B7;
		}
			
		.index #secondary-content #about-summary {
			float: left;
			width: 190px;
			margin: 0 20px 0 0;
		}
		
		.index #secondary-content #blog-posts {
			float: left;
			width: 397px;
		}
		
		.index #secondary-content #blog-posts li {
			margin: 0 0 10px 0;
			padding: 0;
			background: none;		
		}
		
		.index #secondary-content #blog-posts li p {
			margin: 0;
		}
		
	/* about us */
	
		/* meet the team */
		
			#meet-the-team #team-members {
				margin: 0 -10px 0 0;
			}
			
			#meet-the-team #team-members li {
				float: left;
				height: 50px;
				width: 50px;
				margin: 0 10px 10px 0;
				padding: 0;
				background: none;			
			}
			
			#meet-the-team #secondary-content h3 span {
				color: #C7C3B7;
			}
			
			#meet-the-team #secondary-content #portrait {
				margin: 10px 0;
			}
			
			#meet-the-team #secondary-content #portrait img {
				display: block;
			}
			
			#meet-the-team #secondary-content dt {			
				color: #0FA6D5;
				font-weight: bold;
			}

	/* what we do */
	
		.what-we-do h2, 
		.what-we-do h3, 
		.what-we-do h4 {
			color: #c60c30;
		}
		
		/* case studies */
		
			#case-studies #primary-content {
				width: 690px;
			}
		
			#case-studies #case-studies-list {
				margin: 15px -20px 0 0;
			}
			
			#case-studies #case-studies-list li {
				display: inline;
				width: 190px;
				margin: 0 20px 20px 0;
				padding: 0;
				float: left;
				background: none;
			}
			
			#case-studies #case-studies-list li h3 {
				padding: 0 0 5px 0;	
				background: transparent url("../images/generic-horizontal-line.gif") repeat-x bottom left;
				font-family: DINMittelschrift-AlternateReg, Arial, Helvetica, sans-serif;
				font-size: 16px;
				font-weight: normal;
			}
			
		/* case study */
		
			#case-study #body-container {
				width: 970px;
			}
		
			#case-study #content {
				width: 722px;
			}
		
			#case-study #primary-content dt {
				color: #C60C30;
				font-size: 14px;
				font-weight: bold;
			}
			
			#case-study #primary-content dd {
				margin-top: 2px;
			}
			
			/* hidden assets */
			
				#case-study #primary-content .assets .asset {
					display: none;
				}
				
			/* secondary content */
			
				#case-study #secondary-content {
					width: 300px;
				}
				
				#case-study #secondary-content h4 {
					margin: 13px 0 5px 0;
					font-weight: normal;
					text-transform: uppercase;
				}
						
			/* action */
							
				#videos {
					padding-bottom: 5px;
					background: transparent url("../images/generic-horizontal-line.gif") repeat-x bottom left;			
				}
				
				#videos ul {
					margin: 0;				
				}
				
				#videos ul li {
					margin: 0;	
					padding: 0 0 10px 0;		
				}
				
				#images {
					padding: 12px 0 4px 0;
					background: transparent url("../images/generic-horizontal-line.gif") repeat-x bottom left;			
				}
				
				#images ul {				
					position: relative;
					margin-right: -10px;
				}
				
				#images li {
					display: inline;
					float: left;
					width: 93px;
					height: 93px;
					margin: 0 10px 10px 0;
					padding: 0;
				}
				
				#images li img {
					display: block;
					background-color: #C7C3B7;
				}
				
	/* who we work for */
	
		.who-we-work-for h2, 
		.who-we-work-for h3, 
		.who-we-work-for h4 {
			color: #53B72F;
		}
		
	/* get in touch */
	
		.get-in-touch h2, 
		.get-in-touch h3, 
		.get-in-touch h4 {
			color: #c60c30;
		}
		
		#get-in-touch #hero {
			height: 361px;
		}
			
		/* careers & subscribe */
		
			#careers, 
			#subscribe {
				background: url("../images/get-in-touch-body-bg.gif") no-repeat 0 0;
			}

	/* blog */
	
		.wordpress  {
				background: url("../images/blog-header-bg.gif") no-repeat 0 0;
			}
			
		/* navigation */
		
			.wordpress #secondary {			
				display: block;
				float: none;
				height: 260px;
			}
							
			.wordpress	#secondary ul li.active a {
				float: left;
				width: auto;
			}
	
			.wordpress #secondary ul li#nav-blog a {	
				float: none;			
				width: 170px;					
			}
					
			.wordpress #secondary ul li#nav-blog a#menu-blog {
				background-color: #0CA6D5;
				background-position: right -400px;
			}
	
		/* container */
		
			.wordpress #container {
				background: url("../images/blog-main-bg.gif") repeat-y top right;
			}
			
			.wordpress #container #wrapper {
				background: url("../images/blog-wrapper-bg.gif") no-repeat bottom right;
			}

		/* content */
		
			.wordpress #content {
				width: auto;
				display: inline;
				margin: 0 0 0 40px;
			}
			
			.wordpress #content h1,
			.wordpress #content h2 {
				margin-bottom: 0;
			}
			
			.wordpress .content {
				width: 540px;
			}
			
		/* crumb */
		
			.breadcrumb {
				display: none;
			}

		/* posts */
					
			.post {
				margin-bottom: 15px;
				padding-bottom: 20px;
				background: transparent url("../images/generic-horizontal-line.gif") repeat-x bottom left;			
			}
		
			.entry-title {
				font-size: 22px;
				font-style: normal;
			}
			
			.entry-title a {
				color: #0FA6D5;
			}
			
			.byline {
				color: #666;
				font-style: normal;
			}
			
			.entry-meta {
				color: #666;
				font-style: normal;
			}
		
		/* comments */
		
			.comments-header {
				font-size: 16px;
			}
			
			#reply {
				padding-bottom: 5px;
				background: transparent url("../images/generic-horizontal-line.gif") repeat-x bottom left;		
			}
			#comments li, 
			#comments li li li, 
			#comments li li li li li {
				border: none;
				list-style: none;
			}
			
			.comment-author {
			}
			
			.comment-meta {
				font-size: 11px;
			}
			
			.comment-reply-link, 
			.permalink, 
			.comment-edit-link {
				color: #0FA6D5;
				font-style: normal;
			}
			
			/* comment form */
			
				.wordpress .button, 
				.wordpress .submit, 
				.wordpress .reset {
					padding: 3px 10px;
					background: #0FA6D5;
					color: #fff;
					font-family: DINMittelschrift-AlternateReg, Arial, Helvetica, sans-serif;
					font-size: 16px;
					font-weight: normal;
					cursor: pointer;
				}
					
				.wordpress .button:hover, 
				.wordpress .submit:hover, 
				.wordpress .reset:hover {
					color: #C7C3B7;
					background-color: transparent;
					cursor: pointer;
				}		
	
		/* primary  */
		
			#primary {
				display: inline;
				width: 245px;
				margin-right: 55px;
			}
			
			/* widget  */
			
				.widget {
					
				}
				
				.widget li {
					margin: 0 0 5px 0;
					background: transparent url("../images/generic-arrow-blue-on-white.gif") no-repeat 0 5px;
				}
			
				.widget a,
				.widget a:hover,
				.widget a:visited {
					color: #0FA6D5;
					text-decoration: none;
				}
		
				.widget a:hover { 	
					text-decoration: underline;
				}
				
				.widget-title {
					padding-bottom: 7px;
					margin-bottom: 7px;
					background: transparent url("../images/generic-horizontal-line.gif") repeat-x bottom left;		
				}
			
				.widget-title,
				.widget-title a,
				.widget-title a:hover,
				.widget-title a:visited {
					color: #0FA6D5;
					font-size: 16px;
					font-style: normal;
					font-weight: bold;
				}
						
				/* search */
				
					.widget #search-form input {
						width: 150px;
					}
				
				/* flickrpress */
				
					.widget .flickrpress-container {
						text-align: left;
					}
				
					.widget .flickrpress-container .flickrpress-items div {
						margin: 0;
						padding: 0;
						border: none;
						background: none;
					}
					
					.widget .flickrpress-container .flickr_item_view_squares img {
						background: none;
					}