html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
div{position: relative;}
body { line-height: 1; left:0; height: 100%; }
object { outline:none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; } /* remember to define focus styles! */
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; } /* normalize monospace sizing en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
html { overflow-y: scroll; height: 100%; } /* always force a scrollbar in non-IE: */
a:hover, a:active { outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
li { margin-left: 1.8em; } /* fix missing ul or ol */
ul li, ol li { margin-left: 0px; } /* reset from fix */
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table {border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
button {  width: auto; overflow: visible; } /* IE Fix: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line;word-wrap: break-word; } /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; } /* align checkboxes, radios, text inputs with their label by: tjkdesign.com/ez-css/css/base.css  */
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* hand cursor on clickable input elements */
button, input, select, textarea { margin: 0; } /* webkit browsers add a 2px margin outside the chrome of form elements */
input:valid, textarea:valid   {  } /* colors for form validity */
input:invalid, textarea:invalid { border-radius: 1px;-moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;}
::-moz-selection{ background: #808080; color:#fff; text-shadow: none; } /* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301  Also: hot pink. */
::selection { background:#808080; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #808080; } /*  j.mp/webkit-tap-highlight-color */
.ie7 img { -ms-interpolation-mode: bicubic; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie6, .ie7, .ie8 { filter: expression(document.execCommand('BackgroundImageCache', false, true));	}
.hidden { display: none; visibility: hidden; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.row:before, .row:after { content: "\0020"; display: block; height: 0; visibility: hidden;	}
.row:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.row { zoom: 1; }
.col { float: left; border: 0; padding: 0; margin: 0;  vertical-align: top; display: inline-block; }

h1{	font: 30px/30px 'BebasNeueRegular', Arial, sans-serif; color:#333333;}
h2{	font: 20px/20px 'BebasNeueRegular', Arial, sans-serif; color:#666666;}
h3{	font: 15px/15px  Arial, sans-serif; color:#666666;}
/* BASE STYLES ------------------------------------------------------------------------------------------------------------------------ */

body, select, input, textarea {
  color: #333; /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  font-family: Arial, Georgia, serif;
}
/* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */
h1,h2,h3,h4,h5,h6 { font-weight: bold; margin: 4px 0px 10px 0px; }
a, a:active, a:visited { color: #666666; }
a:hover { color: #333333; }

h1{	font: 30px/30px 'BebasNeueRegular', Arial, sans-serif; color:#174C66;}
h2, h3, h4, h5{	color:#174C66;}
.home h2{	font: 20px/20px 'BebasNeueRegular', Arial, sans-serif; color:#666666;}
p { margin: 5px 0px 15px 0px; color:#333333; font-size:13px; line-height:18px; }

hr{ border:none; border-top:1px solid #CCCCCC;}

@font-face {
    font-family: 'BebasNeueRegular';
	src: local('BebasNeueRegular');
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfontd41d.eot?#iefix'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#webfontfvFLBU0N') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; text-transform:normal;}
.contentpage #content .right h2{font-family:Arial, Helvetica, sans-serif !important; font-weight:bold; font-size:16px; text-transform:normal;}
.contentpage #content .right h3{font-family:Arial, Helvetica, sans-serif !important; font-size:14px; text-transform:normal;}
.contentpage #content .right h4{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:normal;}

/* COMMON STYLES ---------------------------------------------------------------------------------------------------------------------- */

body {
  /* background: url('/images/bg.jpg') repeat-x top left; */
}

body.mceContentBody {} /* WYSIWYG */

#wrap {
  text-align: center;
  min-width:980px;
  width:auto !important;
  width:100%;
  min-height:500px;
  height:auto !important;
  height:500px;
}

#header{
	position:relative;
	float:right;
	width:740px;
	height:115px;
	z-index:999;
}

#logo img{
	position:absolute;
	top:2px;
	left:18px;
}
.ie #logo img{-pie-png-fix:true; behavior:url('pie.htc');}

#header-top{
	float:right;
	width:650px; /*720*/
	height:54px; /*60*/
	padding: 6px 70px 0px 0px;
	text-align:right;
	text-transform:uppercase;
}

#header-top a{
	text-transform:uppercase;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#header-top a:hover{
	text-decoration:underline;
}

#header-nav-wrap{
	clear:right;
	float:right;
	width:720px;
	height:50px;
}

#header-nav{
	border-right:1px #1D4252 solid;
	border-left:1px #011621 solid;
	float:right !important;
}

.ie6 #header-nav{
	border-right:1px #1D4252 solid;
	border-left:none;
	float:right !important;
}

#header-nav .header-nav-link{
	position:relative;
	display:block;
	float:right;
}

#header-nav .menu-item{
	display:block;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
	line-height:50px;
	text-decoration:none;
	text-transform:uppercase;
	background:url('../images/smenu.jpg')0px -50px repeat-x;
	padding:0px 20px 0px 20px;
	border-left:1px #1D4252 solid;
	border-right:1px #011621 solid;
}

#header-nav a.menu-item:hover{
	background:url('../images/smenu.jpg') 0px 0px repeat-x;
}

#header-nav .over{
	background:url('../images/smenu.jpg') 0px 0px repeat-x;
}


#header-nav .smenu-box{
	background:#0A212E;
	width:250px;
	text-align:left;
	display:none;
	padding:10px;
	-moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}


#header-nav .smenu-left{
	position:absolute;
	left:0px;
	top:50px;
}

#header-nav .smenu-right{
	position:absolute;
	right:0px;
	top:50px;
}

#header-nav .smenu-box ul{
	margin:0px;
	list-style:none !important;
	padding:0px;
}

#header-nav .smenu-box a{
	position:relative;
	clear:both;
	display:block;
	padding:5px;
	color:#ffffff;
	text-decoration:none;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;/
  border-radius: 3px;
}

#header-nav .smenu-box a:hover{
	background:#103448;
}

.ie #header-nav .smenu-box a:hover{behavior: url('pie.htc');}

#page{
	position:relative;
	margin:0px auto;
	width:980px;
	text-align:center;
}

#main-title{
	font: 40px/40px 'BebasNeueRegular', Arial, sans-serif;
	color:#ffffff;
}

#main-copy{
	border-top:1px solid #1D2B33;
	border-bottom:1px solid #1D2B33;
	padding:8px 0px 8px 0px;
	margin:8px 0px 8px 0px;
	color:#ffffff;
	width:210px;
}


table {
  background: #FFFFFF url("svg69a4.svg?start=FFFFFF&amp;end=F0F0F0");
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F0F0F0));
  background: -moz-linear-gradient(#FFFFFF, #F0F0F0);
  -pie-background: linear-gradient(#FFFFFF, #F0F0F0);
}
table th {
  background:#EAEAEA;
  border:1px solid #A8A8A8;
  vertical-align:middle;
  text-align:left;
  padding:0 0 0 10px;
}

.apps  {
  border:none;
  background:none;
  border-collapse:separate;
  border-spacing:5px;
}
.apps td {
  width:20%;
  background: #FFFFFF url("svg69a4.svg?start=FFFFFF&amp;end=F0F0F0");
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F0F0F0));
  background: -moz-linear-gradient(#FFFFFF, #F0F0F0);
  -pie-background: linear-gradient(#FFFFFF, #F0F0F0);
  font-weight:bold;
  color:#24313A;
  border:1px solid #24313A;
  height:60px;
  vertical-align:middle;
  text-align:center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.apps-hide {
  background: none !important;
  border:none !important;
}


.link{
	position:relative;
	display:block;
}

.link .link-title{
	font: 25px/25px 'BebasNeueRegular', Arial, sans-serif;
	text-decoration:none !important;
	background:url('../images/main-link-arrow.png')0px 10px no-repeat;
	padding-left:15px;
	text-decoration:none !important;
	color:#ffffff;
	cursor:pointer;
}

.link a:hover {
	color:#C5EBF8;
}

.ie6 a.link-title :hover {
	text-decoration:underline;
}

.link-title .active{
	color:#C5EBF8;
	background:url('../images/main-link-arrow.png')0px -33px no-repeat;
}

.link div{
	padding:0px 0px 5px 17px;
}

.link div a{
	position:relative;
	display:block;
	width:175px;
	font-size:12px;
	line-height:30px;
	color:#ffffff;
	text-decoration:none;
	padding:0px 0px 0px 9px !important;
	margin:3px 0px 3px 0px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;/
  border-radius: 6px;
	background:url('../images/blue-transparency.png') no-repeat -100px -100px;
}

.link div a:hover{
	background-position:0px 0px;
	background-repeat:repeat;
	color:#ffffff;
}

.ie6 .link div a:hover{
	background:0px 0px;
	color:#ffffff;
}


.ie .link a{-pie-png-fix: true; behavior: url('pie.htc');}

#content-wrap{
	float:right;
	text-align:left;
}

#footer-wrap{
	background:url('../images/footer-wrap.jpg') top center no-repeat #010F18;
	width:100%;
	height:465px;
	text-align:center;
}

#footer{
	margin:0px auto;
	width:980px;
	text-align:left;
}

#footer-wrap a{
	color:#999999;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}

#footer-wrap a:hover{
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
}

#footer-links{
	padding-bottom:30px;
}

#footer-links a{
	display:block;
}

#footer-title{
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	color:#ffffff;
	padding:30px 0px 20px 0px;
}

#footer .footer-box{
	margin-right:50px;
	float:left;
}

#footer #footer-contact{
	margin-right:0px;
}

#footer-companies{
	width:980px;
	height:46px;
	margin-top:20px;
	text-align:center;
}

#footer-companies a {
  margin:0 18px;
}

#footer-copy-wrap{
	margin-top:20px;
	padding:10px 0px 10px 0px;
	border-top:1px solid #0a212c;
	border-bottom:1px solid #0a212c;
	color:#999999;
}

#footer-copy-wrap a{
	color:#999999;
	text-decoration:underline !important;
}

#footer-copy{
	float:left;
}

#footer-wrap #footer-copy-wrap #footer-dev{
	float:right;
	text-decoration:none !important;
}
/*WISYWIG CLASSES*/
.project-img{
	padding:5px;
	border:1px solid #CCCCCC;
	margin-right:10px;
}

.btn{
	display:inline;
	background:url('../images/btn.jpg') repeat-x #D2D2D2;
	font-size:12px;
	text-align:center;
	padding:5px 10px 5px 10px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.ie .btn {behavior: url('pie.htc');}

.btn a{
	text-decoration:none !important;
	color:#333333;
}

.btn a:hover{
	text-decoration:underline !important;
}

.larger-img{
	background:url('../images/larger-icon.jpg') no-repeat;
	padding-left:20px;
}
/* CMS STYLES --------------------------------------------------------------------------------------------------------------------------*/
.pdf{
	line-height:16px;
	background:url('../images/PDF.jpg') no-repeat left center;
	padding-left:20px !important;
}

.medium{
	font-size:13px;
	line-height:18px;
}

.blue-box{
	background:#DBE7EA;
	padding:20px;
	font-size:12px;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ie .blue-box {behavior: url('pie.htc');}
.blue-box strong{
	display:block;
	color:#333333;
	font-size:17px;
	padding-bottom:8px;
}
.blue-box a{
	color:#174C66;
	text-decoration:underline;
}
.blue-box a:hover{
	text-decoration:none;
}
.blue-text{
	color:#174C66;
}

/* PRINT STYLES ------------------------------------------------------------------------------------------------------------------------*/

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #logo { text-decoration:none; }
  #logo[href]:after { content: ""; }
  #menu,
  #impact,
  #nav,
  #crumbs,
  #main-center,
  #main-right,
	#header{height:200px !important;}
  #footer, #content-wrap, #main-nav, #header-nav, #header-top, #home-right, #content .left, #breadcrumbs, #section-header, #services-overview { display:none !important; }
  #content, #home-left, #content, #content .right { width:auto !important; }
	#content, #home-left, #content, #content .right  { width:100% !important; }
	.blue-box {padding:0px;}
}