﻿body {
font-family: Verdana; font-size:13px; color:#000000;
line-height:1.9; background:#fff url('images/header_bg.jpg') top repeat-x; center top; min-height:100%;
}

.main { width: 1008px; margin: 0 auto; }

.logo {
	background:url(images/logo_spsc.png) no-repeat;
	width:221px;
	height:196px;
	margin-left:-10px;
}

.logo_text {
	background:url(images/spsc.png) no-repeat;
	width:614px;
	height:45px;
	margin-top:-30px;
}

h1{
display:block;
font-size:30px;
line-height:1.0em;
color: white;
font-weight:normal;
letter-spacing:1px;
margin-top:40px;
margin-bottom:10px;
}


h2 {
	font-size: 23px;
	font-weight: normal;
	line-height: 0;
	color: #666666;
	letter-spacing: -1px;
}

h3{
display:block;
font-size:18px;
line-height:0.2em;
color:#FFF;
font-weight:bold;
letter-spacing:0px;
}

h4{
	font-size: 19px;
	font-weight: normal;
	line-height: 1.5em;
	color:#1E8120;
	letter-spacing: -1px;
	}

.box-heading {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#FFF;
font-weight:bold;
padding-left:15px;
}

a {font-family:verdana; font-size:8pt; text-decoration:none; color:#666666;}
a:hover {text-decoration:underline }

ul 
{
list-style-image:url('images/menu_item.png');
margin-left:-10px;
margin-right:5px;
}

#bg-wrap-left {
	background: transparent url('images/background_left.png') no-repeat left 0;
	width: 21px;
	padding-right: 10px;
}
#bg-wrap-right {
	background: transparent url('images/background_right.png') no-repeat right 0;
	width: 21px;
	padding-left: 10px;
}

.gk-menu { margin: 0; padding: 0; }
.gk-menu a { text-decoration: none; }
/* 
 * lv - 0
 */

.gk-menu ul.level0 { float: left; }
.gk-menu ul.level0 li.mega { display: block; float: left;  }
.gk-menu ul.level0>li.mega>a.mega { display: block; }
.gk-menu ul.level0>li.mega>a.mega span { display: block;}
.gk-menu ul.level0>li.mega .has-image { padding: 0 0 0 16px!important; display: block; background-repeat: no-repeat; background-position: left 15px; }
.gk-menu ul.level0 li.mega span.menu-title { display: block; }
.gk-menu ul.level0 li.mega a img { float: left; padding-right: 5px; }
.gk-menu ul.level0>li.active a,  ul.level0>li.active:hover a { }
/* 
 * lv - 1 and below
 */

.gk-menu li.mega .childcontent { display: block; height: auto; position: absolute; }
ul.level0>li>.childcontent { margin:0; }
.gk-menu li.mega .childcontent,  .gk-menu li.haschild-over li.mega .childcontent,  .gk-menu li.mega li.haschild-over li.mega .childcontent,  .gk-menu li.mega li.mega li.haschild-over li.mega .childcontent,  .gk-menu li.mega li.mega li.mega li.haschild-over li.mega .childcontent,  .gk-menu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent { left: -999em; /*hide the menu*/ }
.gk-menu li.haschild-over .childcontent,  .gk-menu li.mega li.haschild-over .childcontent,  .gk-menu li.mega li.mega li.haschild-over .childcontent,  .gk-menu li.mega li.mega li.mega li.haschild-over .childcontent,  .gk-menu li.mega li.mega li.mega li.mega li.haschild-over .childcontent,  .gk-menu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent { left: auto; /*show on parent:hover*/ }
.gk-menu li.mega .right,  .gk-menu li.haschild-over li.mega .right,  .gk-menu li.mega li.haschild-over li.mega .right,  .gk-menu li.mega li.mega li.haschild-over li.mega .right,  .gk-menu li.mega li.mega li.mega li.haschild-over li.mega .right,  .gk-menu li.mega li.mega li.mega li.mega li.haschild-over li.mega .right { right: auto; /*hide the menu*/ }
.gk-menu li.haschild-over .right { right: 0; /*show on parent:hover*/ }
.gk-menu li.mega li.haschild-over .right,  .gk-menu li.mega li.mega li.haschild-over .right,  .gk-menu li.mega li.mega li.mega li.haschild-over .right,  .gk-menu li.mega li.mega li.mega li.mega li.haschild-over .right,  .gk-menu li.mega li.mega li.mega li.mega li.mega li.haschild-over .right { right: 12em; /*show on parent:hover*/ }
.gk-menu ul.level1 li.mega { float: none; }
.gk-menu ul.level1 .childcontent { margin: -2em 0 0 160px; }
/* 
 * Columns
 */

.gk-menu .megacol { float: left; }
.gk-menu .megacol:first-child>ul { padding:0; }
.gk-menu .megacol>ul{ padding:0 0 0 16px; }
/* 
 * Styling
 */

.gk-menu ul.level1 li.mega { }
.gk-menu ul.level1 li.first { }
.gk-menu ul.level1 li.mega:first-child { margin:0; }
.gk-menu ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; }
.gk-menu ul.level1 li.haschild { padding: 0; }
.gk-menu ul.level1 li.over, ul.level1 li.haschild-over { }
.gk-menu ul.level1 li.group { background: none; }
/* 
 * CHILD CONTENT
 */

.gk-menu .childcontent { z-index: 999; }
.gk-menu .childcontent .gk-moduletable .gk-box-ct { padding: 0 5px; }
.gk-menu .childcontent .gk-moduletable ul:first-child { margin-top: 0 !important; }
.gk-menu .childcontent .gk-moduletable li { }
/* 
 * Grouped
 */

.gk-menu .group { }
.gk-menu .group-title {  }
.gk-menu .group-title a, .group-title a:hover{background:none!important; }
.gk-menu .group-content .gk-moduletable,  .group-content ul.megamenu { margin: 10px; /* Group-content's gutter*/ }
/* 
 * reset
 */

.gk-menu .childcontent ul.megamenu .gk-moduletable { padding: 0; }
.gk-menu .childcontent ul.megamenu .gk-moduletable h3 { margin-left: 0; margin-right: 0; }
.group .moduletable{padding-left:10px!important;}
.group .moduletable h3{margin-left:0px!important;}

/* menu */
#gk-mainnav > div.gk-menu { background: transparent url('images/menu_right.png') no-repeat right 0; width:975px; height: 43px; padding-left:2px; padding-right:4px;}
#gk-mainnav > div.gk-menu > ul { background: transparent url('images/menu_bg.png') no-repeat left bottom; height: 43px; margin: 0; padding: 0; width: 100%; }
#gk-mainnav > div.gk-menu > ul > li > a { color: #383838; font-size: 10px; font-weight:bold; text-transform: uppercase;height:43px; line-height:43px; display:block; }
#gk-mainnav > div.gk-menu > ul > li > a > span { height:43px; line-height:43px; display: block; background: transparent url('images/menu_separator.png') no-repeat right bottom; padding:0 20px; }
#gk-mainnav > div.gk-menu > ul > li.active > a,
#gk-mainnav > div.gk-menu > ul > li:hover > a { background: transparent url('images/menu_bg.png') no-repeat -459px top; color: #fff; left: -1px;}
#gk-mainnav > div.gk-menu > ul > li.active:first-child > a,
#gk-mainnav > div.gk-menu > ul > li:hover:first-child > a { background: transparent url('images/menu_bg.png') no-repeat left top; left:0;}
#gk-mainnav > div.gk-menu > ul > li.last:hover > a > span,
#gk-mainnav > div.gk-menu > ul > li.last.active > a > span,
#gk-mainnav > div.gk-menu > ul > li.active > a > span,
#gk-mainnav > div.gk-menu > ul > li:hover > a > span { background: transparent url('images/menu_separator.png') no-repeat right top; }
#gk-mainnav > div.gk-menu > ul > li.last > a > span { background: none; }
/* header */
#gk-header { overflow: hidden; }
#gk-header1 { float: left; }
#gk-header2 { float: right; }
#gk-header.two-modules #gk-header1 { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing: border-box; padding-right:10px; }
/*--- faded slider styles ---*/
#faded { 
	width:866px;
	height:320px;
	overflow:hidden;
	position:relative;
	margin-bottom:15px;
}
	#faded .prev {
		position:absolute;
		top:100px;
		background:url(images/prev.png) no-repeat 0 0;
		width:23px;
		height:122px;
		z-index:10;
	}
	#faded .next {
		position:absolute;
		right:0px;
		top:100px;
		background:url(images/next.png) no-repeat 0 0;
		width:23px;
		height:122px;
		z-index:10;
	}
	
	#faded .slogan {
	display: block;
	position: absolute;
	right: 420px;
	top: 90px;
	width: 365px;
	text-align: left;
	font-size: 40px;
	line-height: 1.5em;
	color: #0084AD;
	letter-spacing: 1px;
	}
		#faded .slogan span {
			display:block;
			font-size:24px;
			line-height:1.5em;
			color:#302C2A;
			font-weight:normal;
			letter-spacing:1px;
			margin-top:-10px;
			margin-bottom:16px;
		}
/* module suffixes ---------------------------------------------- */
/* default */ 
.moduletable,
.moduletable_text,
.moduletable_menu { padding:0; margin: 10px 0 0 0; background: #fff; line-height: 145%; border: 1px solid #d5d5d5;}
.moduletable_content { padding:10px; overflow:hidden; }
.moduletable:first-child,
.moduletable_text:first-child,
.moduletable_menu:first-child { margin-top:0!important; }
.moduletable > h2,
.moduletable_text > h2,
.moduletable_menu > h2 { font-size: 13px;  font-weight:bold; text-transform: uppercase;  color: #1f1f1f;height:26px; line-height:22px; background: transparent url('images/moduletable_header.png') repeat-x 0 0; border-bottom: 1px solid #d5d5d5; padding:0;
 }
.moduletable > h2 span,
.moduletable_text > h2 span,
.moduletable_menu > h2 span { display: block; height: 22px; text-align:left; padding-left:10px }

/* footer menu */
#gk-footer {
background: transparent url('images/bg_footer.png') no-repeat center 0;
color: #777;
font-size: 11px;
line-height: 12px;
padding: 15px 0 10px 0;
}
#gk-footer {
clear: both;
text-align:center;
padding-right: 0px;
}

#gk-footer-nav {
padding-bottom:10px;
padding-top:10px;
}

#gk-footer-nav .menu a { color:#777; }
#gk-footer-nav .menu a:hover { color:#000; }

.read-more {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url(images/btn.png) repeat left top;
display: inline-block;
color: white;
margin-bottom:16px;
text-decoration: none;
font-size: 1.0em;
font-weight: normal;
width: 100px!important;
height: 22px!important;
color: white;
text-decoration: none;
line-height: 22px!important;
text-align: center;
}

.news {
font-family:Arial;
background: url(images/recent-news-bg.jpg) repeat-x;
padding:8px;
}

.news-h1{
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.news a {font-family:Arial; font-size:10pt; text-decoration:none; color:#0089b7;}
.news a:hover {text-decoration:underline }

.result {
font-family: Arial;
font-size:16px;
font-weight:bold;
background:#F8F8F8;
padding:12px;
}

.result a {text-decoration:none; color:#000;}
.result a:hover {text-decoration:underline }

gk-copyright{
width:100%;
}

img {border:0;}

.container {
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
background: #fff; line-height: 18px; border: 1px solid #d5d5d5;
}

.design {
padding-top:5px;
padding-bottom:5px;
}

.apply {
position: absolute;
z-index: 9999;
left: 50%;
float: right;
margin-left: 242px;
margin-top: 80px;
}