/* 
Theme Name: HL2
Theme URL: http://www.hl2.com/
Description: Theme for HL2's Q1 2010 redesign.
Author: Marissa Wells
Author URI: http://www.hl2.com/
Version: 1.0.4
*/

/*

	HL2 2010 Redesign
	------------------

	@file 		style.css
	@version 	1.0.6
	@date 		2010-04-28 10:27:02 -0800 (Wed, 28 Apr 2010)
	@author 	Marissa Wells <hello@marissawells.com>

	Copyright (c) 2010 HL2 <http://www.hl2.com>
	
	Version History:
	1.0.4 - Added third column to Contact Us page
	1.0.5 - Style for journal images
	1.0.6 - Reduced subnav font size

*/


/* Body & Structure */
body {
	background-color: #fff; /* rgb(255, 255, 255) */
	color: #222; /* rgb(34, 34, 34) */
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px; /* = 1em */
}
	header,
	section,
	footer,
	aside,
	nav,
	article,
	figure {
		display: block;
	}
	.body {
		clear: both;
		margin: 0 auto;
		width: 984px;
	}
	article {}
		body.capabilities article,
		body.single article {
			position: relative;
		}
		body#contact-us article {
			float: left;
			font-size: 0.929em;
			height: 200px;
		}
			body#contact-us article#address {
				width: 220px;
			}
			body#contact-us article#address,
			body#contact-us article#directions {
				border-right: 1px solid #7f7f7f; /* rgb(127, 127, 127) */
			}
			body#contact-us article#careers {
				width: 310px;
			}
			body#contact-us article#directions {
				font-style: italic;
				position: relative;
				width: 385px;
			}
		body#home article,
		body#marquee article,
		body.marquee article {
			clear: both;
			margin-bottom: 22px;
		}
		body#news-awards article {
			margin-bottom: 100px;
		}
			body#news-awards article:last-child {
				margin-bottom: 0;
			}
		body#search-results article {
			font-size: 13px;
		}
	aside {}
		aside#capabilities-nav,
		aside#post-nav {
			float: left;
			width: 144px;
		}
		aside#social {
			background-color: #eceff6; /* rgb(236, 239, 246) */
			float: right;
			margin-top: -25px;
			overflow: hidden;
			padding-top: 10px;
			text-align: center;
			width: 341px;
		}
		body#data-entry-instructions aside {
			background-color: #ccc;
			float: right;
			width: 200px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
	figure {}
		body#home figure,
		body#marquee figure,
		body.marquee figure {
			float: left;
			height: 100px;
			overflow: hidden;
			width: 102px;
		}
	footer {}
		aside#social footer {
			background-color: #fff;
			padding-top: 10px;
			text-align: left;
		}
		body.capabilities article footer,
		body.single.from-case-studies article footer {
			position: absolute;
			right: 0;
			top: 0;
			width: 235px;
		}
		body#data-entry-instructions section#main-content footer {
			color: #666; /* rgb(102, 102, 102) */
			font-size: 12px;
			margin-top: 2em;
		}
		body#news-awards article footer {
			font-size: 12px;
		}
		body.single.from-our-work article footer {
			float: left;
			margin-top: 48px;
		}
		footer#page-footer {
			border-top: 1px solid #bbb;
			clear: both;
			margin-bottom: 26px;
			margin-top: 70px;
			padding-top: 14px;
		}
			body.user-is-admin footer#page-footer {
				margin-bottom: 60px;
			}
	header {}
		body.capabilities article header {
			margin-bottom: 30px;
		}
		body#contact-us article#directions header,
		body#contact-us article#directions figure {
			float: left;
		}
			body#contact-us article#directions figure,
			body#contact-us article#careers h2,
			body#contact-us article#careers ul {
				margin-left: 35px;
			}
		body#contact-us article#directions header {
			padding-left: 10px;
		}
		body#data-entry-instructions section#main-content header {
			margin-bottom: 1em;
		}
		body#search-results section#main-content header {
			margin-bottom: 30px;
		}
			body#search-results section#main-content article header {
				margin-bottom: 0;
			}
		body.single.from-case-studies article header {
			width: 500px;
		}
		header#admin-logged-in {
			background-color: #464646; /* rgb(70, 70, 70) */
			border-top: 1px solid #333; /* rgb(51, 51, 51) */
			bottom: 0;
			height: 2.5em;
			left: 0;
			line-height: 2.5em; /* = height */
			position: fixed;
			width: 100%;
			z-index: 999;
		}	
		header#banner {
			height: 48px;
			margin-bottom: 8px;
			margin-top: 1.75em;
			position: relative;
			z-index: 998;
		}
	nav {
		bottom: 0;
		left: 139px;
		position: absolute;
	}
	section {}
		section#main-content {
			float: left;
			/* Start: Cross-browser min-height */
			min-height: 25em; /* 350px */
			height: auto !important;
			height: 25em; /* 350px */
			/* End: Cross-browser min-height */
		}
			body.capabilities section#main-content,
			body.case-studies section#main-content,
			body.jobs section#main-content,
			body.our-work section#main-content,
			body.single.from-case-studies section#main-content,
			body.single.from-our-work section#main-content,
			body.taxonomy section#main-content {
				float: right;
				width: 810px;
			}
			body#client-list section#main-content,
			body#connect-with-us section#main-content,
			body#data-entry-instructions section#main-content,
			body#journal section#main-content,
			body.journal section#main-content,
			body#news-awards section#main-content,
			body.news section#main-content,
			body.other-archive section#main-content,
			body#search-results section#main-content {
				border-left: 1px solid #ccc; /* rgb(204, 204, 204) */
				float: left;
				margin-left: 140px;
				padding-left: 30px;
			}
				body#client-list section#main-content,
				body.other-archive section#main-content {
					width: 810px;
				}
				body#connect-with-us section#main-content,
				body#search-results section#main-content {
					width: 500px;
				}
				body#journal section#main-content,
				body.journal section#main-content,
				body#news-awards section#main-content,
				body.news section#main-content {
					width: 488px;
				}
			body#home section#main-content,
			body#marquee section#main-content,
			body.marquee section#main-content {
				margin-top: 54px;
				width: 500px;
			}
			body#on-the-web section#main-content section.a-feed {
				background-color: #ff0; /* rgb(255, 255, 0) */
				float: left;
				margin-right: 20px;
				width: 314px;
			}
				body#on-the-web section#main-content section.a-feed:last-child {
					margin-right: 0;
				}
			body.single.from-our-work section#main-content header {
				margin-top: 25px;
			}
		section#marquee {
			height: 13px;
			overflow: hidden;
			position: relative;
			width: 100%;
			z-index: 99;
		}
			body#contact-us section#marquee,
			body#who-we-are section#marquee,
			body#what-we-do section#marquee {
				height: 440px;
			}
			body#home section#marquee,
			body#marquee section#marquee,
			body.marquee section#marquee,
			body#meet-the-team section#marquee {
				background-color: transparent;
				background-image: none;
			}
			body#home section#marquee,
			body#marquee section#marquee,
			body.marquee section#marquee {
				height: 490px;
			}
			body#meet-the-team section#marquee {
				height: 517px;
			}
			section#marquee.short {
				background-color: #006eb8; /* rgb(0, 110, 184) */
				margin-bottom: 68px;
			}
			section#marquee.what-marquee0,
			section#marquee.what-marquee1,
			section#marquee.what-marquee2,
			section#marquee.who-marquee0,
			section#marquee.who-marquee1,
			section#marquee.who-marquee2 {
				background-color: transparent;
			}
			section#marquee.what-marquee0 {
				background-image: url(library/img/Marquee_WhatWeDo_1.jpg);
			}
			section#marquee.what-marquee1 {
				background-image: url(library/img/Marquee_WhatWeDo_2.jpg);
			}
			section#marquee.what-marquee2 {
				background-image: url(library/img/Marquee_WhatWeDo_3.jpg);
			}
			section#marquee.who-marquee0 {
				background-image: url(library/img/Marquee_WhoWeAre_1.jpg);
			}
			section#marquee.who-marquee1 {
				background-image: url(library/img/Marquee_WhoWeAre_2.jpg);
			}
			section#marquee.who-marquee2 {
				background-image: url(library/img/Marquee_WhoWeAre_3.jpg);
			}
		section#sub-nav {
			margin-bottom: 68px;
			overflow: hidden;
			width: 100%;
		}

/* Elements, Pseudo-elements, and Classes */			
a {
	color: #006eb8; /* rgb(0, 110, 184) */
	text-decoration: none;
}
	a:visited {}
	a:hover,
	a.thumb-hover,
	dl.feeds dt.facebook a:hover,
	dl.feeds dt.twitter a:hover,
	dl.feeds dt.youtube a:hover {
		color: #2f2f2f; /* rgb(47, 47, 47) */
	}
	a:active {}
	aside#capabilities-nav a,
	aside#post-nav a,
	aside#post-nav span {
		color: #666; /* rgb(102, 102, 102) */
		display: inline-block;
		font-size: 12px;
		padding: 4px 14px;
	}
		aside#post-nav a#show-clients,
		aside#post-nav a#show-types {
			font-style: italic;
		}
		aside#post-nav li li a,
		body.single aside#post-nav a {
			color: #aaa;
		}
		aside#capabilities-nav a.current,
		aside#post-nav a.current,
		aside#post-nav span.current {
			background-color: #2f2f2f; /* rgb(47, 47, 47) */
			color: #fff; /* rgb(255, 255, 255) */
		}
		aside#capabilities-nav a:hover,
		aside#post-nav a:hover,
		aside#post-nav a.current:hover {
			background-color: #e5e5e5; /* rgb(229, 229, 229) */
			color: #2f2f2f !important; /* rgb(47, 47, 47) */
		}
	dl.feeds dt a {
		background-position: bottom left;
		background-repeat: no-repeat;
		color: #fff; /* rgb(255, 255, 255) */
		display: block;
		font-size: 11px;
		position: absolute;
		text-align: center;
	}
		dl.feeds dt.facebook a {
			background-image: url(library/img/Btn_FB.png);
			height: 24px;
			left: 354px;
			line-height: 24px;
			top: 40px;
			width: 89px;
		}
		dl.feeds dt.twitter a {
			background-image: url(library/img/Btn_Twitter.png);
			height: 27px;
			left: 374px;
			line-height: 27px;
			top: 38px;
			width: 55px;
		}
		dl.feeds dt.youtube a {
			background-image: url(library/img/Btn_YouTube.png);
			color: #006eb8; /* rgb(0, 110, 184) */
			height: 27px;
			left: 371px;
			line-height: 27px;
			top: 38px;
			width: 67px;
		}
	header#admin-logged-in a {
		color: #ccc; /* rgb(204, 204, 204) */
	}
	li.thumb a,
	#post-list li a {
		display: block;
	}
		li.thumb a.post-name,
		#post-list li a.post-name {
			font-size: 10px;
		}
	section#sub-nav li a {
		color: #aaa;
		font-size: 28px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
		section#sub-nav li a.current,
		section#sub-nav li a:hover {
			background-color: transparent;
			color: #2f2f2f; /* rgb(47, 47, 47) */
		}
abbr,
acronym {
	border-bottom: 1px dotted #222;
	color: #222; /* rgb(34, 34, 34) */
	cursor: help;
}
abbr {
	color: #222; /* rgb(34, 34, 34) */
	cursor: help;
}
address {}
big {
	font-size: 1.2em;
}
blockquote {}
cite {}
dfn {
	font-style: italic;
}
div {}
	div.case-study-media {
		margin-bottom: 25px;
	}
	div#facebook-container {
		padding-left: 5px;
	}
	div.featured {
		background-color: #3c3; /* rgb(51, 204, 51) */
		font-size: 12px;
		height: 16px;
		line-height: 16px; /* = height */
		position: absolute;
		right: 0;
		text-align: right;
		top: 129px;
		width: 100px;
		z-index: 99;
	}
	div.marquee-context {
		background: transparent url(library/img/LearnMore_bckgrnd.png) repeat top right;
		color: #eee; /* rgb(238, 238, 238) */
		cursor: pointer;
		height: 24px;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 0;
		width: 346px;
	}
		div.marquee-context-content {
			font-size: 11px;
			padding: 0 10px 10px 10px;
		}
		div.marquee-context-content a {
			color:#9cf; 
			font-weight:bold;
		}
		div.marquee-context-title {
			font-size: 12px;
			font-weight: bold;
			height: 26px;
			line-height: 24px;
			padding-left: 10px;
		}
	div#marquee-tooltip-button {
		background-color: #000; /* rgb(0, 0, 0) */
		color: #fff; /* rgb(255, 255, 255) */
		cursor: pointer;
		font-size: 36px;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		position: absolute;
		text-align: center;
		width: 40px;
	}
		body.case-studies div#marquee-tooltip-button,
		body.from-case-studies div#marquee-tooltip-button,
		body.from-our-work div#marquee-tooltip-button,
		body.other-archive div#marquee-tooltip-button,
		body.our-work div#marquee-tooltip-button,
		body.what-we-do div#marquee-tooltip-button {
			left: 682px;
			top: 246px;
		}
			body.case-studies div#marquee-tooltip-button:hover,
			body.from-case-studies div#marquee-tooltip-button:hover,
			body.from-our-work div#marquee-tooltip-button:hover,
			body.other-archive div#marquee-tooltip-button:hover,
			body.our-work div#marquee-tooltip-button:hover,
			body.what-we-do div#marquee-tooltip-button:hover {
				color: #83b640; /* rgb(131, 182, 64) */
			}
		body.who-we-are div#marquee-tooltip-button {
			left: 648px;
			top: 287px;
		}
			body.who-we-are div#marquee-tooltip-button:hover {
				color: #79b9e1; /* rgb(121, 185, 225) */
			}
	div#our-work-archived,
	div#case-studies-archived {
		clear: both;
	}
	div.post-content {
		width: 500px;
	}
		body#journal div.post-content,
		body#news-awards div.post-content,
		body.single div.post-content {
			margin: 20px 0;
		}
	div.result {
		float: left;
		width: 250px;
	}
	div.result-type {
		background-color: #2f2f2f; /* rgb(47, 47, 47) */
		float: left;
		margin-right: 20px;
		width: 150px;
	}
	body#home div.article-content,
	body#marquee div.article-content,
	body.marquee div.article-content {
		clear: none;
		float: right;
		margin-left: 10px;
		margin-top: 5px;
		overflow: hidden;
		width: 380px;
		word-wrap: break-word;
	}
dl {}
	dd {}
		dd.facebook,
		dd.youtube {
			padding-top: 3px;
		}
		dl.feeds dd {
			font-size: 12px;
			margin-bottom: 54px;
		}
	dt {}
		dt.facebook {
			background-image: url(library/img/HL2_Connect_FB.png);
			height: 100px;
		}
		dt.twitter {
			background-image: url(library/img/HL2_Connect_Twitter.png);
			height: 104px;
		}
		dt.youtube {
			background-image: url(library/img/HL2_Connect_YouTube.png);
			height: 100px;
		}
		dl.feeds dt {
			background-repeat: no-repeat;
			position: relative;
			width: 482px;
		}
em {
	font-style: italic;
}
h1 {
	float: left;
	width: 138px;
}
h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
}
	body#advertising h2,
	body#capabilities h2 {
		background: transparent url(library/img/sh_advertising.png) no-repeat top left;
	}
	body#analytics h2 {
		background: transparent url(library/img/sh_analytics.png) no-repeat top left;
	}
	body.capabilities h2 {
		height: 34px;
	}
	body#contact-us article#address h2,
	body#contact-us article#address p {
		padding-left: 60px;
	}
	body#email-marketing h2 {
		background: transparent url(library/img/sh_email_marketing.png) no-repeat top left;
	}
	body#home h2,
	body#marquee h2,
	body.marquee h2 {
		color: #607584; /* rgb(96, 117, 132) */
		font-size: 1em;
	}
	body#interactive h2 {
		background: transparent url(library/img/sh_interactive.png) no-repeat top left;
	}
	body#media h2 {
		background: transparent url(library/img/sh_media.png) no-repeat top left;
	}
	body#print h2 {
		background: transparent url(library/img/sh_print.png) no-repeat top left;
	}
	body#seo-sem h2 {
		background: transparent url(library/img/sh_seo_sem.png) no-repeat top left;
	}
	body#social-media-marketing h2 {
		background: transparent url(library/img/sh_social_media_marketing.png) no-repeat top left;
	}
	body#strategic-planning h2 {
		background: transparent url(library/img/sh_strategic_planning.png) no-repeat top left;
	}
	body#user-experience h2 {
		background: transparent url(library/img/sh_user_experience.png) no-repeat top left;
	}
h3 {
	font-weight: normal;
}
	body#contact-us article#careers h3 {
		font-weight: bold;
		margin: 0 0 5px 35px;
	}
	body#data-entry-instructions h3 {
		font-weight: bold;
		margin-bottom: 0.1em;
	}
	body#news-awards h3,
	body.single h3 {
		font-size: 13px;
		font-weight: normal;
		margin-top: 6px;
	}
		body.single .post-content h3 {
			font-weight: bold;
			margin-bottom: 6px;
			margin-top: 0;
		}
h4 {}
	body.single footer h4 {
		font-size: 11px;
		font-weight: normal;
	}
hr {
	background-color: #dcdcdc;
	border: 0;
	color: #dcdcdc;
	height: 1px;
	width: 300px;
}
img {}
	body#journal article header img,
	body.journal article header img,
	body#news-awards article header img,
	body.news article header img {
		margin-bottom: 12px;
	}
	div#marquee-container img,
	#flash-content {
		margin-bottom: 100px;
	}
		div#marquee-container img.react {
			background-color: #eceff6;
			bottom: 25px;
			border-left: 5px solid #fff;
			border-top: 5px solid #fff;
			height: 45px;
			margin: 0;
			overflow: hidden;
			position: absolute;
			right: 0;
			width: 341px;
		}
li {}
	aside#capabilities-nav li,
	aside#post-nav li {
		margin-bottom: 3px;
		text-align: right;
	}
		aside#capabilities-nav li:last-child,
		aside#post-nav li:last-child {
			margin-bottom: 0;
		}
		aside#post-nav li.section {
			margin-bottom: 1em;
		}
		aside#post-nav li li {
			font-size: 12px;
		}
	body#client-list section#main-content li {
		font-size: 13px;
		line-height: 1.25em;
		padding-bottom: 0.75em;
	}
		body#client-list section#main-content li:nth-child(15n+15) {
			padding-bottom: 0;
		}
	body#contact-us article#careers li {
		margin-bottom: 0.5em;
	}
	body#data-entry-instructions aside li {
		border-bottom: 1px solid #bbb;
		line-height: 1.4em;
		padding: 0;
	}
		body#data-entry-instructions aside li:last-child {
			border-bottom: none;
		}
	body#data-entry-instructions section#main-content li:hover {
		background-color: #ffc; /* rgb(255, 255, 204) */
	}
	body#search-results section#main-content li {
		clear: both;
		float: left;
		margin-bottom: 2em;
	}
		body#search-results section#main-content li:last-child {
			margin-bottom: 0;
		}
	li.page {
		clear: left;
	}
	.post-content li {
		font-size: 12px;
		line-height: 22px;
	}
		.post-content li li {
			font-size: 1em;
		}
	#post-list li {
		float: left;
		height: 170px;
		margin-bottom: 22px;
		margin-right: 20px;
		position: relative;
		width: 235px;
	}
		body.capabilities #post-list li {
			float: none;
			margin-bottom: 11px;
			margin-right: 0;
		}
		#post-list li:nth-child(3n) {
			margin-right: 0;
		}
		body.single.from-case-studies #post-list li {
			display: block;
			float: none;
			margin-right: 0;
		}
	section#sub-nav li {
		border-right: 1px solid #ccc; /* rgb(204, 204, 204) */
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
		section#sub-nav li:first-child {
			padding-left: 0;
		}
		section#sub-nav li:last-child {
			border-right: none;
			padding-right: 0;
		}
ol {
	list-style: decimal outside;
	padding-left: 2em;
}
	body#client-list section#main-content ol {
		float: left;
		height: auto;
		list-style: none;
		margin-right: 20px;
		padding-left: 0;
	}
		body#client-list section#main-content ol#column1 {
			width: 260px;
		}
		body#client-list section#main-content ol#column2 {
			width: 280px;
		}
		body#client-list section#main-content ol#column3 {
			margin-right: 0;
			width: 220px;
		}
	ol ol {
		list-style: lower-alpha outside;
	}
	ol#post-list {
		list-style-type: none;
		padding-left: 0;
	}
p {}
	body#contact-us article#careers p {
		padding-left: 35px;
	}
	div.marquee-context-content p {
		line-height: 1.5em;
		padding-bottom: 1em;
	}
		div.marquee-context-content p.constant {
			margin-top: 1em;
		}
	footer#page-footer p {
		font-size: 11px;
	}
	header#admin-logged-in p {
		color: #999; /* rgb(153, 153, 153) */
		font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
		font-size: 12px;
		margin: 0 auto;
		width: 984px;
	}
	section#main-content p {
		font-size: 12px;
		line-height: 22px;
	}
		section#main-content p,
		section#main-content ol,
		section#main-content ul {
			margin-bottom: 1.5em;
		}
			body#contact-us section#main-content p,
			body#home section#main-content p,
			body#marquee section#main-content p,
			body.marquee section#main-content p {
				margin-bottom: 0.75em;
			}
		section#main-content h2 + p {
			margin-top: 32px;
		}
			#contact-us section#main-content h2 + p {
				margin-top: 5px;
			}
		section#main-content p:last-child,
		section#main-content ol:last-child,
		section#main-content ul:last-child {
			margin-bottom: 0;
		}
small {
	font-size: 0.8em;
}
span {}
	body.capabilities h2 span {
		display: none;
	}
	div.featured span {
		color: #fff; /* rgb(255, 255, 255) */
		font-style: italic;
		padding-right: 10px;
		text-shadow: 1px 1px 1px #2f2f2f;
		text-transform: uppercase;
	}
	div.marquee-context-title span {
		display: inline-block;
		width: 0.75em;
	}
	div.result-type span {
		color: #fff; /* rgb(255, 255, 255) */
		display: block;
		font-size: 12px;
		padding: 0.25em;
	}
	span.client-link {
		font-size: 11px;
	}
	span#show-clients,
	span#show-types {
		font-weight: bold;
	}
strike {
	text-decoration: line-through;
}
strong {
	font-weight: bold;
}
sub,
sup {
	position: relative;
	top: -0.4em;
	vertical-align: baseline;
}
sub {
	top: 0.4em;
}
ul {
	list-style: disc outside;
	padding-left: 2em;
}
	.anythingSlider ul,
	#search-results section#main-content ul {
		list-style: none;
		padding-left: 0;
	}
	aside#capabilities-nav ul,
	aside#post-nav ul {
		border-right: 1px solid #ccc; /* rgb(204, 204, 204) */
		list-style: none;
		padding-left: 0;
	}
		aside#post-nav ul ul {
			border-right: 0;
		}
	body#contact-us article#careers ul {
		list-style: none;
		padding-left: 0;
	}
	#data-entry-instructions aside ul {
		list-style: none;
		padding: 10px;
		text-align: right;
	}
	section#sub-nav ul {
		height: 1.95em;
		list-style: none;
		padding-left: 0;
		padding-top: 1em;
		width: 100%;
	}

/* Wordpress styles */
.aligncenter {
	margin: 0 auto;
	padding-bottom: 1em;
}
.alignleft {
	float: left;
	padding: 0 1em 1em 0;
}
.alignright {
	float: right;
	padding: 0 0 1em 1em;
}
.linkcat {}
.page_item {}
.pagenav {}
.widget {}
.wp-caption {}

/* Misc. classes */
.hidden {
	border: 0;
	display: none;
}
.highlight {
	background-color: #ff9; /* rgb(255, 255, 153) */
}


/* 
	New clearfix
*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */


/*
	Forms 
*/
fieldset {}
	#global-search fieldset {
		display: block;
		float: right;
		height: 19px;
		margin-top: 21px;
		position: relative;
		width: 178px;
	}
input {}
	input[type='text'],
	textarea {
		background: transparent;
		border: 1px solid #e5e5e5;
		color: #999;
		font-family: inherit;
		font-size: inherit;
	}
		#global-search input[type='text'] {
			border: 1px solid #e5e5e5;
			color: #ccc;
			float: left;
			font-size: 13px;
			height: 14px;
			line-height: 13px;
			margin-right: 3px;
			padding: 2px 2px 1px 2px;
			width: 150px;
		}
	input[type='text']:focus,
	textarea:focus {
		background: #ffc;
		border-color: #ff1;
		color: #0d0d0d;
	}
	input[type='submit'] {}
		#global-search input[type='submit'] {
			background: transparent url(library/img/SearchArrow.png) no-repeat top left;
			border: 0;
			cursor: pointer;
			float: left;
			height: 19px;
			width: 19px;
		}

/* 
	jQuery Tools Scrollable
*/ 
body#home .items,
body#marquee .items,
body.marquee .items {}
	body#home .items a,
	body#marquee .items a,
	body.marquee .items a {
		border-right: 2px solid #fff;
		cursor: pointer;
		display: block;
		float: left;
		height: 38px;
		width: 60px;
	}
		body#home .items a.current,
		body#marquee .items a.current,
		body.marquee .items a.current {
			/* ??? */
		}

div.scrollable-wrapper {
	width: 745px;
	height: 468px;
	position: relative;
}
	body#home div.scrollable-wrapper,
	body#marquee div.scrollable-wrapper,
	body.marquee div.scrollable-wrapper {
		height: 38px;
		position: absolute;
		top: 450px;
		width: 635px;
	}
div.scrollable {
	/* required settings */
	height: 450px;
	overflow: hidden;
	position: relative;
	width: 745px;	
}
	body#home div.scrollable,
	body#marquee div.scrollable,
	body.marquee div.scrollable {
		height: 38px;
		left: 22px;
		width: 592px;
	}
div.scrollable div.items,
body#home div.scrollable ul,
body#marquee div.scrollable ul,
body.marquee div.scrollable ul {
	position: absolute;
	width: 20000em;
}
div.scrollable div.items div,
body#home div.scrollable li,
body#marquee div.scrollable li,
body.marquee div.scrollable li {
	float:left;
}
div.scrollable-wrapper .browse {
	cursor: pointer;
	display: block;
	height: 450px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 46px;
	z-index: 99;
}
	body#home div.scrollable-wrapper .browse,
	body#marquee div.scrollable-wrapper .browse,
	body.marquee div.scrollable-wrapper .browse {
		height: 38px;
		width: 20px;
	}
	div.scrollable-wrapper .browse.disabled {
		display: none;
	}
	div.scrollable-wrapper .right {
		background-image: url(library/img/Arrow_shad_work_r.png);
		background-position: center right;
		background-repeat: no-repeat;
		right: 0;
	}
		body#home div.scrollable-wrapper .right,
		body#marquee div.scrollable-wrapper .right,
		body.marquee div.scrollable-wrapper .right {
			background-image: url(library/img/Arrow_home_r.png);
		}
	div.scrollable-wrapper .left {
		background-image: url(library/img/Arrow_shad_work_l.png);
		background-position: center left;
		background-repeat: no-repeat;
		left: 0;
	}
		body#home div.scrollable-wrapper .left,
		body#marquee div.scrollable-wrapper .left,
		body.marquee div.scrollable-wrapper .left {
			background-image: url(library/img/Arrow_home_l.png);
		}
ul#tabs {
	list-style: none;
	margin-top: 1px;
	padding: 0;
}
	ul#tabs li {
		background-color: #bbb; /* rgb(187, 187, 187) */
		color: #fff; /* rgb(255, 255, 255) */
		cursor: pointer;
		display: inline-block;
		float: left;
		font-size: 0.857em; /* 12px */
		height: 1.286em; /* 18px */
		line-height: 1.286em; /* 18px */
		margin-right: 2px;
		padding: 0 1.429em; /* 0 20px */
		text-align: center;
	}
		ul#tabs li:last-child {
			margin: 0;
		}
		ul#tabs li.active {
			background-color: #3c3; /* rgb(51, 204, 51) */
		}
		
/*
	Superfish
*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	background-color: #fff;
	position: absolute;
	top: -999em;
	width: 8em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	margin-right: 1.714em;
	position: relative;
}
	.sf-menu li:last-child {
		margin-right: 0;
	}
.sf-menu a {
	color: #434343;
	display: block;
	position: relative;
	text-transform: uppercase;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 1.75em; /* match top ul list item height */
	z-index: 2001;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 8em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 8em; /* match ul width */
	top: 0;
}
.sf-menu {}
.sf-menu a {
	padding: 0.357em 0.5em;
	text-decoration: none;
}
	.sf-menu li li a {
		padding: 0.5em;
	}
.sf-menu a,
.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #434343; /* rgb(67, 67, 67) */
}
.sf-menu li {}
.sf-menu li li {
	border-top: 1px solid #fff; /* rgb(255, 255, 255) */
	font-size: 80%;
}
	.sf-menu li li.first-step,
	.sf-menu li li.first-step a {
		background-color: #222 !important; /* rgb(34, 34, 34) */
	}
	.sf-menu li li.second-step,
	.sf-menu li li.second-step a {
		background-color: #444 !important; /* rgb(68, 68, 68) */
	}
	.sf-menu li li.third-step,
	.sf-menu li li.third-step a {
		background-color: #666 !important; /* rgb(102, 102, 102) */
	}
	.sf-menu li li.fourth-step,
	.sf-menu li li.fourth-step a {
		background-color: #888 !important; /* rgb(136, 136, 136) */
	}
	.sf-menu li li.fifth-step,
	.sf-menu li li.fifth-step a {
		background-color: #aaa !important; /* rgb(170, 170, 170) */
	}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a.current,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	outline: 0;
}
	.sf-menu li.primary:hover,
	.sf-menu a.current,
	.sf-menu a:focus,
	.sf-menu a:active,
	.sf-menu li li a:hover {
		background-color: #000; /* rgb(0, 0, 0) */
	}
	.sf-menu li:hover a,
	.sf-menu li.sfHover a,
	.sf-menu a.current,
	.sf-menu a:focus,
	.sf-menu a:hover,
	.sf-menu a:active,
	.sf-menu li:hover li a:hover,
	.sf-menu li.sfHover li a:hover {
		background-color: #000 !important; /* rgb(0, 0, 0) */
		color: #fff; /* rgb(255, 255, 255) */
	}