
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html
{
	margin: 0;
	padding: 0;
	width: 100%;
}

body
{
	margin: 0;
	padding: 0;
	width: 100%;
	background: #373737;
}

body, .top-nav-container, .page-footer
{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

.clear-both
{
	clear: both;	
}

a,
a:link,
a:hover,
a:active,
a:visited
{
	text-decoration: none;
	color: #000;
}

p a
{
	color: #3f3f3f;
	border-bottom: 1px dashed #777;
}

.codetext
{
	font-family: Courier New, Courier, monospaced;
	padding: 0 2px;
}

p a:hover,
p a:active
{
	border-bottom-style: solid;
}

p
{
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 13px;
	line-height: 22px;
}

h1
{
	font-size: 24px;
	padding: 0;
	margin: 0;
}


/* ==== TOP NAV ==== */

.top-nav-container
{
	width: 100%;
	background-color: #373737;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.top-nav-container-inner
{
	margin: 0 auto;
	width: 920px;
	height: 49px;
}

.top-nav-container-inner-full {
	display: block;
}
.top-nav-container-inner-mobile {
	display: none;
}

.top-nav-link
{
	display: block;
	text-align: center;
	font-weight: bold;
	float: left;
}

.top-nav-container-inner-mobile .top-nav-link
{
	font-size: 13px;
	line-height: 40px;
	height: 38px;
}

.top-nav-container-inner-full .top-nav-link
{
	font-size: 13px;
	line-height: 48px;
	height: 48px;
}

.top-nav-link-main
{
	width: 230px;
	color: #a8a8a8;
	background-color: #373737;
}

a.top-nav-link-main,
a.top-nav-link-main:visited,
a.top-nav-link-main:link
{
	color: #a8a8a8;
}

a.top-nav-link-main:hover,
a.top-nav-link-main:active
{
	background: url('/img/top-nav-btn-hover-bk.png') 0 0 repeat-x #c8c8c8;
	color: #000;
}

.top-nav-link-selected
{
	background-color: #181818;
	color: #d6d6d6;
}

.top-nav-link-middle
{
	width: 170px;
	color: #a8a8a8;
}

.top-nav-split-float-right
{
	float: right;
}

.top-nav-link-float-right
{
	float: right;
}

.top-nav-top
{
	width: 100%;
	height: 1px;
	background-color: #373737;
}

.top-nav-bottom-grad
{
	width: 100%;
	height: 7px;
	background: url('/img/top-nav-bottom-grad.png') 0 0 repeat-x transparent;
}


/* ==== FOOTER ==== */

.page-footer
{
	width: 100%;
	min-height: 100px;
	margin: 0;
	border-top: 1px solid #484848;
	background: #373737;
}

.page-footer-inner
{
	max-width: 914px;
	margin: 0 auto;
}

.page-footer-legal-place
{
	width: 100%;
}

.page-footer-legal
{
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #a8a8a8;
	padding: 16px 0 8px 0;
}

.page-footer-legal-item
{
	padding: 0 0 2px 0;
}

.page-footer-legal-item a,
.page-footer-legal-item a:link,
.page-footer-legal-item a:visited
{
	color: #c8c8c8 !important;
}

.page-footer-legal-item a:hover,
.page-footer-legal-item a:active
{
	color: #fff !important;
}

/* ==== PAGE CONTENT ==== */

.page-wrapper
{
	background: #c0c0c0;
	position: relative;
	padding: 48px 0 50px 0;
	overflow: hidden;
}

.standard-page-inner
{
	max-width: 920px;
	margin: 0 auto;
	padding: 8px 0;
	overflow: hidden;
}

.standard-one-col-frame
{
	width: 100%;
}

.standard-one-col-inner
{
	padding: 0;
}

.standard-one-col-frame .standard-one-col-inner
{
	padding-left: 20px;
	padding-right: 20px;
}

.standard-two-col-frame
{
	width: 50%;
	float: left;
}

.standard-two-col-inner
{
	padding: 0;
}

.standard-two-col-frame-left .standard-two-col-inner
{
	padding-right: 20px;
}

.standard-two-col-frame-right .standard-two-col-inner
{
	padding-left: 20px;
}


/* ==== HEADINGS ==== */

.standard-content-heading
{
	font-size: 14px;
	font-weight: bold;
	padding: 16px 0 8px 0;
	margin: 0;
}

.standard-content-subheading
{
	font-size: 13px;
	font-weight: bold;
	padding: 14px 0 6px 0;
	margin: 0;
}

/* ==== BUTTONS ==== */

a.standard-button
{
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 100%;
	float: left;
	margin: 6px 0 0 0;
	background-color: #373737;
	padding: 12px 0px;
	border: 1px solid #373737;
	color: #a8a8a8;
	text-align: center;
}

a.standard-button:hover,
a.standard-button:active
{
	background: url('/img/top-nav-btn-hover-bk.png') 0 0 repeat-x #c8c8c8;
	color: #000;
}

