@charset "utf-8";

html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:Arial, Helvetica, sans-serif;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body {font-family: 100%/1.4 Arial, Helvetica, sans-serif; background: #eceff0; margin: 0; padding: 0; color: #000;} ul, ol, dl {padding: 0; margin: 0;} h1, h2, h3, h4, h5, h6, p {margin-top: 0;} p {margin: 0; padding: 0;} a img {border: none;} a:link {color: #42413C; text-decoration: none;} a:visited {color: #6E6C64;} a:hover, a:active, a:focus {text-decoration: none;} header, section, footer, aside, nav, article, figure {display: block;} abbr {border-bottom: none;}

span.skype_pnh_container {display:none !important;}span.skype_pnh_print_container, span[class^="skype_pnh_print_container"] {display:inline !important;}

body {font-family: Arial, Helvetica, sans-serif;}

a {outline: 0;}

/* COLOR GUIDE
* Navy blue: #052c4b;
* Lime green: #bfce2f;
* Darker lime green: #7aba3e;
*/

.clear {height: 100%; width: 100%;}
.strong {font-weight: bold;}
.strong2 {font-family: 'TradeGothicLTCom-BdCn20';}

@font-face {font-family: 'TradeGothicLT-CondEighteen'; /* TradeGothic Normal */
src: url('MyFontsWebfontsKit/webfonts/2518E5_0_0.eot');src: url('MyFontsWebfontsKit/webfonts/2518E5_0_0.eot?#iefix') format('embedded-opentype'),url('MyFontsWebfontsKit/webfonts/2518E5_0_0.woff') format('woff'),url('MyFontsWebfontsKit/webfonts/2518E5_0_0.ttf') format('truetype');}
  
@font-face {font-family: 'TradeGothicLTCom-BdCn20'; /* TradeGothic Bold */
src: url('MyFontsWebfontsKit/webfonts/2518E5_1_0.eot');src: url('MyFontsWebfontsKit/webfonts/2518E5_1_0.eot?#iefix') format('embedded-opentype'),url('MyFontsWebfontsKit/webfonts/2518E5_1_0.woff') format('woff'),url('MyFontsWebfontsKit/webfonts/2518E5_1_0.ttf') format('truetype');}
 

h1 {
	font-size: 3.6em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'TradeGothicLT-CondEighteen';}
	
	h1 span {font-family: 'TradeGothicLTCom-BdCn20';}
	h2.title1 {margin-bottom: 20px; /*font-size: 2.6em;*/ font-size: 2.2em; color: #052c4b; text-transform: uppercase; font-family: 'TradeGothicLTCom-BdCn20'; line-height: 1.0em;}
	h2.title2 {margin-bottom: 20px; font-size: 2.2em; color: #052c4b; text-transform: uppercase; font-family: 'TradeGothicLTCom-BdCn20'; line-height: 1.0em;}
		h2.title2.nomargin {margin-bottom: 0;}
	h3.title2 {margin-bottom: 15px; font-size: 2.2em; color: #bfce2f; text-transform: uppercase; font-family: 'TradeGothicLT-CondEighteen'; line-height: 1.0em;}
		h3.title2 span {color: #052c4b; font-family: 'TradeGothicLTCom-BdCn20';}
	h4 {margin-bottom: 20px; font-size: 1.3em; color: #404040;}
	
	

.text > p {
	margin: 0 0 20px 0;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #404040;}
	
	.text > ul {margin: 0 0 20px 20px;}
	.text > ul li {
			color: #404040;
			font-size: 0.8em;
			line-height: 1.5em;
			padding-left: 12px;
			background: url(images/bullet.gif) 0 5px no-repeat;}
			
			.text ul li ul {margin: 10px 0 10px 10px;}
			.text ul li ul li {
				font-size: 1.0em;
				line-height: 1.4em;}
				
ul.bullet {margin: 25px 0 0 0;}
ul.bullet li {
			color: #eceff0;
			font-size: 0.8em;
			line-height: 1.5em;
			padding-left: 12px;
			background: url(images/bullet.gif) 0 5px no-repeat;}
			
		ul.bullet li a {color: #eceff0;}
		ul.bullet li a:hover {color: #bfce2f;}
				
ul.bullet li ul {margin: 10px 0 10px 10px;}
			ul.bullet li ul li {
				color: #eceff0;
				font-size: 1.0em;
				line-height: 1.4em;}
				
ul.terms {font-size: 0.85em;}		

.all-wrapper {
	position: relative;
	height: auto;
	
	width: 100%;}

.center-wrapper {margin: 0 auto; width: 1158px; position: relative;}

	.center-wrapper.header {height: 186px;}
	.center-wrapper.style1 {padding: 0 0 0 20px; width: 1138px;}

.fullwidth-container { /* for content that spans the full width of the page */
	height: auto;
	width: 100%;
	min-width: 1158px;
	float: left;}
	
	.fullwidth-container.rule1 {background: url(images/border1.gif) left bottom repeat-x;}
	.fullwidth-container.style1 {background: #052c4b;}
	.fullwidth-container.style2 {margin-top: 12px;}
	.fullwidth-container.style3 {margin-top: 30px;}
	
.logo {position: absolute; bottom: 24px; left: 20px; height: 137px; width: 279px;}
	
.top {height: 4px; width: 100%; background: #bfce2f; position: fixed; top: 0; left: 0; z-index: 99999;}
	
.top-box {padding: 4px 20px 3px; height: 26px; width: 171px; position: absolute; background: #bfce2f;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; top: 4px; right: 0; z-index: 10;}
	
	.top-box ul {}
	.top-box ul li {display: inline; color: #fff; text-transform: uppercase; font-family: 'TradeGothicLT-CondEighteen'; font-size: 1.0em;}
	.top-box ul li a {color: #fff; display: inline-block; float: left; font-family: 'TradeGothicLT-CondEighteen';}
	.top-box ul li a:hover, .top-box ul li a.selected {color: #052c4b;}
	.top-box ul li .pipe {margin: 0 6px 0 5px; color: #fff; font-size: 1.3em; line-height: 1.1em; float: left;}
	.linkedin {margin-top: 2px; height: 16px; width: 16px; background: url(images/linkedin.png) 0 -16px no-repeat;}
	.linkedin:hover {background-position: 0 0;}
	.twitter {margin-top: 4px; height: 14px; width: 21px; background: url(images/twitter.png) 0 -14px no-repeat;}
	.twitter:hover {background-position: 0 0;}
	
.main-nav {bottom: 24px; right: 20px; position: absolute; height: auto; width: 720px;}

	.main-nav ul {float: right;}
	.main-nav ul li {display: inline; color: #fff; text-transform: uppercase;}
	.main-nav ul li a {font-size: 1.6em; color: #052c4b; font-family: 'TradeGothicLT-CondEighteen';}
	.main-nav ul li a:hover, .main-nav ul li a.selected {color: #bfce2f !important;}
	.main-nav ul li .pipe {color: #7aba3e; margin: 0 5px 0 8px; font-size: 1.6em;}
	

p.contact-text-line1 {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.0em !important;
    font-weight: bold;
	margin: 0 !important;}
	
	p.contact-text-line1.alt1, p.contact-text-line2.alt1, p.contact-text-line2.alt1 a {color: #052C4B;}
	
	p.contact-text-line1.first {margin: 25px 0 0 0 !important;}


p.contact-text-line2 {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em !important;
    font-weight: bold;
    margin: 0 !important;}
	
	p.contact-text-line2 a {color: #fff;}
	p.contact-text-line2 a:hover {color: #bfce2f;}
	
.panel-descrip-container p {line-height: 1.1em;}

.contact-spacer {margin: 10px 0 !important;}

p.contact-gutter{
	font-size: 0.9em;
	font-weight:bold;
}

/* subpages */

.subheader-wrapper {
	position: relative;
	height: 150px; 
	width: 100%;
	background: #052c4b;}
	
.subhead-title-container {
	position: relative;
	height: 150px;
	width: 833px;
	float: left;}
	
	.subhead-title-container h1 {position: absolute; left: 0; bottom: 20px;}
	
	.subhead-title-container.alt1 {width: 1020px;}
	
	.subhead-title-container h3 {position: absolute; left: 0; bottom: 20px; color: #fff; font-family: 'TradeGothicLTCom-BdCn20'; font-size: 2.4em; line-height: 0.9em;}
	
.subhead-banner {
	position: absolute;
	right: 0;
	bottom: 0;
	height: auto;}
	
.subdivider1-container {
	height: auto;
	width: 837px;
	float: left;}
	
	.subdivider1-container .text.width1 > p {width: 785px;}
	.subdivider1-container .text.width2 > p {width: 430px;}
	
	.subdivider2-container {
		padding: 0 20px 0 0;
		height: auto;
		width: 281px;
		float: left;}
		

		
	p.quote-title {
	font-family: 'TradeGothicLTCom-BdCn20';
	color: #052c4b;
	font-size: 2.4em;
	line-height: 0.9em;
	text-transform: uppercase;}
	
	.quote-title span {color: #518a3b;}
	.quote-title span.strong1 {color: #fff;}
	
p.quote-strong {font-weight: bold; color: #052c4b;}
p.quote-credit {margin: 15px 20px 22px 0; width: 77%; color: #518a3b; font-size: 0.8em; font-style: italic; text-align: right; display: block;}
span.quote-credit.alt1 {line-height: 0.8em; color: #518a3b; font-size: 0.4em !important; font-style: italic; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
span.quote-quote {color: #518A3B;}
span.quote-quote.first {margin-left: -10px;}
p.terms {font-size:0.7em;}
		
.subhead-nav-container {
	position: relative;
	height: 150px;
	width: 303px;
	background: #eceff0;
	border-right: 1px solid #eceff0;
	border-left: 1px solid #eceff0;
	float: right;}
	
.subhead-nav-prev-container {
	position: relative;
	height: 150px;
	width: 151px;
	background: #052c4b url(images/subpage-nav.png) left top no-repeat;
	/*-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;*/
	border-right: 1px solid #eceff0;
	float: left;}
	
	.subhead-nav-prev-container:hover {background: #bfce2f url(images/subpage-nav.png) left top no-repeat;}

.subhead-nav-next-container {
	position: relative;
	height: 150px;
	width: 151px;
	background: #052c4b url(images/subpage-nav.png) right top no-repeat;
	/*-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;*/
	float: left;}
	
	.subhead-nav-next-container:hover {background: #bfce2f url(images/subpage-nav.png) right top no-repeat;}
		
	.subhead-nav-title {
		position: absolute;
		bottom: 25px;
		color: #fff;
		font-size: 1.3em;
		text-transform: uppercase;
		font-family: 'TradeGothicLT-CondEighteen';}
		
		.subhead-nav-title .style1 {font-family: 'TradeGothicLTCom-BdCn20';}
		
	.subhead-nav-title.prev {left: 20px;}
	.subhead-nav-title.next {right: 20px;}
	
.subhead-nav-empty {
	position: relative;
	background: #052c4b;
	height: 150px;
    width: 304px;}
	
.gutter1-container {
	position: relative;
	height: auto;
	width: 281px;
	float: left;}
	
.gutter-cta1-wrapper {
	position: relative;
	padding: 15px 0 0 0;
	height: 50px;
	width: 281px;
	background: url(images/border1.gif) left bottom repeat-x;
	float: left;}
	
	.gutter-cta1-top-container {
		position: absolute;
		top: 0;
		left: 0;
		height: 1px;
		width: 281px;
		background: url(images/border1.gif) left top repeat-x;}
		
.gutter-cta1-wrapper h4 {font-size: 1.8em; text-transform: uppercase; font-family: 'TradeGothicLT-CondEighteen';}
.gutter-cta1-wrapper h4 span {font-family: 'TradeGothicLTCom-BdCn20';}

.project-item-wrapper {
	margin: 0 0 35px 0;
	height: auto;
	width: auto;
	float: left;}

.project-item-container {
	margin: 10px 0 0 0;
	height: auto;
	width: auto;
	float: left;}

.project-img {
	height: auto;
	width: 300px;
	float: left;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	
	border: 4px solid #bfce2f;}
	
.project-desc-container {
	padding: 0 0 0 30px;
	height: auto;
	width: 421px;
	float: left;}

.gutter2-wrapper {
	margin: 0 50px 0 0;
	height: auto;
	width: 317px;
	float: left;}
	
.callout-container {
	position: relative;
	margin: 0;
	padding: 12px 0;
	height: auto;
	width: 317px;
	background: url(images/border1.gif) left bottom repeat-x;
	float: left;}
	
	.callout-container.alt1 {background: none;}
	
	.callout-container-top {
		height: 1px;
		width: 317px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(images/border1.gif) left top repeat-x;}
	
	.callout-container h4 {
		margin: 0;
		text-transform: uppercase;
		color: #11293b;
		font-size: 2.0em; 
		line-height: 1.2em;
		font-family: 'TradeGothicLT-CondEighteen';}
		
		.callout-container h4 a {color: #11293b;}
		.callout-container h4 a:hover {color: #bfce2f;}
		
	.callout-container h4 span { font-family: 'TradeGothicLTCom-BdCn20'; display: block;}
		
		.callout-container h4 span.alt1 {font-size: 80%; line-height: 1.2em !important;}
	
/* FAQ */

.faq-item-wrapper {
	margin: 0 0 25px 0;
	height: auto;
	width: 785px;
	float: left;}
	
.faq-q-container {
	margin: 0 0 20px 0;
	height: auto;
	width: auto;
	float: left;}
	
	.q-container, .a-container {
		margin: 0 25px 0 0;
		height: auto;
		width: auto;
		font-family: 'TradeGothicLTCom-BdCn20';
		font-size: 3.6em;
		line-height: 0.9em;
		color: #052c4b;
		float: left;}
		
		.a-container {color: #bfce2f;}
	
	.faq-q-container p {font-size: 1.2em; color: #052c4b;}
	
/* contact */

.form-contact-wrapper {
	height: auto;
	width: auto;
	float: left;}
	
	.form-contact-wrapper.contact {width: 504px;}

	.contact-stretch {width: 478px !important;} /* increasing width of field for main Contact page */

.contact-field {
	margin: 0 0 10px 0;
	padding: 9px 13px;
	border: none;
	background: #fff;
	color: #666;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;}
	
.contact-submit-wrapper {
	margin: 10px 0 50px 0;
	position: relative;
	width: 281px;
	height: 33px;
	float: right;}

.contact-field.field {width: 257px; font-size: 0.9em;}
	
.contact-field.textarea {
	margin-bottom: 10px;
	width: 257px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
	font-size: 0.9em;}
	
.checkbox-container {width: 280px; float: left;}

.form-submit {
	border: 0 none;
	cursor: pointer;
	width: 121px;
	height: 33px;
	background: url(images/buttons/submit.png) left top no-repeat;
	position: absolute;
	right: 0; top: 0;}
	
/* sub subnav */

.subnav2-wrapper {
	position: relative;
	margin: 0 40px 0 0;
	height: auto;
	width: auto;
	float: left;}
	
	.subnav2-wrapper .subnav2-border {
		position: absolute;
		top: 0;
		left: 0;
		height: 1px;
		width: 318px;
		background: url(images/border1.gif) top left repeat-x;}
	
.sub2-wrapper {
	height: auto;
	width: 471px;
	float: left;}
	
	.sub2-nav {}

	ul.sub2-nav {width: 318px; float: left;}
	ul.sub2-nav li {display: block; color: #fff;}
	ul.sub2-nav li a {padding: 9px 0 0 12px; height: 27px; display: block; font-size: 0.9em; color: #052c4b; background: url(images/border1.gif) bottom left repeat-x;}
	ul.sub2-nav li a:hover, ul.sub2-nav li a.selected {color: #fff; background: #bfce2f url(images/border1.gif) bottom left repeat-x !important;}
	
/* subs */
	
.sub3-wrapper {
	height: auto;
	width: 752px;
	float: left;}
	
.sitemap-title, .sitemap-title a {
	margin: 10px 0 5px 0;
	color: #052c4b;
	font-size: 1.2em;}
	
	.sitemap-title a:hover {
		color: #bfce2f;}
		
		.sitemap {}
		.sitemap li {}
		.sitemap li a {margin: 0 5px 0 20px; color: #052c4b; font-size: 0.8em;}
			.sitemap li a:hover {color: #bfce2f;}

/* buttons */

/* home page slider */

.btn1 {
	margin-top: 12px;
	width: auto;
	position: relative;
	float: left;
	cursor: pointer;
	text-decoration: none;}
 
.btn1 p span {
	padding-top: 6px;
	height: 29px;
	width: auto;
	color: #fff;
	font-family: inherit;
	text-transform: uppercase;
	font-size: 1.1em;
	float: left;}
 
.btn1 p .span1 {
	position: absolute; right: -33px;
	background: url(images/buttons/btn-bg2.png) left top no-repeat;
	width: 33px;}
 
	.btn1 p:hover .span1 {width: 33px; background: url(images/buttons/btn-bg2.png) left top no-repeat;}
 
.btn1 p .span2 {
	padding-left: 13px;
	padding-right: 12px;
	background: url(images/buttons/btn-bg1.png) left top no-repeat;
	font-family: 'TradeGothicLTCom-BdCn20';
	font-weight: normal;
	float: left;}
 
	.btn1 p:hover .span2 {color: #bfce2f; background: url(images/buttons/btn-bg1.png) left top no-repeat;}
	
/* home page info */

.btn2-container {
	position: absolute;
	bottom: 35px;}
	
	.btn2-container p.dropdown-title {
		margin-bottom: 10px;
		font-size: 0.9em;}
	
.btn2 {
	width: auto;
	position: relative;
	float: left;
	cursor: pointer;
	text-decoration: none;}
 
.btn2 p span {
	height: auto;
	width: auto;
	color: #bfce2f;
	font-family: inherit;
	text-transform: uppercase;
	font-size: 1.4em;
	font-family: 'TradeGothicLT-CondEighteen';
	float: left;}
 
.btn2 p .span1 {
	position: absolute;
	right: -33px;
	background: url(images/buttons/btn-arrow1.gif) left 5px no-repeat;
	width: 33px;}
 
	.btn2 p:hover .span1 {width: 33px; background-position: 0 -20px;}
 
.btn2 p .span2 {
	padding-left: 0;
	padding-right: 10px;
	float: left;}
 
	.btn2 p:hover .span2 {color: #fff;}
	
/* home page - info */

.info-section-container {
	padding: 0 30px 50px 32px;
	background: url(images/border2.gif) left top repeat-y;
	position: relative;
	min-height: 270px;
	height: auto;
	width: 324px;
	float: left;}
	
	.info-section-container p.info-section-title {font-family: 'TradeGothicLT-CondEighteen'; color: #eceff0; font-size: 2.2em; text-transform: uppercase;}
	.info-section-container p.info-section-title span.strong {font-family: 'TradeGothicLTCom-BdCn20'; font-weight: normal; color: #bfce2f;}
	
	.info-section-container p {margin: 25px 0 0 0; font-size: 0.8em; color: #eceff0;}

/* footer */

.footer-wrapper {margin-bottom: 30px; height: 45px; width: 100%; position: relative; font-family: Arial, Helvetica, sans-serif; float: left;}
.footer-wrapper.sub1 {margin: 30px 0; background: url(images/border1.gif) left top repeat-x;}
ul.footer {margin-left: 20px; padding-top: 15px; font-size: 0.6em; float: left; min-width: 940px;}
ul.footer li {}
ul.footer li, ul.footer li span {display: inline;}
ul.footer li {color: #666;}
ul.footer li a {color: #666; text-transform: uppercase;}
ul.footer li a:hover {color: #052c4b;}
ul.site-credit {padding-top: 15px; font-size: 0.6em; min-width: auto; float: right;}
ul.site-credit li {}
ul.site-credit li, ul.site-credit li a {color: #666;}
ul.footer li .pipe {color: #bfce2f; margin: 0 2px 0 5px;}