`/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}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:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}

/* base.css, part of YUI's CSS Foundation */
h1,h2,h3 {
	/* top& bottom margin based on font size */
	margin-bottom:1em;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
h1 {
	font-size:138.5%;
}
.tagline {
	margin-bottom: 10px;
}
h2 {
	font-size:93%; 
	color: #102295;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 1em;
}
h3 {
	font-size:85%; 
	color: #102295;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote {
	margin-bottom:1em;
}
cite {
	display: block;
	color: #000;
	font-weight: bold;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room 
	margin-left:2em;*/
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding: 3px 5px;
	font-size: 100%;
}
table.noborder th,
table.noborder td {
	border: none;
	vertical-align: top;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:left;
	color: #9e2629;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/*********** GLOBAL SETTINGS ************************/
html{overflow-y:scroll;}
a{outline:none;}
/* removes Firefox dotted outline on click */
a img{border:none;}

/*************************************************/
body {
	background: #d4d7ee url(../_media/bg_site.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.4;
	color: #5f5f5f;
	text-align: center;
	padding-top: 20px;
}

#wrap {
	width: 864px;
	margin: 0 auto;
	text-align: left;
}

a,
a:link {
	color: #fa4e1f;
	text-decoration: none;
}

a:hover {
	color: #fa4e1f;
	text-decoration: underline;
}

.row {
	clear: left;
	float: left;
	width: 100%;
}
.column {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
}

.span3 {width:248px;}
.project-img {width: 300px;}
.project-img2 {width: 425px;}
.project-text {width:462px;}
.project-text2 {width:337px;}

.project-tn div {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.last {
	padding-right: 0;
	margin-right: 0 !important;
}
.border {
	background: url(../_media/border_blue.png) 100% 0 repeat-y;
}
img.border {
	background: none;
	border: 1px solid #102295;
}
.hr {
	clear: both;
	height: 1px;
	background: url(../_media/hr.png) 0 50% repeat-x;
	padding: 20px 0;
	
}
td.hr {
	clear: none;
	height: 20px;
	margin: 0;
}

/*
*************** Top Nav ********************/
.header {
	float: left;
	width: 432px;
}

#topnav {
	margin: 10px 0 20px;
}
#topnav ul {
	float: left;
	margin: 0;
}

#topnav li {
	float: left;
	margin: 0;
}

#topnav li a {
	display: block;
	height:26px;
}
#topnav li a span {
	display: none;
}
#topnav li a#nHome {
	width: 100px;
	background:url(../_media/nav_home.png) 0 0 no-repeat;
}
#topnav li a#nSystems {
	width: 123px;
	background:url(../_media/nav_systems.png) 0 0 no-repeat;
}
#topnav li a#nServices {
	width: 124px;
	background:url(../_media/nav_services.png) 0 0 no-repeat;
}
#topnav li a#nCredentials {
	width: 135px;
	background:url(../_media/nav_credentials.png) 0 0 no-repeat;
}
#topnav li a#nProjects {
	width: 158px;
	background:url(../_media/nav_recent.png) 0 0 no-repeat;
}
#topnav li a#nPersonnel {
	width: 119px;
	background:url(../_media/nav_personnel.png) 0 0 no-repeat;
}
#topnav li a#nContact {
	width: 105px;
	background:url(../_media/nav_contact.png) 0 0 no-repeat;
}

body.pHome a#nHome,
#topnav li a#nHome:hover {
	background:url(../_media/nav_home.png) 0 -26px no-repeat !important;
}
body.pSystems a#nSystems,
#topnav li a#nSystems:hover {
	background:url(../_media/nav_systems.png) 0 -26px no-repeat !important;
}
body.pServices a#nServices,
#topnav li a#nServices:hover {
	background:url(../_media/nav_services.png) 0 -26px no-repeat !important;
}
body.pCredentials a#nCredentials,
#topnav li a#nCredentials:hover {
	background:url(../_media/nav_credentials.png) 0 -26px no-repeat !important;
}
body.pProjects a#nProjects,
#topnav li a#nProjects:hover {
	background:url(../_media/nav_recent.png) 0 -26px no-repeat !important;
}
body.pPersonnel a#nPersonnel,
#topnav li a#nPersonnel:hover {
	background:url(../_media/nav_personnel.png) 0 -26px no-repeat !important;
}
body.pContact a#nContact,
#topnav li a#nContact:hover {
	background:url(../_media/nav_contact.png) 0 -26px no-repeat !important;
}

#topnav li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	padding-top: 10px !important;
	text-align: left;
	height: auto;
}
#topnav li ul li {
	float: left;
	width: 150px;
}
#topnav li ul li a {
	font-family: LucidaGrande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	color: #000;
	font-weight: bold;
	text-align: left;
	display: block;
	line-height: 1.2em;
	background: none;
	height: auto;
	width: 130px;
	padding: 0 1em 1em;
}
#topnav li:hover ul, #topnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	border: 1px solid #000;
	background: #eee;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	z-index: 999;
}
#topnav li ul li:hover, #topnav li ul li.sfhover {
	background: none;
	text-decoration: underline;
}
#topnav li ul li a:hover, #topnav li ul li.sfhover a {
	text-decoration: underline;
}
#topnav li:hover a#nSystems, #topnav li.sfhover a#nSystems {
	background:url(../_media/nav_systems.png) 0 -26px no-repeat;
}
#topnav li:hover a#nServices, #topnav li.sfhover a#nServices {
	background:url(../_media/nav_services.png) 0 -26px no-repeat;
}
#topnav li:hover a#nCredentials, #topnav li.sfhover a#nCredentials {
	background:url(../_media/nav_credentials.png) 0 -26px no-repeat;
}
#topnav li:hover ul li a, #topnav li.sfhover ul li a {
	background: none;
}
/* 2nd level */
#topnav ul li ul ul {
	padding: 0;
	list-style: none; 
	line-height: 1;
	margin: -2.6em 0 0 121px;
}
#topnav ul li ul ul a:link {
	text-decoration: none !important;
}
#topnav ul li:hover ul ul, #topnav ul li.sfhover ul ul {
	left: -999em;
}
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li.sfhover ul, #topnav ul li li.sfhover ul {
	text-decoration: none !important;
	left: auto;
}
	   
/*
*************** HEADER ********************/
/*
*************** CONTENT ********************/
#contentWrap {
	padding: 30px 20px;
	zoom: 1;
}
#contentWrap .sb-inner {
	background: #f0f0f0;
}
#contentWrap .sb-border {
	background: #102295;
}

#content {
	float: left;
	width: 600px;
	margin-right: 24px;
}

#contentWrap p,
#contentWrap li{
	font-size: 85%;
}

blockquote {
	margin-top: 10px;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight: bold;
	color: #898EB4;
	text-align: right;
}
 
cite {
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: right;
	display: block;	
	color: #898EB4;
	margin-bottom: 20px;
}
#contentWrap li {
	background: url(../_media/bullet_gray.png) 0 6px no-repeat;
	padding-left: 15px;
}
ul.loose li {
	margin-bottom: 1em;
}


.img-text {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
.img-text img {
	float: left;
	margin-right: 15px;
}
.img-text .text {
	float: left;
}
.featured .text {
	width: 142px;
}
.featured .text p,
.featured .text h3 {
	font-size: 69% !important;
}

.rule {
	margin: 10px 0;
}

.pdf {
	background: url("../_media/icon_pdf.gif") right 50% no-repeat;
	padding: 5px 20px 5px 0;
}

#sidebar {
	float: left;
	width: 200px;
	padding-top: 45px;
}
.sidebar-box {
	background: #636FBD;
	border: 1px solid #000;
	padding: 15px;
	margin-bottom: 10px;
}
.sidebar-box p {
	color: #fff;
}

#tabs {
}

#tabs p {
	display: block;
	float: left;
	width: 150px;
}

#tabs li {
	float: left;
	background: none;
	padding: 0;
	padding-left: .5em;
}

#tabs li a {
	width: 2em;
	text-align: center;
}

#tabs li.ui-tabs-selected {
	
}

#tabs li.ui-tabs-selected a {
	color: #5f5f5f;
}

#tabs li.ui-tabs-selected a:hover {
}

#tabsWrap .tabContent {
}

.ui-tabs-hide { display: none; }

#gallery {
	background: url(../_media/rule2.png) 0 0 no-repeat;
	padding-top: 10px;
	margin-top: 20px;
}

.galleryTN {
	float: left;
	width: 98px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.galleryTN img {
	border: 2px solid #9e2629;
}

.galleryTN p {
	text-align: center;
}

.red {color: #f00; font-size: 85%;}
.highlight {font-weight: bold; color: #101b97;}

/*
*************** TABLES ********************/
table.std {
	width: 100%;
}

fieldset {
	border: 1px solid #ccc;
	padding: 10px;
}

legend {
	padding: 0 10px;
	font-weight: bold;
}

td.space {
	height: 20px;
}

/* FORM PROCESSING
****************************************/
form.request input.error,
form.request textarea.error,
#error-box {
	background: #ffffda;
	border: 1px solid #7F9DB9;
	color: #000;
}
#error-box {
	padding: 10px;
	font-weight: bold;
	margin: 10px 0;
	font-size:85%;
}

label.error {
	display: none;
	color: #f00;
	width: auto; 
	margin-left: 10px; 
	font-size: 77%;
}

form.request input#submitButton {
	width: auto;
	border: 1px solid #102295;
	color: #fff;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	text-shadow: 1px 1px #333;
	background: #F84D1F;
	padding: 5px;
	cursor: pointer;
	letter-spacing: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

form.request input.submitButton:hover {
	text-shadow: -1px -1px #333;
}

/*
*************** HOME PAGE ********************/
#valprop {
	margin-bottom: 20px;
}

/*
*************** FOOTER ********************/
#footer {
	margin-top: 20px;
	text-align: center;
}

#footer p {
	color: #53545d;
	font-size: 77%;
	line-height: 1.2;
}

#footer a {
	color: #53545d;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* misc.
---------------------------------------------------------- */
.clearer {
	clear: both;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../_media/_colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../_media/_colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../_media/_colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../_media/_colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../_media/_colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../_media/_colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../_media/_colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../_media/_colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../_media/_colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#102295;font-weight: bold;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#102295;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../_media/_colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../_media/_colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../_media/_colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../_media/_colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../_media/_colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_media/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_media/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_media/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_media/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_media/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_media/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_media/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_media/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}