div {
	//border: 3px solid red;
}

@font-face {
	font-family: CalistoMT;
	src: url("../fonts/calisto_mt.ttf");
}

@font-face {
	font-family: CalistoMTItalic;
	src: url("../fonts/calisto_mt_italic.ttf");
}

@font-face {
	font-family: CalistoMTBold;
	src: url("../fonts/calisto_mt_bold.ttf");
}

.fontBold {
	font-family: "CalistoMTBold", "Times New Roman", serif;
}

.fontItalic {
	font-family: "CalistoMTItalic", "Times New Roman", serif;
}

body {
	background-color: #373737;
	background-image: url("../img/Index_Background.jpg");

	color: white;
	font-family: "CalistoMT", "Times New Roman", serif;
	margin: 0;
}

a:link, a:visited {
	color: white;
	text-decoration: none;
}

a:hover, a:active {
	color: white;
	text-decoration: underline;
}

#header {
	position: relative;
	height: 128px;
	min-width: 995px;

	background-image: url("../img/Index_Background_Header.jpg");
	background-size: 100% 100%;
	
	font-family: "CalistoMTItalic", "Times New Roman", serif;
	font-size: 32px;
}

#header-content {
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: right;
}

#header a:link, #header a:visited {
	color: #B5B5B5;
	text-decoration: none;
}

#header a:hover, #header a:active {
	color: #B5B5B5;
	text-decoration: underline;
}

#footer {
	clear: left;
	color: #B5B5B5;
	text-align: left;
	border-top: 3px solid #222222;
	padding-top: 5px;
}

#social {
	display: inline-block;
}

#social ul {
	display: block;
	height: 33px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#social ul li {
	margin-left: 10px;
}

.f, .f a {
	display: inline-block;
	height: 33px;
	width: 33px;
}

.header-facebook {
	background: url("../img/social/Sprites_01.png") -70px 0px;
}

.header-facebook a:hover {
	background: url("../img/social/Sprites_01.png") -105px 0px;
}

.header-youtube {
	background: url("../img/social/Sprites_01.png") -140px 0px;
}

.header-youtube a:hover {
	background: url("../img/social/Sprites_01.png") -175px 0px;
}

.header-behance {
	background: url("../img/social/Sprites_01.png") 0px 0px;
}

.header-behance a:hover {
	background: url("../img/social/Sprites_01.png") -35px 0px;
}

.header-instagram {
	background: url("../img/social/Sprites_01.png") -280px 0px;
}

.header-instagram a:hover {
	background: url("../img/social/Sprites_01.png") -315px 0px;
}

nav {
	float: left;
	clear: left;
	width: 361px;
	height: 953px;

	background: url("../img/Index_Menu.png") no-repeat;

	font-family: "CalistoMTItalic", "Times New Roman", serif;
	font-size: 32px;
}

nav ul {
	list-style-type: none;
	padding-top: 0px;
	padding-left: 30px;
}

nav li {
	padding: 8px 0;
}

.nav-selected {
	color: #223B6B!important;
}

.sub-nav ul {
	text-align: center;
	list-style-type: none;
	font-size: 24px;
}

.sub-nav li {
	display: inline;
	padding: 0 18px;
	white-space: nowrap;
 	overflow: hidden;
}

.sub-nav li a {
	display: inline-block;
	color: white;
	text-decoration: none;
}

.sub-nav li a:hover:after {
	display: block;
    content: '';
    width: 100%;
    height: 6px;
    background: #5F8DE5;
    margin-top: -2px;
    border-radius: 0 0 6px 6px;
}

.sub-nav a.sub-nav-selected:before {
	display: block;
    content: '';
    width: 100%;
    height: 6px;
    background: #5F8DE5;
    margin-bottom: -2px;
    border-radius: 6px 6px 0 0;
}

.sub-nav a.sub-nav-selected:after {
	display: block;
    content: '';
    width: 100%;
    height: 6px;
    background: #5F8DE5;
    margin-top: -2px;
    border-radius: 0 0 6px 6px;
}

.main-content {
	margin-left: 361px;
	font-size: 24px;
}

.main-content a {
    color: #B5B5B5;
}

.main-content-single-page {
	margin: 75px auto 0 auto;
	text-align: center;
}

.main-content-single-page-max-width {
    margin: 75px auto 0 auto;
    max-width: 888px;
}

.sub-content {
	text-align: center;
	font-size: 24px;
}