/* Master layout */

/************************************************************
Global styles */

@font-face {
	font-family:Maven;
 	src:url('/fonts/maven_pro-webfont.eot'); /* IE8- */ */
 	src:url('/fonts/maven_pro-webfont.eot?iefix') format('embedded-opentype'), /* IE9 */ */
	url('../fonts/maven_pro-webfont.ttf') format('opentype'); /* The rest of the world */
	src:local(':'), url('../fonts/maven_pro-webfont.ttf') format('opentype');
}

html,body {
	margin:0;
	padding:0;
	font-family: Maven;
	vertical-align: top;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
}

a {
	color:#3b60a9;
}

a img {
	border:none;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {

}
h1 {
	color:#cfaa82;
	text-transform: uppercase;
	font-size: 22pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;
}

h1:before {
	display: inline-block;
	width:337px;
	height:9px;
	background-image: url('../images/layout/tracks.png');
	content:'';
	padding-bottom: 5px;
	margin-right: 15px;
	background-repeat: no-repeat;
}

h1:after {
	display: inline-block;
	width:337px;
	height:9px;
	background-image: url('../images/layout/tracks.png');
	content:'';
	padding-bottom: 5px;
	margin-left: 15px;
	background-repeat: no-repeat;
}

h2 {
	text-transform: uppercase;
	font-weight: normal;
}

/* Block-level */
p {

}



/************************************************************
Miscellaneous */

.error{
	border:1px solid red;
	background-color:rgba(255,0,0,0.3);
	border-radius:.5em;
	padding:1em;
}
.success{
	border:1px solid green;
	background-color:rgba(0,255,0,0.3);
}
.message{
	border-radius:.5em;
	padding:1em;
}

/* Text alignment */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }

/* Font sizes */
small { font-size:90%; }
big { font-size:115%; }

/* Padding */
.pad { padding:1em; }
.topPad { padding-top:1em; }
.bottomPad { padding-bottom:1em; }
.leftPad { padding-left:1em; }
.rightPad { padding-right:1em; }

/* Columns */
.col {
	display:inline-block;
	vertical-align:top;
}


/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
	border:0;
	padding:0;
	line-height:1;
	cursor: pointer;
}

/*
input {
	border:0;
	cursor: pointer;
}
*/

form>p>label{
	display:inline-block;
	width:12em;
	vertical-align:top;
}

.enclosure {
	width:964px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding-left:10px;
	padding-right:10px;
}

header {
	background-image:url('../images/layout/top_bg.png');
	height:58px;
	vertical-align: top;
}

header nav {
	position: relative;
}

header nav>ul {
	list-style: none;
	position: absolute;
	right:0;
}

header nav>ul>li {
	display: inline-block;
	text-transform: uppercase;
	padding-bottom: 20px;
}

header nav>ul>li>a {
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	padding-top:22px;
	padding-bottom:22px;
}

header nav>ul>li>a:hover {
	background-color:#3b60a9;
	color:#ffffff;
}

/* second level */
header nav>ul>li>ul {
	list-style: none;
	position:absolute;
	top:55px;
	margin-left:-120px;
	display:none;
	text-align:center;
	background:#000000;
	z-index:101;
	font-size:12pt;
	padding:0.0em 0;
	max-width:24em;
	min-width:14em;
}

header nav li:hover>ul {
	display:block;
}

header nav li ul a {
	padding:0.5em 5em 0.5em 5em;
	color:#f3f3f3;
	text-transform: none;
	display: block;
}

header nav li li+li:before {
	content:' ';
	display:block;
	margin:0.0em 0.7em;
	border-top:1px dotted #ffffff;
}

header nav li ul li:hover {
	background:#3b60a9;
}

header nav>ul>li>ul:before {
	content:' ';
	position:absolute;
	left:9.5em;
	bottom:100%;
	border-bottom:12px solid #000000;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
}

header nav ul:after {
	content:' ';
	position:absolute;
	bottom:100%;
	height:15px;
	width:14em;
	display: block;
}

header nav>ul>li:last-child>li:after {
	display:none;
}


.current {
	color:#cfaa82;
}

.banner {
	width:1024px;
	height:471px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}

.banner_text {
	color:#000000;
	position: absolute;
	top:190px;
	left:45px;
	width:450px;
	font-size: 27pt;
	z-index: 5;
}

.banner_text strong {
	color:#3b60a9;
	font-weight: normal;
}

#banner-tiles {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
#banner-tiles li {
	opacity:0;
	position:absolute;

	-webkit-transition:all 1s 0s ease;
	-ms-transition:all 1s 0s ease;
	-o-transition:all 1s 0s ease;
	transition:all 1s 0s ease;
}
#banner-tiles li:first-child {
	display:block;
}
/* Animation */
#banner-tiles li.sel {
	opacity:1;
}


.logo {
	position: absolute;
	top:10px;
	left:45px;
	background-image:url('../images/layout/logo.png');
	display: block;
	width:275px;
	height:111px;
	text-indent:-9999px;
}

.left-arrow {
	background-image:url('../images/layout/arrows.png');
	width:32px;
	height:71px;
	display: block;
	position: absolute;
	left:0;
	top:200px;
	background-position: left top;
}

.right-arrow {
	background-image:url('../images/layout/arrows.png');
	width:32px;
	height:71px;
	display: block;
	position: absolute;
	right:0;
	top:200px;
	background-position: right top;
}

.left-arrow:hover { background-position: left 71px; }

.right-arrow:hover { background-position: right 71px; }

.button {
	background-color:#3b60a9;
	border-bottom: 3px solid black;
	border-radius: 10px;
	text-transform: uppercase;
	color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	font-size:12pt;
	position: relative;
}

.button:hover { background-color:#4974ca; }

.shadow_box {
	position:absolute;
	bottom:-14px;
	height:10px;
	box-shadow:0 5px 5px -5px rgba(0,0,0,0.3);
}

.shadow_box:after {
	content:' ';
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	top:-4px;
	width:1024px;
	height:10px;

	background:-webkit-radial-gradient(center top, ellipse farthest-side, rgba(0,0,0,0.2), rgba(0,0,0,0));
	background:-o-radial-gradient(center top, ellipse farthest-side, rgba(0,0,0,0.2), rgba(0,0,0,0));
	background:radial-gradient(ellipse farthest-side at center top, rgba(0,0,0,0.2), rgba(0,0,0,0));
}

.content {
	padding-top:29px;
	width:964px;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
}

.description {
	width:800px;
	font-size:10pt;
	margin-left:auto;
	margin-right:auto;
	line-height:20px;
}

.blue_panel {
	background-color:#3b60a9;
	border-radius:5px;
	display: block;
	color:#ffffff;
	padding:15px;
	text-align: left;
	vertical-align: top;
	margin-top:30px;
}

.light_blue_block {
	background-color:#7c9fcb;
	display:inline-block;
	border-radius:5px;
	width:155px;
	height:178px;
	color:#ffffff;
	vertical-align: top;
	margin-top:20px;
	margin-left:8px;
	padding:10px;
}

.light_blue_block:hover {
	background-color:#71c4ff;
}

.link {
	color:#fff;
}

.icon {
	display: block;
	width:80px;
	height:57px;
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	background-position: center;
	margin-bottom:-10px;
}

.light_blue_block h2 {
	text-align: center;
	margin-bottom: 5px;
}

.light_blue_block p {
	font-size:10pt;
	margin-top: 5px;
}

.bottom_nav {
	height:120px;
	display: block;
	background-image: url('../images/layout/bottom_bg.png');
	position: relative;
}

.bottom_nav nav {
	border-bottom: 1px solid #c7c6c6;
	position: absolute;
	left:15px;
	top:30px;
	padding-bottom: 10px;
}

.bottom_nav nav ul {
	list-style: none;
	margin:0px;
	margin-left:-40px;
}

.bottom_nav nav ul li {
	display: inline;
	text-transform: uppercase;
	
}

.bottom_nav nav ul li a {
	color:#6c88bf;
	border-bottom: 1px solid #c7c6c6;
	padding-right:10px;
	margin-right:10px;
	padding-bottom: 10px;
}

.bottom_nav nav ul li a:hover {
	border-bottom: 1px solid #3b60a9;
}

.stay_connected {
	border-bottom: 1px solid #c7c6c6;
	position: absolute;
	right:0;
	top:30px;
	width:200px;
	text-align: left;
	padding-bottom: 10px;
}

.stay_connected_text {
	border-bottom: 1px solid #3b60a9;
	padding-right:15px;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.contact_us {
	position: absolute;
	top:75px;
	left:15px;
}

.contact_us a {
	text-transform: uppercase;
}

.linked_in {
	position: absolute;
	top:65px;
	right:165px;
	display: block;
	width:34px;
	height:34px;
	background-image:url('../images/layout/linked_in.png');
	text-indent:-9999px;
}

footer {
	background-color:#000000;
	height:190px;
	position: relative;
}

.copyright {
	position: absolute;
	bottom:-45px;
	left:15px;
	color:#6c88bf;
	font-size:10pt;
}

.jbsystems {
	position: absolute;
	bottom:-45px;
	right:115px;
	color:#6c88bf;
	font-size:10pt;
}

.jb_logo {
	text-indent:-9999px;
	background-image:url('../images/layout/jb_logo.png');
	display: inline-block;
	width:105px;
	height:38px;
	position: absolute;
	right:0px;
	bottom:-55px;
}

/************************************************************
Modal window */

#modal {
	display:none;
	background:#fff;
	color:#2E2D2D;
	padding:1px 15px 1em 15px;
	width:900px;
	height:400px;
	margin:auto;
	overflow:auto;
}
#modal h2 {
	margin:-1px -15px 0.5em -15px;
	padding:0.5em;
	background:#eff0f0;
}
#modal .simplemodal-close {
	cursor:pointer;
	float:right;
	font-size:12pt;
	margin-top:0.5em;
}


.image-stretch>img{
	width:100%;
}