/* set some defaults */

body {
	background: #fff;
	color: #222;
	overflow: auto;
	width: 100%;
	min-width: 998px;
}

a {
	text-decoration:none
}

h3 {
	font-size: 16px;
}

.clear {
	clear: both;
}

/* site color globals */

.yellow,a.yellow {
	color: #ffdf49;
}

/* main layout styles */

.wrapper {
	min-width: 998px;
	margin:5px auto;
	overflow: hidden;
	position: relative;
	zoom:1;
	font-family: 'GothamRegular', Arial, Helvetic, sans-serif;
}

.header-wrapper {
	width:998px;
	margin:0px auto;
	position:relative;
	top: 0;
	min-height: 515px;
	z-index: 100;
}

.header-wrapper h1 {
	position:absolute;
	background: url(../img/logo.png) no-repeat top left;
	width:306px;
	height:101px;
	overflow:hidden;
	text-indent:-9999px;
	top:25px;
	left:0px;
	z-index: 200;
}

.header-wrapper ul {
	width:998px;
	font-size:10px;
	list-style:none;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-pack:end;
	-moz-box-pack: end;
	overflow:hidden;
	font-family: 'GothamBold', Arial, Helvetic, sans-serif
}

.no-flexbox .header-wrapper ul {
	float: right;
	width: 492px;
}

.header-wrapper li.last {
	padding-right:0 !important
}

.utility-nav li {
	padding:0 10px 0 10px;
	text-align:center;
	line-height:20px;
	min-height:20px;
}

.no-flexbox .utility-nav li {
	float: left;
}

.main-nav {
	position: relative;
	left: 10px;
	overflow: hidden;
}

.main-nav li {
	font-size:13px;
	margin:25px 0 0 0;
	padding:0 5px 0 5px;
	min-height: 18px;
	white-space: nowrap;
}

.main-nav li a {
	color: #000;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear; 
}

.main-nav li a:hover {
	color: #a4a5a5;
}

.main-nav li.home {
	background: url(../img/icon-home.png) top right no-repeat;
	position: relative;
	left: -10px;
}

.no-flexbox .main-nav li.home {
	left: 0;
}

.no-flexbox ul.main-nav {
	float: right;
	width: 630px;
}

.no-flexbox .main-nav li {
	float: left;
}

.main-nav li.large {
	font-size:20px;
	padding:0 15px 0 15px;
}

.no-flexbox .main-nav li.large {
	padding: 0 10px 0 10px;
}

.header-wrapper ul > li:nth-child(1) {
	-moz-box-flex:1;
	-webkit-box-flex:1;
	text-align:right
}

.utility-nav li a {
	color:#4b4b47;
}

.utility-nav li input {
	height:20px;
	background: #e9e9e9;
	border:0;
	color:#999;
	font-family:Arial;
	margin:0;
	padding:0
}

.utility-nav li input[type=text] {
	background: #e9e9e9 url(../img/bg-search-icon.png) 4px center no-repeat;
	padding-left: 20px;
	width: 100px;
}

.content-hdr {
	width: 100%;
	min-height: 95px;
	border-top: 12px solid #000;
	z-index: 200;
	position: relative;
	background: #1A1D22;
}

.header-wrapper .carousel {
	width: 977px;
	background: url(../img/bg-header-wrapper.png) no-repeat; top left;
	height:450px;
	position: absolute;
	z-index: 100;
	bottom: 0;
	right: 0;
}

.header-wrapper .carousel img {
	position: relative;
	top: 10px;
	left: 10px;
}

.header-wrapper .feature-logo {
	position: absolute;
	bottom:  0;
	right: 0;
	z-index: 300;
	overflow: hidden;
}

.submenu {
	width: 998px;
	margin: auto;
	overflow: hidden;
}

.submenu div.title {
	text-align:right;
	color: #fff;
	width: 588px;
	height: 85px;
	font-size: 12px;
	background: #1a1d22 url(../img/bg-submenu.png) top right no-repeat;
	padding: 10px 40px 0 0;
	float: left;
}

.submenu .menu {
	background: #1f2323;
	width: 370px;
	height: 100%;
	float: left;
	overflow: visible;
} 

.submenu ul {
	list-style: none;
	margin: 70px 0 0 0;
	float: left;
}

.submenu li {
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	padding: 0 8px 0 8px;
	overflow: hidden;
	float: left;
	-webkit-transition:0.2s all linear;
	-moz-transition:0.2s all linear;
}

.submenu li a {
	color: #fceda4;
}

.submenu li.active {
	background: #ffdf49;
}

.submenu li.active a {
	color: #000;
}

#left-col {
	float:left;
	width:0px;
	background:#fff;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.05, rgb(181,181,181)),
	    color-stop(0.77, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
	    center top,
	    rgb(181,181,181) 5%,
	    rgb(255,255,255) 77%
	);
}

#content {
	width:998px;
	margin:auto;
	padding:0;
	overflow:hidden;
	position:relative;
	left:0
}

#content .col1 {
	width:595px;
	background:#fff;
	margin:auto 20px auto auto;
	padding-left:30px;
	min-height:350px;
	float:left;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.05, rgb(181,181,181)),
	    color-stop(0.77, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
	    center top,
	    rgb(181,181,181) 5%,
	    rgb(255,255,255) 77%
	);
}

#content .col2 {
	width:332px;
	color:#fff;
	margin:auto;
	min-height:350px;
	float:left
}

.main-content {
	background:#1F2323; 
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.05, #1F2323),
	    color-stop(0.77, #2d3537)
	);
	background-image: -moz-linear-gradient(
	    center top,
	    #1F2323 5%,
	    #2d3537 77%
	);
	width:100%;
	overflow:hidden;
}

.footer {
	width:998px;
	background:#121515 url(../img/logo-ftr.png) bottom left no-repeat;
	margin:auto;
	min-height:100px;
	color: #fff;
}

.legal {
	width: 998px;
	background: #fff;
	padding: 15px 0 15px 0;
	font-size: 10px;
	font-family: Arial, sans-serif;
	color: #666;
	margin: auto;
}

/* container tab styles */

.tab-container {
	height: 0px;
	background: #fff;
	overflow: hidden;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.5s ease-in-out
}

.tab-container.open {
	height: 515px;
	border-top: 12px solid #ffdf49;
	border-bottom: 12px solid #000;
}

#tab-content {
	padding: 20px;
}

/* strike-back */

.wedge.strike-back {
	background: transparent url(../img/wedge-strike-back.png) no-repeat bottom right;
	right: -15px;
	width: 983px;
	position: absolute;
	bottom: 0;
	height: 143px;
	z-index: 200;
}

.feature-logo.strike-back {
	width: 426px;
	height: 166px;
	background: url(../img/logo-strike-back.png) no-repeat bottom right;
	right: -30px;
	text-indent: -9999px;
}

