/*
June 2017
JynXy Softworks
Designed By: MynXy JynXy
Last Revised 04/30/2017
*/
/* ==================== BODY, COLUMNS & CONTAINERS ==================== */
body {
	background-image: url('../theme/jynx-bg.png');
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	font-family: 'Aldrich', sans-serif;
	font-size: .8em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-color: #000;
}
#container {
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	width: 1010px;
}
#banner {
	padding: 0px;
	margin: 0px 6px -6px 0px;
	position: relative;
	width: 1010px;
	height: 274px;
	overflow: hidden;
	background-image: url('../theme/banner2.png');
	background-position: center top;
	background-repeat: no-repeat;
}
a:link {
	color: #03DAF1;
	font-weight: bold;
	text-decoration: none;
}
a:active{
	color: #03DAF1;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #03DAF1;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #57ECFD;
	font-weight: bold;
	text-decoration: none;
}
/* ==================== HORIZONTAL NAVIGATION MENU ==================== */
#hz-menu {
	margin: 17px 0px 0px 12px;
	padding: 0px;
	width: 705px;
	height: 90px;
	position: relative;
	overflow: visible;
	list-style-type: none;
}
#hz-menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#hz-menu ul li {
	padding: 0px;
	margin: 0px;
	width: 141px;
	height: 90px;
	position: relative;
	overflow: hidden;
	float: left;
	text-align: center;
	line-height: 90px;
	font-weight: bold;
	text-decoration: none;
	font-size: 130%;
	color: #759398;
}
a.hbutton {
	background: url('../theme/nav-butn.jpg') no-repeat 0px -90px;
	width: 141px;
	height: 90px;
	display: block;
	text-decoration: none;
	color: #759398;
}
a.hbutton:hover {
	background-position: 0px 0px;
	text-decoration: none;
	color: #A4C2C5;
}
a.hbutton:active {
	background-position: 0px -90px;
	text-decoration: none;
	color: #759398;
}
/* ==================== Banner ==================== */
#banner-area {
	padding: 0px;
	margin: 6px auto 0px auto;
	width: 996px;
	height: 152px;
	position: relative;
}
/* ==================== MEDIA ZONE ==================== */
#media-zone {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1010px;
	height: 228px;
	position: relative;
	overflow: hidden;
	background-image: url('../theme/mediazone-bgnd.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
#media-top {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 994px;
	height: 52px;
	background-image: url('../theme/media-top.png');
	background-position: center top;
}
#media-block {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1002px;
	height: 166px;
	position: relative;
}
#leftcol {
	background-position: center top;
	position: relative;
	float: left;
	width: 328px;
	padding: 0px;
	height: 166px;
	margin: 0px 0px 0px 4px;
	overflow: hidden;
	background-image: url('../theme/media-1.png');
	background-repeat: no-repeat;
}
#centercol {
	position: relative;
	padding: 0px;
	width: 328px;
	height: 166px;
	float: left;
	overflow: hidden;
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	background-image: url('../theme/media-1.png');
	background-repeat: no-repeat;
}
#rightcol {
	position: relative;
	float: left;
	width: 328px;
	padding: 0px;
	height: 166px;
	margin: 0px 0px 0px 5px;
	overflow: hidden;
	background-image: url('../theme/media-1.png');
	background-repeat: no-repeat;
}
.media-info {
	padding: 0px;
	margin: 8px auto 0px auto;
	width: 316px;
	height: 118px;
	overflow: hidden;
	font-size: 90%;
	font-weight: normal;
	color: #09171A;
	font-style: normal;
	text-align: left;
}
.media-info-title {
	padding: 0px;
	margin: 5px auto 8px auto;
	width: 314px;
	height: 18px;
	position: relative;
	overflow: hidden;
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	color: #09171A;
}

/* ==================== CONTENT SECTION ==================== */
#cnt-fill {
	background-image: url('../theme/cnt-filler2.jpg');
	background-position: center top;
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
	width: 1010px;
	overflow: hidden;
}
#col-l {
	padding: 0px;
	margin: 12px 0px 0px 14px;
	width: 258px;
	position: relative;
	float: left;
	overflow: hidden;
}
#col-r {
	padding: 0px;
	margin: 15px 14px 0px 0px;
	width: 718px;
	position: relative;
	float: right;
	overflow: hidden;
}
.sb-block {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	width: 258px;
	position: relative;
	overflow: hidden;
}
.sb-block2 {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	width: 258px;
	position: relative;
	overflow: hidden;
}
.sb-top {
	background-image: url('../theme/sb-top.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	width: 258px;
	height: 72px;
	position: relative;
}
.sb-filler {
	background-image: url('../theme/sb-fill.jpg');
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	width: 258px;
	position: relative;
}
.sb-btm {
	background-image: url('../theme/sb-ft.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	width: 258px;
	height: 72px;
	position: relative;
}
h1 {
	margin: 0px;
	width: 718px;
	height: 80px;
	position: relative;
	overflow: hidden;
	background-image: url('../theme/header-bar-2.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	color: #03B1C7;
	font-weight: bold;
	text-align: center;
	font-size: 130%;
	line-height: 82px;
}
h2 {
	margin: 0px;
	width: 718px;
	height: 80px;
	position: relative;
	overflow: hidden;
	background-image: url('../theme/header-bar-2.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	color: #03B1C7;
	font-weight: bold;
	text-align: center;
	font-size: 130%;
	line-height: 82px;
}
h3 {
	margin: 0px;
	width: 718px;
	height: 80px;
	position: relative;
	overflow: hidden;
	background-image: url('../theme/header-bar-2.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	color: #03B1C7;
	font-weight: bold;
	text-align: center;
	font-size: 130%;
	line-height: 82px;
}
.cnt-info {
	padding: 0px;
	margin: 0px auto 10px auto;
	width: 650px;
	position: relative;
	overflow: hidden;
	color: #4D6877;
	font-size: 100%;
}
.sb-title {
	padding: 25px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 170px;
	position: relative;
	overflow: hidden;
	color: #03B1C7;
	font-weight: bold;
	text-align: center;
	height: 20px;
	font-size: 110%;
}
.sb-info {
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 200px;
	position: relative;
	overflow: hidden;
	color: #03B1C7;
}
.lb-butns {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 200px;
	position: relative;
	overflow: hidden;
	list-style-type: none;
}
.lb-butns ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.lb-butns ul li {
	padding: 0px;
	margin: 0px;
	width: 210px;
	height: 22px;
	position: relative;
	overflow: hidden;
	font-size: 90%;
	line-height: 25px;
}
.lb-butns1:link, .lb-butns1:active, .lb-butns1:visited {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background: url('../theme/sb-butn.png') no-repeat center top;
	width: 200px;
	height: 22px;
	display: block;
	color: #03B1C7;
	text-decoration: none;
	position: relative;
	font-weight: normal;
	text-indent: 5px;
}
.lb-butns1:hover {
	background-position: 0px -22px;
	color: #03DAF1;
	text-decoration: none;
}
/* ==================== FOOTER ==================== */
#footer {
	padding: 0px;
	margin: 0px;
	height: 178px;
	position: relative;
	width: 100%;
	overflow: hidden;
	background-image: url('../theme/ft-filler.jpg');
	background-repeat: repeat-x;
	background-position: center top;
}
#ft-cnt {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 990px;
	height: 178px;
	position: relative;
	background-image: url('../theme/footer-bgnd.jpg');
	background-repeat: no-repeat;
}
.top-page {
	padding: 19px 0px 0px 0px;
	margin: 0px auto 5px auto;
	width: 100px;
	height: 32px;
	position: relative;
	list-style-type: none;
}
.top-page ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.top-page ul li {
	padding: 0px;
	margin: 0px;
	width: 100px;
	height: 32px;
	position: relative;
	overflow: hidden;
	list-style-type: none;
}
.PTlink {
	padding: 0px;
	margin: 0px;
	display: block;
	width: 100px;
	height: 32px;
	background: url('../theme/up-over.png') no-repeat 0px 0px;
	overflow: hidden;
	position: relative;
	list-style-type: none;
}
.PTlink:hover {
	background: url('../theme/up-over.png') no-repeat 0px -32px;
}
.ft-ColBoxL {
	padding: 0px;
	margin: 5px 4px 5px 4px;
	width: 320px;
	height: 90px;
	position: relative;
	float: left;
	display: inline;
	text-align: center;
	color: #1F6775;
	font-size: 80%;
}
.ft-ColBoxM {
	padding: 0px;
	margin: 5px 4px 5px 4px;
	width: 320px;
	height: 90px;
	position: relative;
	float: left;
	display: inline;
	text-align: center;
	color: #1F6775;
	font-size: 80%;
}
.ft-ColBoxR {
	padding: 0px;
	margin: 5px 4px 5px 4px;
	width: 320px;
	height: 90px;
	position: relative;
	float: left;
	display: inline;
	text-align: left;
	color: #1F6775;
}
.ft-site-name {
	padding: 0px;
	margin: 0px auto 5px auto;
	font-size: 90%;
	font-weight: bold;
	color: #1F6775;
	text-align: center;
}
.ft-site-contact {
	padding: 0px;
	margin: 0px auto 5px auto;
	font-size: 80%;
	font-weight: normal;
	color: #1F6775;
	text-align: center;
}
.ft-site-contact {
	padding: 0px;
	margin: 0px auto 5px auto;
	font-size: 80%;
	font-weight: normal;
	color: #1F6775;
	text-align: center;
}
.ft-site-email {
	padding: 0px;
	margin: 0px auto 5px auto;
	font-size: 80%;
	font-weight: normal;
	color: #1F6775;
	text-align: center;
}
.ft-site-copyright {
	padding: 0px;
	margin: 0px auto 5px auto;
	font-size: 80%;
	font-weight: normal;
	color: #1F6775;
	text-align: center;
}
/* ==================== SOCIAL MEDIA ==================== */
#sm-menu {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 230px;
	height: 46px;
	position: relative;
	overflow: hidden;
	list-style-type: none;
}
#sm-menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#sm-menu ul li {
	padding: 0px;
	margin: 0px;
	width: 46px;
	height: 46px;
	position: relative;
	overflow: hidden;
	float: left;
}

a.FBbutton {
	background: url('../theme/facebook.png') no-repeat 0 0px;
	width: 46px;
	height: 46px;
	display: block;
	margin: 1px;
}
a.FBbutton:hover {
	background-position: 0 -46px;
}

a.TWbutton {
	background: url('../theme/twitter.jpg') no-repeat 0 0px;
	width: 46px;
	height: 46px;
	display: block;
	margin: 1px;
}
a.TWbutton:hover {
	background-position: 0 -46px;
}

a.GPbutton {
	background: url('../theme/google.jpg') no-repeat 0 0px;
	width: 46px;
	height: 46px;
	display: block;
	margin: 1px;
}
a.GPbutton:hover {
	background-position: 0 -46px;
}

a.SMbutton {
	background: url('../theme/steam.png') no-repeat 0 0px;
	width: 46px;
	height: 46px;
	display: block;
	margin: 1px;
}
a.SMbutton:hover {
	background-position: 0 -46px;
}

a.YTbutton {
	background: url('../theme/youtube.png') no-repeat 0 0px;
	width: 46px;
	height: 46px;
	display: block;
	margin: 1px;
}
a.YTbutton:hover {
	background-position: 0 -46px;
}