/* Fonts
/* ------------------------------ */
@font-face {
	font-family: icomoon;
	src: url("../style_font/icomoon/icomoon.eot");
	src: url("../style_font/icomoon/icomoon.eot?#iefix") format("embedded-opentype"),
	     url("../style_font/icomoon/icomoon.woff") format("woff"),
	     url("../style_font/icomoon/icomoon.ttf") format("truetype"),
	     url("../style_font/icomoon/icomoon.svg#icomoon") format("svg");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: "Franklin Gothic";
	src: url("../style_font/Franklin_Gothic/ITCFranklinGothicStd-MdCd.eot");
	src: url("../style_font/Franklin_Gothic/ITCFranklinGothicStd-MdCd.eot?#iefix") format("embedded-opentype"),
	     url("../style_font/Franklin_Gothic/ITCFranklinGothicStd-MdCd.woff") format("woff"),
	     url("../style_font/Franklin_Gothic/ITCFranklinGothicStd-MdCd.ttf") format("truetype"),
	     url("../style_font/Franklin_Gothic/ITCFranklinGothicStd-MdCd.svg#49a5010decbdeeab82fe5467a28e772e") format("svg");
    font-weight: normal;
    font-style: normal; }

@font-face {
	font-family: "Franklin Gothic";
	src: url("../style_font/Franklin_Gothic/Franklin Gothic Demi Cond.eot");
	src: url("../style_font/Franklin_Gothic/Franklin Gothic Demi Cond.eot?#iefix") format("embedded-opentype"),
	     url("../style_font/Franklin_Gothic/Franklin Gothic Demi Cond.woff") format("woff"),
	     url("../style_font/Franklin_Gothic/Franklin Gothic Demi Cond.ttf") format("truetype"),
	     url("../style_font/Franklin_Gothic/Franklin Gothic Demi Cond.svg#0aeb5d0b702297ab4c74f46715f78009") format("svg");
    font-weight: bold;
    font-style: normal; }

@font-face {
	font-family: "It Aint Rocket Science";
	src: url("../style_font/It_Aint_Rocket_Science/It_Aint_Rocket_Science.eot");
	src: url("../style_font/It_Aint_Rocket_Science/It_Aint_Rocket_Science.eot?#iefix") format("embedded-opentype"),
	     url("../style_font/It_Aint_Rocket_Science/It_Aint_Rocket_Science.woff") format("woff"),
	     url("../style_font/It_Aint_Rocket_Science/It_Aint_Rocket_Science.ttf") format("truetype"),
	     url("../style_font/It_Aint_Rocket_Science/It_Aint_Rocket_Science.svg#ItAin'tRocketScience") format("svg");
    font-weight: normal;
    font-style: normal; }
/* ------------------------------ */
/* Fonts */

/* Global
/* ------------------------------ */
html, body {
	margin: 0; padding: 0;
	width: 100%; height: 100%; }

body {
	color: #222222;
	font-size: 0px;
	min-width: 1024px;
	overflow-y: scroll; }

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-family: "Franklin Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-moz-osx-font-smoothing: grayscale !important;
	 -webkit-font-smoothing: antialiased !important; }
/* ------------------------------ */
/* Global */



/* Input
/* ------------------------------ */
input[type='checkbox'], input[type='radio'] {
	margin: 0; padding: 0;
	vertical-align: middle; }

input[type='checkbox'] + label, input[type='radio'] + label {
	margin-left: 5px; padding: 0;
	vertical-align: middle; }

input:not([type='checkbox']):not([type='radio']), button, select, textarea {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border-radius: 0;
	font-size: 11px;
	line-height: 13px; }

input:not([type='checkbox']):not([type='radio']):focus, button:focus, select:focus, textarea:focus {
	box-shadow: 0 0 3px rgba(255, 255, 255, 1);
	outline: none; }

input[type='button'], input[type='reset'], input[type='submit'], button {
	cursor: pointer;
	margin: 0; padding: 5px 15px; }

input[type='email'], input[type='password'], input[type='text'], select, textarea {
	background-color: #DCDCDC;
	border: 1px solid #DCDCDC;
	color: #000000;
	margin: 0; padding: 5px 10px;
	width: 100%; height: auto; }

input[type='button'], button.button { background-color: #FFFFFF; border: 1px solid #DDDDDD; color: #3F4A7D; font-weight: bold; }
input[type='button']:hover, button.button:hover { background-color: #DDDDDD; }

input[type='reset'], button.reset { background-color: #EC2227; border: 1px solid transparent; color: #FFFFFF; font-weight: bold; }
input[type='reset']:hover, button.reset:hover { background-color: #DA2229; }

input[type='submit'], button.submit { background-color: #A60077; border: 1px solid transparent; color: #FFFFFF; font-weight: bold; }
input[type='submit']:hover, button.submit:hover { background-color: #8D0062; }

button { background-color: #FFFFFF; border: 1px solid #DDDDDD; color: #3F4A7D; font-weight: bold; }
button:hover { background-color: #DDDDDD; }

textarea {
	resize: none;
	width: 100%; height: auto; }
/* ------------------------------ */
/* Input */



/* Section: #wrapper
/* ------------------------------ */
#wrapper {
	padding-top: 50px;
	position: relative; }
/* ------------------------------ */
/* Section: #wrapper */

/* Section: #header
/* ------------------------------ */
#header {
	background-color: #599DDF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.50);
	margin: 0; padding: 0;
	position: fixed;
	top: 0; right: 0; bottom: auto; left: 0;
	width: 100%; height: 50px;
	z-index: 1000; }

#header > div {
	margin: 0 auto; padding: 10px 50px;
	position: relative;
	width: 1024px; height: 100%; }

#header > div > h1 {
	color: #FFFFFF;
	font-size: 30px;
	line-height: 30px;
	margin: 0; padding: 0;
	overflow: hidden;
	padding-right: 125px;
	text-overflow: ellipsis; }

#header > div > span {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0; right: 25px; bottom: auto; left: auto;
	width: 162px; height: 156px; }

#header > div > span > img {
	border: none;
	display: block;
	width: 162px; height: 156px; }
/* ------------------------------ */
/* Section: #header */

/* Section: #banner
/* ------------------------------ */
#banner {
	margin: 0; padding: 120px 0 20px; }

#banner > div {
	background-color: rgba(166, 0, 119, 0.8);
	color: #FFFFFF;
	font-size: 26px;
	line-height: 28px;
	margin: 0 auto; padding: 15px;
	width: 400px; height: auto; }

#banner > div > span {
	display: block;
	font-family: "It Aint Rocket Science", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	text-align: right; }
/* ------------------------------ */
/* Section: #banner */

/* Section: #content
/* ------------------------------ */
#content {
	background-color: #FFFFFF;
	border: 0px solid transparent;
	margin: 0; padding: 20px 0; }

#content > * {
	margin: 30px auto; padding: 0; }

#content > *:first-child { margin-top: 0; }
#content > *:last-child { margin-bottom: 0; }
/* ------------------------------ */
/* Section: #content */

/* Section: #footer
/* ------------------------------ */
#footer {
	background-color: #599DDF;
	margin: 0; padding: 0;
	width: 100%; height: 50px; }

#footer > div {
	margin: 0 auto; padding: 10px 50px;
	text-align: right;
	width: 1024px; height: 100%; }

#footer > div > span {
	color: #C0C0C0;
	cursor: pointer;
	display: inline-block;
	font-family: icomoon;
	font-size: 30px;
	line-height: 30px;
	text-decoration: none;
	width: 30px; height: 30px; }

#footer > div > span:hover { color: #FFFFFF; }
/* ------------------------------ */
/* Section: #footer */

/* Section: #background
/* ------------------------------ */
#background {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%; }

#background > img {
	border: none;
	display: block;
	margin: 0 auto; padding: 0;
	min-width: 1024px;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: auto; }
/* ------------------------------ */
/* Section: #background */

/* Section: #lightbox
/* ------------------------------ */
#lightbox {
	margin: 0; padding: 0;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 1050; }

#lightbox > div {
	margin: 0 auto; padding: 0;
	position: relative;
	width: 1024px; height: 100%; }

#lightbox > div > div {
	position: absolute;
	top: auto; right: auto; bottom: auto; left: auto; }

#lightbox > div > div > span {
	background-color: #A60077;
	background-image: url("../style_img/lightbox.close.png");
	background-position: 10px 7px;
	background-repeat: no-repeat;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 17px;
	margin: 0; padding: 5px 10px;
	padding-left: 28px;
	position: absolute;
	top: -15px; right: 0; bottom: auto; left: auto; }

#lightbox > div > div > span:hover { background-color: #8D0062; }
/* ------------------------------ */
/* Section: #lightbox */



/* Component: .-advertisement
/* ------------------------------ */
.-advertisement {
	text-align: center; }

.-advertisement > div {
	background-color: #FFFFFF;
	border: 10px solid #FFFFFF;
	display: inline-block;
	margin-bottom: -1px; }
/* ------------------------------ */
/* Component: .-advertisement */

/* Component: .-contact
/* ------------------------------ */
.-contact {
	background-color: #FFFFFF;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25); }

.-contact > table {
	border-collapse: collapse; }

.-contact > table > thead > tr > th {
	font-size: 14px;
	line-height: 16px;
	margin: 0; padding: 20px;
	text-align: left;
	vertical-align: top; }

.-contact > table > tfoot > tr > td {
	margin: 0; padding: 10px 20px;
	text-align: right;
	vertical-align: bottom; }

.-contact > table > tbody > tr > td {
	margin: 0; padding: 2px 5px;
	text-align: left;
	vertical-align: top; }

.-contact > table > tbody > tr > td:first-of-type { padding-left: 20px; }
.-contact > table > tbody > tr > td:last-of-type { padding-right: 20px; }

.-contact > table > tbody > tr > .label {
	white-space: nowrap; }

.-contact > table > tbody > tr > .label > label {
	display: inline-block;
	font-size: 11px;
	line-height: 13px;
	margin: 0; padding: 6px 0; }

.-contact > table > tbody > tr > .label > .required:after {
	color: #C4007B;
	content: "*"; }

.-contact > table > tbody > tr > .input {
	width: 250px; height: auto; }

.-contact > table > tbody > tr > .input > textarea {
	width: 100%; height: 100px; }

.-contact > table > tbody > tr > .input > input.error,
.-contact > table > tbody > tr > .input > textarea.error {
	border: 1px solid #DC0000; }
/* ------------------------------ */
/* Component: .-contact */

/* Component: .-menu
/* ------------------------------ */
.-menu {
	list-style-type: none;
	margin: 0 auto; padding: 0;
	width: 920px; height: auto; }

.-menu > li {
	display: inline-block;
	margin: 2px 5px; padding: 0;
	width: 450px; height: auto; }

.-menu > li > a {
	background-image: url("../style_img/link.arrow.png");
	background-position: right 40px center;
	background-repeat: no-repeat;
	display: block;
	font-size: 26px;
	font-weight: bold;
	line-height: 28px;
	margin: 0; padding: 10px 50px;
	overflow: hidden;
	padding-right: 70px;
	text-decoration: none;
	text-overflow: ellipsis; }
/* ------------------------------ */
/* Component: .-menu */

/* Component: .-response
/* ------------------------------ */
.-response {
	background-color: #FFFFFF;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
	display: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 0; padding: 20px;
	text-align: left;
	vertical-align: top; }
/* ------------------------------ */
/* Component: .-response */

/* Component: .-social
/* ------------------------------ */
.-social {
	text-align: center; }

.-social > div {
	background-color: #FFFFFF;
	display: inline-block;
	margin: 0; padding: 10px; }
/* ------------------------------ */
/* Component: .-social */