@charset "UTF-8";
/* CSS Document */
html
{
	background: black url('images/headergradient.png') repeat-x left 120px;
}

body
{
	/*padding-left: 7.6388889%;  110 / 1440 */
	/*padding-right: 10.486111%;  140 / 1440 */
	width: 88.819444%; /* 1179 / 1440 */
	margin-left: 7.7083333%;
	max-width: 1279px;
	min-width: 850px;
	color: white;
	/*background-color: #404040;*/
}

@media only screen and (max-width: 1024px) { 
	body {
		/*width: 826px;*/
	}
}

a
{
	color: #09417c;
	text-decoration: none;
}

a:hover
{
	color: #1284ff;
	color: #12a8ff;
	color: #108fe3;
	color: #4B8C00;
	text-decoration: none;
}

header
{
	height: 220px;
	color: #09417c;
	background: black url('images/headergradient.png') repeat-x left bottom;
	font-family: Zag,"Helvetica Neue", "Helvetica New", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
}

header img
{
	margin: 0;
}


#logo-wrapper
{
	margin-top: 52px;
	float: left;
}

	#logo-wrapper a
	{
		float: left;
	}
	
	#logo-wrapper .logo-type
	{
		margin-top: 41px;
	}


#breadcrumb
{
	float: left;
	margin-top: 96px;
	/*margin-left: 2.0833333%;*/ /* 20 / 1440 */
}


#nav-wrapper
{
	float: right;
	margin-top: 38px;
	margin-right: 7.0367475%; /* 90 / 1279 */
}

	#nav-wrapper .me-wrapper
	{
		float: right;
		display: inline-block;
		margin-bottom: 11px;
	}
	
	.username div.me-icon
	{
		display: inline-block;
		margin-left: 1px;
		height: 32px;
		width: 37px;
		background: url('images/icon-me-sprite.png') no-repeat 0 0;
	}
	
	.username:hover div.me-icon
	{
		background-position: -37px 0;
	}

#nav
{
	margin: 0;
	float: right;
	clear: right;
}

#nav > li
{
	list-style-type: none;
	float: left;
	border: solid 1px #031d3a;
	border-left: none;
	display: inline-block;
	position: relative;
	
}

	#nav > li img
	{
		float: left;
		margin: 0 16px;
	}
	
	#nav > li:first-child
	{
		border-left: solid 1px #031d3a;
	}
	
		#nav > li:first-child img,
		#nav > li:last-child img,
		#nav > li.item-last img
		{
			margin: 0 12px;
		}
	
	#nav > li:hover
	{
		border: solid 1px #031d3a;
		border-left: none;
		border-bottom: none;
		/*border-bottom: solid 1px #020d18;*/
		display: inline-block;
		background: #000;
	}
	
	#nav > li:first-child:hover
	{
		border: solid 1px #031d3a;
		border-bottom: none;
		/*border-bottom: solid 1px #020d18;*/
	}

#nav div.hover-box
{
	display: inline-block;
	float: left;
}

	#nav div.hover-box ul.nav-drop
	{
		visibility: hidden;
		z-index: 10;
	}
	
	#nav div.hover-box:hover ul.nav-drop
	{
		visibility: visible;
	}

#nav ul.nav-drop
{
	top: 43px;
	left: -1px;
	position: absolute;
	margin: 0;
	width: 296px;
	border: solid 1px #031d3a;
	border-top: none;
	background: black;
}

	#nav ul.nav-drop > li
	{
		list-style-type: none;
		float: left;
		width: 100%;
		border-top: solid 1px #031d3a;
		font: normal 14px Georgia, "Times New Roman", Times, serif;
		position: relative;
	}
	
		#nav ul.nav-drop > li:first-child
		{
			border: none;
		}
		
		#nav ul.nav-drop li a
		{
			/*width: 100%;*/
			display: block;
			padding: 23px 0 20px 24px;
			color: gray !important;
		}
		
		#nav ul.nav-drop li a:hover
		{
			/*width: 100%;*/
			color: white !important;
		}
		
		#nav ul.nav-drop li h3
		{
			/*width: 100%;*/
			/*font-weight: bold;*/
		}
		
		#nav ul.nav-drop li img
		{
			position: absolute;
			top: 0;
			right: 0;
		}
		
			#nav ul.nav-drop li ul
			{
				padding: 10px 0;
			}

			#nav ul.nav-drop li ul li
			{
				list-style-type: none;
			}
			
			#nav ul.nav-drop li ul li a
			{
				padding: 0;
			}
			
			




#content,
footer
{
	display: inline-block;
}

#content
{
	width: 100%;
	margin-top: 80px;
	font-size: .875em;
}

footer
{
	width: 100%;
}


#nav input.nav-search
{
	margin-left: 20px;
	margin-bottom: 20px;
	width: 250px;
}

#nav h1
{
	font-family: 'Zag','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #09417C;
	font-size: 20px;
	font-weight: 400;
}

#nav h2
{
	font-size: .875em;
	font-weight: normal;
	color: #afafaf;
	margin: 0;
	padding: 3px 0 2px 20px;
	background-color: #031d3a;
}

#nav h3
{
	font-size: .875em;
	font-weight: normal;
	color: #afafaf;
	margin-left: 20px;
	margin-top: 10px;
}


/* placeholder text styles for Safari and Mozilla */
::-webkit-input-placeholder
{
	color: #afafaf !important;
}

input:-moz-placeholder
{
	color: #afafaf !important;
}

::-webkit-textarea-placeholder
{
	color: #afafaf !important;
}

textarea:-moz-placeholder
{
	color: #afafaf !important;
}



/*---------------- FONTS ---------------*/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/fflicense/fontfabric
 *
 *
 */

@font-face {
    font-family: 'Zag';
    src: url('fonts/Zag_Regular-webfont.eot');
    src: url('fonts/Zag_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Zag_Regular-webfont.woff') format('woff'),
         url('fonts/Zag_Regular-webfont.ttf') format('truetype'),
         url('fonts/Zag_Regular-webfont.svg#ZagRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Zag';
    src: url('fonts/Zag_Bold-webfont.eot');
    src: url('fonts/Zag_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Zag_Bold-webfont.woff') format('woff'),
         url('fonts/Zag_Bold-webfont.ttf') format('truetype'),
         url('fonts/Zag_Bold-webfont.svg#ZagBoldRegular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OstrichSansLight';
    src: url('fonts/ostrich-light-webfont.eot');
    src: url('fonts/ostrich-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-light-webfont.woff') format('woff'),
         url('fonts/ostrich-light-webfont.ttf') format('truetype'),
         url('fonts/ostrich-light-webfont.svg#OstrichSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OstrichSans';
    src: url('fonts/ostrich-regular-webfont.eot');
    src: url('fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-regular-webfont.woff') format('woff'),
         url('fonts/ostrich-regular-webfont.ttf') format('truetype'),
         url('fonts/ostrich-regular-webfont.svg#OstrichSansMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OstrichSans';
    src: url('fonts/ostrich-black-webfont.eot');
    src: url('fonts/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-black-webfont.woff') format('woff'),
         url('fonts/ostrich-black-webfont.ttf') format('truetype'),
         url('fonts/ostrich-black-webfont.svg#OstrichSansBlack') format('svg');
    font-weight: bold;
    font-style: normal;
}