/* =Resets and Clearfix
-------------------------------------------------------------- */

html,
body,
p,
img,
ul,
ol,
li,
form,
fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}


/* Generic classes
----------------------------------------------------------------------------------------------------*/

.display-block {
	display: block;
}
.hide {
	display: none;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11,
.push_12,
.pull_12,
.push_13,
.pull_13,
.push_14,
.pull_14,
.push_15,
.pull_15,
.push_16,
.pull_16 {
    position: relative
}
.gutter-left {
	margin-left: 10px;
}
.gutter-right {
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
    margin-left: 0
}
.omega {
    margin-right: 0
}
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {
    width: 40px
}
.container_16 .grid_2 {
    width: 100px
}
.container_16 .grid_3 {
    width: 160px
}
.container_16 .grid_4 {
    width: 220px
}
.container_16 .grid_5 {
    width: 280px
}
.container_16 .grid_6 {
    width: 340px
}
.container_16 .grid_7 {
    width: 400px
}
.container_16 .grid_8 {
    width: 460px
}
.container_16 .grid_9 {
    width: 520px
}
.container_16 .grid_10 {
    width: 580px
}
.container_16 .grid_11 {
    width: 640px
}
.container_16 .grid_12 {
    width: 700px
}
.container_16 .grid_13 {
    width: 760px
}
.container_16 .grid_14 {
    width: 820px
}
.container_16 .grid_15 {
    width: 880px
}
.container_16 .grid_16 {
    width: 940px
}
/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
    padding-left: 60px
}
.container_16 .prefix_2 {
    padding-left: 120px
}
.container_16 .prefix_3 {
    padding-left: 180px
}
.container_16 .prefix_4 {
    padding-left: 240px
}
.container_16 .prefix_5 {
    padding-left: 300px
}
.container_16 .prefix_6 {
    padding-left: 360px
}
.container_16 .prefix_7 {
    padding-left: 420px
}
.container_16 .prefix_8 {
    padding-left: 480px
}
.container_16 .prefix_9 {
    padding-left: 540px
}
.container_16 .prefix_10 {
    padding-left: 600px
}
.container_16 .prefix_11 {
    padding-left: 660px
}
.container_16 .prefix_12 {
    padding-left: 720px
}
.container_16 .prefix_13 {
    padding-left: 780px
}
.container_16 .prefix_14 {
    padding-left: 840px
}
.container_16 .prefix_15 {
    padding-left: 900px
}
/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
    padding-right: 60px
}
.container_16 .suffix_2 {
    padding-right: 120px
}
.container_16 .suffix_3 {
    padding-right: 180px
}
.container_16 .suffix_4 {
    padding-right: 240px
}
.container_16 .suffix_5 {
    padding-right: 300px
}
.container_16 .suffix_6 {
    padding-right: 360px
}
.container_16 .suffix_7 {
    padding-right: 420px
}
.container_16 .suffix_8 {
    padding-right: 480px
}
.container_16 .suffix_9 {
    padding-right: 540px
}
.container_16 .suffix_10 {
    padding-right: 600px
}
.container_16 .suffix_11 {
    padding-right: 660px
}
.container_16 .suffix_12 {
    padding-right: 720px
}
.container_16 .suffix_13 {
    padding-right: 780px
}
.container_16 .suffix_14 {
    padding-right: 840px
}
.container_16 .suffix_15 {
    padding-right: 900px
}
/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 {
    left: 60px
}
.container_16 .push_2 {
    left: 120px
}
.container_16 .push_3 {
    left: 180px
}
.container_16 .push_4 {
    left: 240px
}
.container_16 .push_5 {
    left: 300px
}
.container_16 .push_6 {
    left: 360px
}
.container_16 .push_7 {
    left: 420px
}
.container_16 .push_8 {
    left: 480px
}
.container_16 .push_9 {
    left: 540px
}
.container_16 .push_10 {
    left: 600px
}
.container_16 .push_11 {
    left: 660px
}
.container_16 .push_12 {
    left: 720px
}
.container_16 .push_13 {
    left: 780px
}
.container_16 .push_14 {
    left: 840px
}
.container_16 .push_15 {
    left: 900px
}
/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {
    left: -60px
}
.container_16 .pull_2 {
    left: -120px
}
.container_16 .pull_3 {
    left: -180px
}
.container_16 .pull_4 {
    left: -240px
}
.container_16 .pull_5 {
    left: -300px
}
.container_16 .pull_6 {
    left: -360px
}
.container_16 .pull_7 {
    left: -420px
}
.container_16 .pull_8 {
    left: -480px
}
.container_16 .pull_9 {
    left: -540px
}
.container_16 .pull_10 {
    left: -600px
}
.container_16 .pull_11 {
    left: -660px
}
.container_16 .pull_12 {
    left: -720px
}
.container_16 .pull_13 {
    left: -780px
}
.container_16 .pull_14 {
    left: -840px
}
.container_16 .pull_15 {
    left: -900px
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
    zoom: 1
}


/* =Non-classed HTML elements
-------------------------------------------------------------- */

body {
	background: url(bg_g.png) repeat #000 fixed;
	color: #2c2b2b;
	font: normal 12px arial;
	line-height: 18px;
	position: relative;
}
a {
	color: #1772af;
	text-decoration: none;
}
a:hover {
	color: #074d7c;
	text-decoration: none;
}



/* =Container elements
-------------------------------------------------------------- */

.bg-gradient {
	background: url(bg-gradient.png) left bottom repeat-x fixed;
	position: relative;
	width: 100%;
	height: 100%;
	padding-bottom: 1px;
}
#container {
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}


/* =Header
-------------------------------------------------------------- */

#top-bar {
	background: url(sprite_h.png) left -596px repeat-x #313130;
	border-bottom:1px solid #222;
	height: 54px;
	position: relative;
	z-index: 10;
}
#profiles{
	padding-top: 13px;
	float: left;
}
#profiles a {
	float: left;
	margin-right: 10px;
}
#profiles span {
	display: none;
}
#top_search {
	float: right;
	margin-top: 15px;
}
#top_search input {
	box-shadow: inset 0 0 3px #333;
	border: none;
	color: gray;
	padding: 3px 7px 2px 5px;
	width: 79.5455%;
	height: 18px;
	float: left;
}
#top_search button {
	background: url(sprite_master.png) -38px top no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	float: right;
	width: 23px;
	height: 23px;
}
#top_search button span {
	display: none;
}
#nav #top_search {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -12px;
}
#header {
	border-top: 1px solid #000;
	height: 198px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.header-img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -480px;
}
#header .header_title {
	font: normal 32px "Pontano Sans", arial, sans-serif;
	letter-spacing: -1px;
	position: absolute;
	bottom: 30%;
}
.header_title,
.header_title a,
.header_title a:hover {
	text-decoration: none;
	color: #000;
}
.header_desc {
	font-size: 18px;
	font-weight: normal;
	border-bottom: none;
	color: #000;
	position: relative;
	top: 68%;
	width: 852px;
	font: normal 22px "Pontano Sans", arial, sans-serif;
}
#header_img_link {
	display: block;
	position: absolute;
	text-decoration: none;
	width: 100%;
	height: 198px;
}
#header .sidebar-wrap {
	position: absolute;
	z-index: 50;
}
.sidebar-wrap #searchsubmit {
	float: right;
	margin-top: 10px;
}
.sidebar-wrap #s {
	width: 160px;
}


/* =Navigation
-------------------------------------------------------------- */


/* Son of Suckerfish - what makes it tick */
#nav a {
	display: block;
}
#nav li {
	float: left;
}
#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
}
#nav li:hover ul {
	left: auto;
}
#header-menu li ul ul {
	margin: -34px 0 0 200px;
}
#secondary-menu li ul ul {
	margin: -29px 0 0 200px;
}
#nav, #nav ul {
	padding: 0;
	list-style: none; 
	line-height: 1;
	z-index: 15;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li:hover ul ul ul ul ul {
	left: -999em;
}
#nav li:hover ul, 
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {
	left: auto;
}

/* What gives our menus style */
.menu-bottom-shadow{
	background: url(sprite_h.png) left top repeat-x #eee;
	height: 3px;
	width: 100%;
}
#nav .menu li:hover{
	position: static;
}
#nav .menu ul {
	box-shadow: 0 1px 2px #555;
}

/* Top level header menu, default state */
#header-menu-wrap {
	background: url(sprite_h.png) left -4px repeat-x #101010;
	position: relative;
}
.have-secondary-menu #header-menu-wrap {
	border-bottom: 1px solid #000;
}
.dropdown #header-menu-wrap {
	background: none;
	border: none;
}
#header-menu,
#secondary-menu {
	margin: 0 10px;
	z-index: 20;
}
#header-menu > li {
	font: normal 14px arial;
	margin: 0 0 0 5px;
}
#header-menu > li:first-child {
	margin-left: 0;
}
#header-menu > li > a {
	color: #fff;
	line-height: 16px;
	padding: 9px 10px 10px;
}
#header-menu > li > a > span {
	display: block;
	font-size: 11px;
	color: #aaa;
}
#header-menu > li.menu-item-ancestor > a {
	background: url(sprite_master.png) -877px -236px no-repeat transparent;
	padding-left: 26px;
}

/* Top level header menu, hover and current state */
#header-menu > li:hover,
#header-menu > li.current-menu-item,
#header-menu > li.current-menu-ancestor {
	background: url(sprite_h.png) left -300px repeat-x #eee;
}
#header-menu > li:hover > a,
#header-menu > li.current-menu-item > a,
#header-menu > li.current-menu-ancestor > a {
	color: #000;
}
#header-menu > li:hover > a > span,
#header-menu > li.current-menu-item > a > span,
#header-menu > li.current-menu-ancestor > a > span {
	color: #484848;
}
#header-menu > li.menu-item-ancestor:hover > a,
#header-menu > li.current-menu-item > a,
#header-menu > li.current-menu-ancestor > a {
	background-position: -877px -192px;
}

/* Sub level header menu, default state */
#header-menu ul li a {
	color: #000;
	padding: 10px;
	width: 180px;
}
#header-menu ul li {
	background: url(sprite_h.png) left -777px repeat-x #dfdfdf;
}
#header-menu ul li.menu-item-ancestor > a {
	background: url(sprite_master.png) -652px -194px no-repeat transparent;
	padding-right: 25px;
	width: 165px;
}

/* Sub level header menu, hover and current state */
#header-menu ul li:hover,
#header-menu ul li.current-menu-item,
#header-menu ul li.current-menu-ancestor {
	background-position: left -856px;
	background-color: #212121;
}
#header-menu ul li:hover > a,
#header-menu ul li.current-menu-item > a,
#header-menu ul li.current-menu-ancestor > a {
	color: #fff;
}
#header-menu ul li.menu-item-ancestor:hover > a,
#header-menu ul li.current-menu-item > a,
#header-menu ul li.current-menu-ancestor > a {
	background-position: -652px -238px;
}


/* Secondary menu */
/* Top level, default state */
#secondary-menu-wrap {
	width: 100%;
	border-top: 1px solid #2C2C2C;
	background: #222;
}
#secondary-menu > li {
	font: normal 11px arial;
	margin: 0 5px;
	text-transform: uppercase;
}
#secondary-menu > li:first-child {
	margin-left: 0;
}
#secondary-menu > li > a {
	color: #fff;
	line-height: 16px;
	padding: 7px 10px 6px;
}
#secondary-menu > li.menu-item-ancestor > a {
	background: url(sprite_master.png) -877px -316px no-repeat transparent;
	padding-left: 20px;
}

/* Top level, hover and current state */
#secondary-menu > li:hover,
#secondary-menu > li.current-menu-item,
#secondary-menu > li.current-menu-ancestor {
	background: #eee;
}
#secondary-menu > li:hover > a,
#secondary-menu > li.current-menu-item > a,
#secondary-menu > li.current-menu-ancestor > a {
	color: #000;
}
#secondary-menu > li.menu-item-ancestor:hover > a,
#secondary-menu > li.current-menu-item > a,
#secondary-menu > li.current-menu-ancestor > a {
	background-position: -877px -283px;
}

/* Sub level, default state */
#secondary-menu ul li a {
	color: #000;
	padding: 7px 15px 6px;
	width: 170px;
	line-height: 16px;
}
#secondary-menu ul li {
	background: url(sprite_h.png) left -1014px repeat-x #dfdfdf;
}
#secondary-menu ul li.menu-item-ancestor > a {
	background: url(sprite_master.png) -652px -286px no-repeat transparent;
	padding-right: 20px;
	width: 165px;
}
/* Sub level header menu, hover and current state */
#secondary-menu ul li:hover,
#secondary-menu ul li.current-menu-item,
#secondary-menu ul li.current-menu-ancestor {
	background-position: left -1084px;
	background-color: #212121;
}
#secondary-menu ul li:hover > a,
#secondary-menu ul li.current-menu-item > a,
#secondary-menu ul li.current-menu-ancestor > a {
	color: #fff;
}
#secondary-menu ul li.menu-item-ancestor:hover > a,
#secondary-menu ul li.current-menu-item > a,
#secondary-menu ul li.current-menu-ancestor > a {
	background-position: -652px -319px;
}

/* =Content
-------------------------------------------------------------- */

#content {
	background: #e3e3e3;
	padding-top: 21px;
	padding-bottom: 20px;
	font-size:11pt;
	min-height:450px;
	line-height:1em;
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	background: url(sprite_h.png) left -1352px repeat-x #111;
	border-top: 1px solid #d5d5d5;
	padding-top: 50px;
	margin-bottom: 30px;
	min-height: 80px;
	position: relative;
	color: #999;
	clear: both;
}
#copyright {
	margin: 0 10px 20px;
	float: left;
	max-width: 30%;
}
#copyright p{
	margin-top: 10px;
}
#copyright h3{
	font: normal 14px arial;
	color: #e3e3e3;
}
#copyright .cc-logo{
	height: 32px;
	width: 96px;
	background: url(sprite_master.png) -417px -240px no-repeat;
}
#copyright .cc-logo span{
	display: none;
}
#footer a,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	border-bottom: 1px dotted #fff;
}
.footer-menu-wrap {
	font-size: 14px;
    float: right;
    text-align: right;
	margin: 0 10px 0;
}
.footer-menu-wrap li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding-left: 10px;
	margin-left: 10px;
    vertical-align: top;
}
.footer-menu-wrap a, 
.footer-menu-wrap a:visited {
	color: #fff;
}
.footer-menu-wrap ul.sub-menu {
    margin-top: 5px;
	padding-left: 5px;
	border-left: 1px solid #222;
    list-style: none;
}
.footer-menu-wrap ul.sub-menu li {
    display: block;
    font-size: 12px;
	line-height: 18px;
    border: none;
    margin: 0;
    padding: 0;
}
#footer-menu {
	text-align: left;
}
#footer-menu .sub-menu li a,
#footer-menu .sub-menu li a:visited {
	color: #ccc;
}