/* GLOBAL STYLES */

html {
	height: 100%;
	min-height: 100%;
	overflow-y: scroll;
}
body {
	margin: 12px 0 12px 0;
	min-height: 100%;
	background-color: #FAFAFA;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
a {
	outline: none;
}
.container {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

/* HEADER */

.header {
	width: 960px;
	height: 208px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}
.headertitle {
	width: 456px;
	height: 184px;
	margin: 12px 12px 12px 12px;
	padding: 0 0 0 0;
	float: left;
	clear: right;
}
.headertitle h1 {
	font-size: 22px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #AFA600;
	word-spacing: -0.1em;
	text-align: right;
	margin: -2px 0 0 0;
}
.headertitle h1 a,
.headertitle h1 a:focus {
	color: #AFA600;
	text-decoration: none;
}
.headertitle h1 a:hover {
	color: #333333;
}
.headertitle h2 {
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
	text-align: right;
	margin: 18px 0 0 0;
}
.headertitle h2 a,
.headertitle h2 a:focus {
	color: #AFA600;
	text-decoration: none;
}
.headertitle h2 a:hover {
	color: #333333;
}
.headerlogo {
	width: 480px;
	height: 208px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	clear: right;
}
.headerlogo img {
	width: 240px;
	height: 208px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
}

/* MENU */

.menu {
	width: 960px;
	height: 208px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}
.menutitle {
	width: 216px;
	height: 72px;
	margin: 12px 12px 12px 12px;
	padding: 0 0 0 0;
	float: left;
	clear: right;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #333333;
}
.menuempty1,
.menuempty2 {
	width: 216px;
	height: 80px;
	margin: 12px 12px 12px 12px;
	padding: 0 0 0 0;
	float: left;
	clear: right;
}
.menutitle h1 {
	font-size: 22px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
	word-spacing: -0.1em;
	text-align: left;
	margin: 22px 0 0 0;
}
.menutitle h1 a,
.menutitle h1 a:focus {
	color: #AFA600;
	text-decoration: none;
}
.menutitle h1 a:hover {
	color: #333333;
}

/* CONTENT */

.content {
	width: 960px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}
.contentimage {
	width: 936px;
	margin: 12px 12px 12px 12px;
	padding: 0 0 0 0;
	float: left;
	clear: both;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #333333;
}
.contentimage img {
	width: 696px;
	height: 240px;
	margin: 24px 0 0 0;
	padding: 0 0 0 0;
	float: left;
}
.contentline {
	width: 696px;
	height: 8px;
	margin: 24px 12px 0 12px;
	padding: 0 0 0 0;
	float: right;
	clear: both;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #333333;
}
.contenttext {
	width: 936px;
	margin: 12px 12px 8px 12px;
	padding: 0 0 0 0;
	float: left;
	clear: both;
}
.contenttext h1 {
	font-size: 22px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
	word-spacing: -0.1em;
	text-align: left;
	margin: 2px 0 22px 0;
	padding-left: 240px;
}
.contenttext h2 {
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #AFA600;
	text-align: right;
	margin: -2px 0 20px 0;
	padding-right: 480px;
}
.contenttext h3 {
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #999999;
	text-align: left;
	margin: -2px 0 20px 0;
	padding-left: 240px;
}
.contenttext p {
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin: -2px 0 20px 0;
	padding-left: 240px;
}
.contenttext p a,
.contenttext p a:focus {
	color: #AFA600;
	text-decoration: none;
}
.contenttext p a:hover {
	color: #333333;
}

/* FOOTER */

.footer {
	width: 960px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}
.footer p {
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin: 19px 0 19px 0;
}
.footer img {
	margin: 0 24px 24px 0;
	padding: 0 0 0 0;
	float: left;
}
.footer p a,
.footer p a:focus {
	color: #AFA600;
	text-decoration: none;
}
.footer p a:hover {
	color: #333333;
}
.footermenu,
.footerfollow {
	width: 216px;
	margin: 24px 12px 32px 12px;
	padding: 0 0 0 0;
	float: left;
	clear: right;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #333333;
}
.footersupport {
	width: 456px;
	margin: 24px 12px 32px 12px;
	padding: 0 0 0 0;
	float: left;
	clear: right;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #333333;
}

@media screen and (max-width: 976px) {

/* GLOBAL STYLES */

.container {
	width: 704px;
}

/* HEADER */

.header {
	width: 704px;
}
.headertitle {
	width: 328px;
}
.headerlogo {
	width: 352px;
}

/* MENU */

.menu {
	width: 704px;
}
.menutitle {
	width: 328px;
}
.menuempty1,
.menuempty2 {
	width: 328px;
}
.menuempty2 {
	display: none;
}

/* CONTENT */

.content {
	width: 704px;
}
.contentimage {
	width: 680px;
}
.contentimage img {
	width: 680px;
	height: 234px;
}
.contentline {
	width: 504px;
}
.contenttext {
	width: 680px;
}
.contenttext h1 {
	padding-left: 176px;
}
.contenttext h2 {
	padding-right: 352px;
}
.contenttext h3 {
	padding-left: 176px;
}
.contenttext p {
	padding-left: 176px;
}

/* FOOTER */

.footer {
	width: 704px;
}
.footermenu,
.footerfollow {
	width: 328px;
}
.footersupport {
	width: 680px;
	margin: 0 12px 32px 12px;
}

}

@media screen and (max-width: 720px) {

/* GLOBAL STYLES */

.container {
	width: 456px;
}

/* HEADER */

.header {
	width: 456px;
}
.headertitle {
	width: 432px;
	height: 120px;
	margin: 12px 12px 0 12px;
}
.headertitle h1 {
	font-size: 18px;
	line-height: 16px;
	margin: -3px 0 0 0;
}
.headertitle h2 {
	margin: 19px 0 0 0;
}
.headerlogo {
	width: 456px;
	height: 152px;
	margin: 0 0 0 0;
}
.headerlogo img {
	width: 166px;
	height: 144px;
	margin: 4px 4px 4px 4px;
	float: left;
}

/* MENU */

.menu {
	width: 456px;
}
.menutitle {
	width: 204px;
	height: 48px;
	margin: 12px 12px 0 12px;
}
.menuempty1,
.menuempty2 {
	width: 204px;
	height: 56px;
	display: none;
}
.menutitle h1 {
	font-size: 18px;
	line-height: 16px;
	margin: 21px 0 0 0;
}

/* CONTENT */

.content {
	width: 456px;
}
.contentimage {
	width: 432px;
}
.contentimage img {
	width: 432px;
	height: 149px;
}
.contentline {
	width: 432px;
	margin: -8px 12px 0 12px;
}
.contenttext {
	width: 432px;
}
.contenttext h1 {
	font-size: 18px;
	line-height: 16px;
	margin: 1px 0 23px 0;
	padding-left: 0;
}
.contenttext h2 {
	padding-right: 0;
}
.contenttext h3 {
	padding-left: 0;
}
.contenttext p {
	padding-left: 0;
}

/* FOOTER */

.footer {
	width: 456px;
}
.footermenu,
.footerfollow {
	width: 204px;
	margin: -8px 12px 0 12px;
}
.footersupport {
	width: 432px;
	margin: 0 12px 32px 12px;
}

}

@media screen and (max-width: 472px) {

/* GLOBAL STYLES */

.container {
	width: 296px;
}

/* HEADER */

.header {
	width: 296px;
}
.headertitle {
	width: 272px;
}
.headerlogo {
	width: 296px;
}

/* MENU */

.menu {
	width: 296px;
}
.menutitle {
	width: 272px;
}

/* CONTENT */

.content {
	width: 296px;
}
.contentimage {
	width: 272px;
}
.contentimage img {
	width: 272px;
	height: 94px;
}
.contentline {
	width: 272px;
}
.contenttext {
	width: 272px;
}

/* FOOTER */

.footer {
	width: 296px;
}
.footermenu,
.footerfollow {
	width: 272px;
}
.footerfollow {
	margin: 0 12px 0 12px;
}
.footersupport {
	width: 272px;
}

}