@charset "utf-8";/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.1
 * Browser:        0
 * Browser group: 
 */
* { padding:0; margin:0; }
div:after, ul:after, ol:after, dl:after, dt:after, dd:after, li:after, blockquote:after { clear: both; content: "."; display: block; font-size: 0px; height: 0px; visibility: hidden; }
body { font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0; color:#363636; }
p { margin:0 0 14px 0; line-height:22px; }
a { color:#1D54A6; }
a:hover { color:#838383; }
div#container { width:100%; min-width:960px; max-width:1280px; min-height:900px; margin:0 auto; }
#container-header { position:relative; height:205px; padding:0 0 50px 0; }
#home #container-header { height:450px; }
#container-nav { height:50px; width:100%; background-color:#1B4EA1; position:absolute;bottom:0;left:0; z-index:100; }
#container-content { width:912px; margin:0 auto; padding:30px 24px; }
#container-footer { width:960px; margin:auto; border-top:1px solid #CDCDCD; }
#branding { background-color:#1B4EA1; width:175px; height:170px; position:absolute;top:18px;left:50%; margin:0 0 0 -480px; text-align:center; z-index:50; }
#branding a { text-decoration:none; width:175px; height:170px; color:#fff; display:block; background-image:url(../i/logo_sm.gif); background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
#home #branding { width:230px; height:230px; }
#home #branding a { background-image:url(../i/logo.gif); width:230px; height:230px; }
#header { width:960px; margin:0 auto; z-index:50; }
.home-project { display:none; position:absolute; width:200px; height:310px; background-image:url(../i/white.png); background-position:top left; background-repeat:repeat; padding:28px 20px; }
#home-image-holder { height:475px; width:100%; position:relative; overflow:hidden; text-align:center; }
#home-image-holder ul { width:1280px; position:absolute; z-index:5; top:0;left:50%; margin:0 0 0 -640px; height:475px; background-color:#1B4EA1; display:none; }
#home-image-holder ul li { width:1280px; height:475px; position:absolute; top:0;left:0; display:none; }
#home-image-holder ul.active-project { display:block; }
#home-projects { width:240px; position:absolute; top:0; left:50%; margin:0 0 0 18%; z-index:50; }
#home-projects-list { list-style:none; width:24px; position:absolute;top:22px; right:-24px; }
#home-projects-list li { margin:0 0 2px 0; font-size:11px; }
#home-projects-list li a { display:block; width:24px; height:24px; line-height:24px; text-align:center; text-decoration:none; background-color:#768AAC; color:#fff; }
#home-projects-list li a.active { background-color:transparent; background-image:url(../i/white.png); background-repeat:repeat; color:#363636; }
#home-projects-list li a:hover { background-color:#596F93; }
.home-project-slides { list-style:none; margin:0 0 14px 0; }
.home-project-slides li { float:left; background-color:#1B4EA1; margin:0 5px 0 0; }
.home-project-slides li a { float:left; width:60px; height:60px; overflow:hidden; position:relative; z-index:10; }
.home-project-slides li a:hover,.home-project-slides li a.active { border:3px solid #1B4EA1; width:54px; height:54px; }
.home-project-slides li a img { display:block; width:60px; height:120px; position:relative; top:-60px; }
.home-project-slides li a:hover img,.home-project-slides li a.active img { top:-3px; left:-3px; }
.home-project-slides li a.loading { background-color:#eee; border-color:#ccc; background-image:url(../i/ajax-loader.gif); background-position:center 21px; background-repeat:no-repeat; }
.home-project-slides li a.active { background-position:18px 18px; }
.home-project-slides li a.loading img { visibility:hidden; }
.home-project-name { margin:0 0 12px 0; }
.home-project-name h3 { color:#1B4EA1; line-height:20px; font-size:14px; }
.home-project-info { font-style:italic; font-size:11px; color:#363636; margin:0 4px 8px 0; line-height:18px; }
.home-project-info br { margin:-8px 0 0 0; }
.home-quote-person { font-size:11px; color:#363636; }
.home-quote-person strong { display:block; margin:0 0 3px 0; }
#image-masthead { width:100%; overflow:hidden; position:relative; height:205px; }
#image-masthead img { position:absolute; top:0; left:50%; margin:0 0 0 -640px; }
#nav-main { list-style:none; width:960px; margin:0 auto; }
#nav-main li { float:left; }
#nav-main li a { float:left; line-height:28px; padding:12px 19px 10px 19px; color:#fff; text-decoration:none; font-size:15px; text-transform:uppercase; font-weight:bold; }
#nav-main li a:hover { background-color:#143978; }
#nav-main li.on a { background-color:#fff; color:#1B4EA1; }
#hp-main,#hp-press,#hp-contact { float:left; }
#hp-main h2,#hp-press h2,#hp-contact h2 { font-family:"Times New Roman", Times, serif; font-size:30px; font-weight:normal; color:#1B4EA1; margin:0 0 14px 0; }
#hp-main h2 a,#hp-press h2 a,#hp-contact h2 a { text-decoration:none; }
#hp-main { width:430px; margin:0 40px 0 0; }
#hp-press { width:188px; margin:0 40px 0 0; }
#hp-contact { width:200px; }
#hp-press-excerpts { list-style:none; }
#hp-press-excerpts li { padding:0 0 10px 0; margin:0 0 5px 0; line-height:24px; border-bottom:1px solid #CBCDCE; }
#hp-press-excerpts li:last-child { border:0; }
#hp-contact-address dt { margin:0 0 6px 0; }
#hp-contact-address dd { margin:0 0 6px 0; line-height:20px; }
#content-main { padding:20px 0 0 0; }
#body #content-main { padding:0; }
#content-main h2 { font-family:"Times New Roman", Times, serif; font-size:30px; font-weight:normal; color:#1B4EA1; margin:0 0 14px 0; }
#main { float:left; width:680px; min-height:300px; }
.solid-columns { margin:0 0 20px 0; }
.solid-columns .column { background-color:#EAEAEA; float:left; margin:0 16px 0 0; padding:15px 10px; width:190px; height:460px; }
.column ul { list-style:none; font-size:13px; }
.column-name { font-size:15px; font-weight:bold; padding:0 0 4px 4px; border-bottom:1px solid #DADADA; }
.column li { padding:6px 4px; margin:0 0 2px 0; }
.column .odd { background-color:#F1F1F1; }
#press-items { list-style:none; padding-top:20px; }
#press-items li { margin:0 0 15px 0; }
#press-items li .press-article { margin:0; }
.article-date { display:block; margin:0 0 4px 0; color:#777; }
#press-items h3 { font-size:15px; margin:0 0 10px 0; padding:0 0 8px 0; border-bottom:1px solid #DADADA; }
#press-items h3 a { color:#1D54A6; text-decoration:none; }
#press-items h3 a:hover { text-decoration:underline; color:#3477DC; }
#customer-testimonials { list-style:none; }
#customer-testimonials li { margin:0 0 15px 0; padding:0 0 20px 0; border-bottom:1px solid #DADADA; }
#customer-testimonials blockquote { color:#5e5e5e; }
.quote-name { text-align:right; margin:0 0 0 25px; }
#employment-opportunities { list-style:none; }
#employment-opportunities h4 { font-size:13px; padding:0 0 6px 0; margin:0 0 3px 0; border-bottom:1px solid #DADADA; }
h3#employment { font-size:16px; margin:0 0 15px 0; }
#portfolio-table { width:910px; }
#portfolio-table th { text-align:left; padding:8px 0 5px 12px; background-color:#EAEAEA; font-size:14px; }
#portfolio-table td { padding:6px 8px 6px 12px; border-top:1px solid #DADADA; font-size:12px; vertical-align:top; }
#portfolio-table .odd td { }
#th-action { width:100px; }
table#portfolio-table { }
table#portfolio-table thead tr th, table#portfolio-table tfoot tr th { }
table#portfolio-table thead tr .header { background-image: url(../i/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table#portfolio-table tbody td { background-color: #FFF; vertical-align: top; }
table#portfolio-table tbody tr.odd td { }
table#portfolio-table thead tr .headerSortUp { background-image: url(../i/asc.gif); background-color:#D8D8D8; }
table#portfolio-table thead tr .headerSortDown { background-image: url(../i/desc.gif); background-color:#D8D8D8; }
table#portfolio-table thead tr .headerSortDown, table#portfolio-table thead tr .headerSortUp { }
.info-table { font-size:11px; }
.info-table td { padding:3px 5px; vertical-align:top; }
a.jTip { cursor:auto !important; }
#side-col { width:205px; float:right; }
#side-col h3 { color:#1D54A6; font-family:"Times New Roman", Times, serif; font-size:28px; font-weight:normal; line-height:30px; }
#sideImg { display:block; margin:0 0 20px 0; }
#cluetip-close img { border: 0; }
#cluetip-title { overflow: hidden; }
#cluetip-title #cluetip-close { float: right; position: relative; }
#cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(wait.gif); }
.cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; }
#cluetip-extra { display: none; }
.cluetip-default { background-color: #d9d9c2; }
.cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; }
.cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; }
.cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; }
.cluetip-default #cluetip-inner { padding: 10px; }
.cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }
.clue-right-default .cluetip-arrows { background-image: url(images/darrowleft.gif); }
.clue-left-default .cluetip-arrows { background-image: url(images/darrowright.gif); left: 100%; margin-right: -11px; }
.clue-top-default .cluetip-arrows { background-image: url(images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.clue-bottom-default .cluetip-arrows { background-image: url(images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.cluetip-jtip { background-color: transparent; }
.cluetip-jtip #cluetip-outer { border: 1px solid #DADADA; position: relative; background-color: #fff; }
.cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 13px; font-weight: bold; background-color: #ccc; background-color:#1B4EA1; color: #333; color:#fff; }
.cluetip-jtip #cluetip-inner { padding: 0 5px 5px; display: inline-block; }
.cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }
.clue-right-jtip .cluetip-arrows { background-image: url(images/arrowleft.gif); }
.clue-left-jtip .cluetip-arrows { background-image: url(images/arrowright.gif); left: 100%; margin-right: -11px; }
.clue-top-jtip .cluetip-arrows { background-image: url(images/arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.clue-bottom-jtip .cluetip-arrows { background-image: url(images/arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.cluetip-rounded { background: transparent url(images/bl.gif) no-repeat 0 100%; margin-top: 10px; margin-left: 12px; }
.cluetip-rounded #cluetip-outer { background: transparent url(images/tl.gif) no-repeat 0 0; margin-top: -12px; }
.cluetip-rounded #cluetip-title { background-color: transparent; padding: 12px 12px 0; margin: 0 -12px 0 0; position: relative; }
.cluetip-rounded #cluetip-extra { position: absolute; display: block; background: transparent url(images/tr.gif) no-repeat 100% 0; top: 0; right: 0; width: 12px; height: 30px; margin: -12px -12px 0 0; }
.cluetip-rounded #cluetip-inner { background: url(images/br.gif) no-repeat 100% 100%; padding: 5px 12px 12px; margin: -18px -12px 0 0; position: relative; }
.cluetip-rounded div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #009; background: transparent; }
.cluetip-rounded div#cluetip-close a { color: #777; }
.clue-right-rounded .cluetip-arrows { background-image: url(images/rarrowleft.gif); }
.clue-left-rounded .cluetip-arrows { background-image: url(images/rarrowright.gif); left: 100%; margin-left: 12px; }
.clue-top-rounded .cluetip-arrows { background-image: url(images/rarrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.clue-bottom-rounded .cluetip-arrows { background-image: url(images/rarrowup.gif); top: -23px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; }
.images-holder { display:none; }
#footer { color:#A2A2A2; text-align:center; padding:20px; font-size:12px; }
#footer a { color:#A2A2A2; }
#footer a:hover { color:#1B4EA1; }