/*Constants

Orange: #EEAA22


#----- Defaults -----#*/
BODY
{
	font-family: proxima-nova-1, proxima-nova-2, "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	margin: 0 auto;
	width: 100%;
	line-height: 22px;
	color: #636363;
	background: #000 url(/assets/images/body-bg.jpg);
	margin: 0;
	padding: 0;
}
IMG
{
	border: none;
}
UL, DIV, SPAN, H1, H2, H3, H4, H5
{
	margin: 0;
	padding: 0;
}
/*#----- Links -----#*/
A
{
	outline: 0;
}
A:link, A:visited
{
	color: #EEAA22;
}
A:hover, A:focus
{
	color: #636363;
}
/*#----- Layout -----#*/
.container
{
	display: block;
	clear: both;
	width: 940px;
	padding: 22px 20px 44px;
	margin: 0 auto;
}
#header
{
	width: 100%;
	background-color: #FFFFFF;
}
#masthead
{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	background: #FFFFFF url(/assets/images/header-border-bottom.png) repeat-x center bottom;
	border-bottom: 6px solid #000000;
	overflow: hidden;
}
.home #masthead .container
{
	background: transparent no-repeat right top;
	z-index: 200;
	position: relative;
	overflow: hidden;
	height: 440px;
}
.home #masthead .container .masthead-content
{
	background-color: rgba(255, 255, 255, 0.95);
	display: inline-block;
	width: 550px;
}
#subfooter
{
	display: block;
	float: left;
	width: 100%;
	background-color: transparent;
}
#footer
{
	display: block;
	float: left;
	width: 100%;
	background-color: #000;
	margin-bottom: 0;
	font-size: 11px;
}
/*#----- Header -----#*/
#whoooz-logo
{
	display: inline;
	float: left;
}
UL#navigation-top
{
	list-style-type: none;
	display: block;
	float: right;
	margin-top: 0px;
}
UL#navigation-top LI
{
	display: inline;
	position: relative;
	float: left;
	margin: 0 10px;
}
UL#navigation-top LI.lf
{
	margin-left: 0px;
}
UL#navigation-top LI.ll
{
	margin-right: 0px;
}
UL#navigation-top LI A
{
	text-decoration: none;
}
UL#navigation-top LI A STRONG
{
	float: right;
	text-decoration: none;
	font-size: 16px;
	line-height: 14px;
	color: #636363;
	padding-top: 16px;
}
UL#navigation-top LI A SPAN
{
	position: relative;
	clear: both;
	float: right;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	top: -2px;
	color: #A7A9AC;
	overflow: hidden;
}
UL#navigation-top LI A:hover, UL#navigation-top LI A.active
{
}
UL#navigation-top LI A .marker
{
	display: block;
	background-color: #EEAA22;
	width: 100%;
	height: 0px;
	position: absolute;
	bottom: -8px;
	left: 0;
}
UL#navigation-top LI A.selected .marker
{
	height: 4px;
}
/*#----- Masthead -----#*/
H1#blurb
{
	display: block;
	width: 540px;
	font-size: 44px;
	line-height: 48px;
	color: #ABABAB;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 22px 0 20px;
}
.wf-active H1#blurb
{
	font-size: 52px;
	line-height: 58px;
}
H1#blurb STRONG
{
	color: #636363;
	font-weight: bold;
}
UL#tell-expertise
{
	list-style-type: none;
	display: block;
	float: left;
	width: 560px;
}
UL#tell-expertise LI
{
	display: inline;
	float: left;
	width: 160px;
	padding: 0 20px 10px 0;
	font-size: 12px;
}
UL#tell-expertise LI H2.title
{
	display: inline;
	float: left;
	width: 540px;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	padding-top: 22px;
}
UL#masthead-bg-slider
{
	position: absolute;
	display: block;
	width: 12000px;
	height: 550px;
	bottom: 0;
}
UL#masthead-bg-slider LI
{
	display: inline;
	float: left;
	width: auto;
	height: 550px;
	background: no-repeat top right;
}
UL#masthead-bg-slider LI IMG
{
	margin: 0 auto;
	display: block;
	position: relative;
	top: 50px;
}
/*#----- Subfooter -----#*/
DIV#recent-work, DIV#recent-post, DIV#about-whoooz
{
	display: block;
	float: left;
	margin-bottom: 44px;
}
#subfooter .title-block
{
	display: inline;
	float: left;
	clear: both;
	width: 940px;
	border-bottom: 0px solid #262626;
	margin: 20px 0px;
	background: transparent url(/assets/images/feature_bg.png) repeat-x right 32px;
}
#subfooter .title-block H3
{
	display: inline;
	float: left;
	width: 440px;
	font-size: 28px;
	line-height: 32px;
	color: #E6E6E6;
}
#subfooter .title-block A.view-more
{
	display: inline;
	float: right;
	padding: 6px 8px 12px;
	font-size: 16px;
	line-height: 20px;
	background-color: #262626;
	color: #666;
	text-align: right;
	text-decoration: none;
	margin-right: 12px;
	background: transparent url(/assets/images/feature_bg.png) right bottom;
}
#subfooter UL.overview
{
	display: block;
	float: left;
	clear: both;
}
#subfooter UL.overview LI
{
	display: block;
	float: left;
	width: 220px;
	margin-right: 20px;
	overflow: hidden;
}
#subfooter UL.overview LI:hover
{
	cursor: pointer;
}
#subfooter UL.overview LI.ll
{
	margin-right: 0;
}
#subfooter UL.overview LI>A
{
	text-decoration: none;
	color: #636363;
	font-size: 12px;
}
#subfooter UL.overview LI .project-blurb STRONG
{
	text-decoration: none;
	color: #EEAA26;
	font-size: 14px;
	background-color: #262626;
	padding: 5px 6px;
}
#subfooter UL.overview LI>A>IMG
{
	width: 208px;
	border: 6px solid #262626;
}
/*#----- Footer -----#
#----- Toolkit -----#*/
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
HTML[xmlns] .clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1%;
}
/*#----- Media Queries -----#*/