@font-face {
	font-family: 'museo_sans500';
	src: url('../fonts/museosans/museosans_500.eot');
	src: url('../fonts/museosans/museosans_500.eot?#iefix') format('embedded-opentype'),
	url('../fonts/museosans/museosans_500.woff2') format('woff2'),
	url('../fonts/museosans/museosans_500.woff') format('woff'),
	url('../fonts/museosans/museosans_500.ttf') format('truetype'),
	url('../fonts/museosans/museosans_500.svg#museo_sans500') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'museo_sans100';
	src: url('../fonts/museosans/MuseoSans_100-webfont.eot');
	src: url('../fonts/museosans/MuseoSans_100-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/museosans/MuseoSans_100-webfont.woff2') format('woff2'),
	url('../fonts/museosans/MuseoSans_100-webfont.woff') format('woff'),
	url('../fonts/museosans/MuseoSans_100-webfont.ttf') format('truetype'),
	url('../fonts/museosans/MuseoSans_100-webfont.svg#museo_sans100') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'museo_sans300';
	src: url('../fonts/museosans/museosans-300.eot');
	src: url('../fonts/museosans/museosans-300.eot?#iefix') format('embedded-opentype'),
	url('../fonts/museosans/museosans-300.woff2') format('woff2'),
	url('../fonts/museosans/museosans-300.woff') format('woff'),
	url('../fonts/museosans/museosans-300.ttf') format('truetype'),
	url('../fonts/museosans/museosans-300.svg#museo_sans300') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'museo_sans700';
	src: url('../fonts/museosans/museosans-700.eot');
	src: url('../fonts/museosans/museosans-700.eot?#iefix') format('embedded-opentype'),
	url('../fonts/museosans/museosans-700.woff') format('woff'),
	url('../fonts/museosans/museosans-700.ttf') format('truetype'),
	url('../fonts/museosans/museosans-700.svg#museo_sans700') format('svg');
	font-weight: normal;
	font-style: normal;
}

a, a:active, a:visited { outline: none; } 
.wrapper { width: 1020px; height: 100%; display: block; position: relative; background-color: #FFFFFF; margin: auto; margin-bottom: 66px; }

.header { width: 1020px; height: 83px; display: block; position: relative; padding-top: 17px; }
.logo { width: 250px; height: 64px; float: left; position: relative; display: inline-block; background: url('../img/logo-respondus.png') no-repeat center center; margin-left: 35px; }
.logo a, .logo a:hover { border:none; }
.logo img { width: 250px; height: 64px; }

.utilities { width: 300px; height: 22px; display: inline-block; position: relative; float: right; margin-right: 40px; text-align:right; }
.utilities a { font-size: 9.5px; font-weight: bold; color: #333333; text-transform: uppercase; line-height: 22px; height: 22px; width: auto; display: inline-block; padding: 0 12px; border:none;}
.utilities a.ut-active, .utilities a.utillink:hover { line-height: 20px; height: 20px;  background-color: transparent; background-color: rgba(0,0,0,0.7); opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#192320,endColorstr=#192320); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#192320,endColorstr=#192320)"; */ color: #FFFFFF; }
.lt-ie9 .utilities a.ut-active, .lt-ie9 .utilities a.utillink:hover { background-color: black; }
.utilities a:hover { color: #FFFFFF!important; text-decoration: none; }
.utilities .icon { text-align:left; text-indent: -9999px; }
.utilities .twitter { display: inline-block; margin:0 12px; padding:0; position: relative; width: 32px; height: 22px; background: url('../img/icons/icon-twitter.png') no-repeat top left; }
.utilities .twitter:hover { background-position: -32px 0; border:none; }

.topnav {
	height: 26px;
	line-height: 26px;
	width: 550px; 
	position: relative;
	display: inline-block;
	float: right; 
	top: 16px;
	margin-right: 40px;
}
.lt-ie8 .topnav { 
	z-index: 9999!important;
}
.topnav ul {
	width: auto;
	height: 26px; 
	float: right;
	position: relative;
	list-style: none; 
}
.topnav ul li.topmain { 
	display: inline-block; 
	position: relative;
	width: auto; 
	float: left;
	height: 26px; 
	line-height: 26px;
}
.topnav ul li.topmain a.tn-primary {
	display: inline-block;
	position: relative; 
	width: auto; 
	height: 26px;
	line-height: 26px;
	padding: 0 12px; 
	font-size: 11px; 
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	border:none;
}
.topnav ul li.topmain a.tn-primary:hover,
.topnav ul li.topmain a.tn-active {
	background-color: #474747;/*transparent; background-color: rgba(0,0,0,0.7); opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/ /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#192320,endColorstr=#192320); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#192320,endColorstr=#192320)"; */ 
	color: #FFFFFF; 
}

/* gs 10/2015 */
.topnav ul li.topmain div.tn-primary {
	display: inline-block;
	position: relative; 
	width: auto; 
	height: 26px;
	line-height: 26px;
	padding: 0 12px;
	font-size: 11px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	border:none;
}
.topnav ul li.topmain div.tn-active {
	background-color: #474747;
	color: #ffffff;
}
.topnav ul li.topmain div.tn-current { 
	background-color: #727272;
	color: #ffffff; 
}
.topnav ul li.topmain:hover div.tn-primary { 
	background-color: #474747; 
	color: #727272; 
	cursor:default; 
}
/* gs 10/2015 */
.topnav ul li.topmain ul {
	display: inline-block; 
	position: absolute; 
	width: 160px;
	height: auto; 
	min-height: 40px;
	top: 26px;
	left: 0; 
	margin-left: 0;
	padding-left: 0; 
	padding-top: 8px; 
	padding-bottom: 4px; 
	margin-bottom: 14px;
	text-decoration: none;
	list-style: none;
	z-index: 99;
	background-color: #474747;
	/*transparent; background-color: rgba(0,0,0,0.7); opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); */ /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#192320,endColorstr=#192320); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#192320,endColorstr=#192320)"; */
	color: #FFFFFF; 
}
.lt-ie9 .topnav ul li.topmain ul,
.lt-ie9 .topnav ul li.topmain a.tn-primary:hover,
.lt-ie9 .topnav ul li.topmain a.tn-active {
	background-color: black!important; 
}
.lt-ie8 .topnav ul li.topmain ul { 
	z-index: 9999!important; 
	margin-top: -2px!important;
}
.topnav ul li.topmain ul li.topsub {
	display: block;
	position: relative;
	min-height: 24px; 
	line-height: 24px;
}
.topnav ul li.topmain ul li.topsub a {
	display: block;
	position: relative; 
	width: 138px;
	height: 24px; 
	line-height: 24px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 600;
	padding-left: 12px;
	border:none; 
}
.topnav ul li.topmain ul li.topsub a:hover { 
	color: #B2D233;
	text-decoration: none; 
	border:none;
}
.topnav ul li.topmain ul li.topsub a.tn-active {  }
.topnav ul li.topmain a.tn-primary:hover, .topnav ul li.topmain a.tn-active:hover { 
	color: #FFFFFF!important; 
	border:none; 
}
.topnav ul li.topmain ul .drop{
	display:none;
	width:160px;
	position:absolute;
	top:0;
	left:100%;
	z-index:2;
}
.topnav ul li.topmain ul li:hover .drop{
	display:block;
}


.footer { width: 952px; height: 278px; margin: 0; padding: 0; margin: auto; border-top: 1px solid #C8DBD8; padding-top: 28px; }
.thirdlayout .footer { width: 970px; }
.borderright { border-right: 1px solid #C8DBD8; }
.borderleft { border: none; width: 480px; display: inline-block; position: relative; float: right; margin: 0!important; }
.bordertop { border: none; }

.copyright { display: block; position: absolute; bottom: 20px; left: 45px; font-size: 9px; text-transform: uppercase; }

.footernav, .footernav ul { list-style: none; width: 480px; overflow: hidden; }
.footernav li.footermain { display: inline-block; position: relative; float: left; width: 160px; }
.footernav li.footermain ul { margin-left: 0; }
.footernav li.footermain ul li a { font-size: 12px; font-weight: normal; text-decoration: none; color: #000000;border:none; }
.footernav li.footermain b, .footernav li.footermain b a, .footernav li.last ul li a { font-size: 11px; font-weight: bold; text-decoration: none; color: #000000; text-transform: uppercase;border:none; }
.footernav li.footermain b a:hover, .footernav li.footermain ul li a:hover { color: #B2D233; border:none; }


.quote { width: 212px; height: auto; display: inline-block; position: relative; font-size: 21px; color: #79B2A5; font-weight: normal; line-height: 29px; padding-left: 56px; padding-bottom: 20px; letter-spacing: 0; background: url('../img/symbol-quote.png') no-repeat top left; }
.quote .quote-origin { font-size: 10px; color: #000000; display: inline-block; position: absolute; right: 0; bottom: 0; line-height: 12px; text-align: right; margin-top: 17px; }


.header-banner {
	margin: 34px 0 22px 0;
	position: relative;
	overflow: hidden;
}

.content.ff .header-banner {
	margin-top: 17px;
}

.header-banner .overlay {
	position: absolute;
	top: 45px;
	left: 50px;
}

.header-banner .overlay h4 {
	font-size: 32px;
	line-height: 1;
}

.header-banner .overlay h5 {
	font-size: 25px;
	color: #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	padding: 10px 0;
	line-height: 1;
	margin-top: 15px;
}

.header-banner.small .overlay {
	top:18px;
	left:30px;
}

.header-banner.small .overlay h4 {
	font-size: 23px;
	color: #FFF;
}

.header-banner.small .overlay h5 {
	font-size: 38px;
	border-top: 3px solid #a9bc29;
	border-bottom: none
}

.header-banner.minimal {
	display: table;
	background: #a9a9a9;
	margin-right: 25px;
}

.header-banner.minimal .col {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 20px;
}

.header-banner.minimal .col.title {
	white-space: nowrap;
	width: 1%;
	font-size: 23px;
	color: #FFF;
}

.header-banner.minimal .col.line {
	padding-left: 0;
}

.header-banner.minimal .col.title h4 {
	font-size: inherit;
}

.header-banner.minimal .col.line hr {
	border-color: #b7c342;
	background-color: #b7c342;
}
.header-banner.minimal-portal {
	display: table;
	background: #a9a9a9;
	margin-right: -5px;

}

.header-banner.minimal-portal .col {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px;
}

.header-banner.minimal-portal .col.title {
	white-space: nowrap;
	width: 1%;
	font-size: 23px;
	color: #FFF;
}

.header-banner.minimal-portal .col.line {
	padding-left: 0; padding-right: 100;
}

.header-banner.minimal-portal .col.title h4 {
	font-size: inherit;
}

.header-banner.minimal-portal .col.line hr {
	border-color: #b7c342;
	background-color: #b7c342;
}
