@charset "utf-8";/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.1
 * Browser:       Webkit 537.3
 * Browser group: cssA
 */
* { 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; }
#container { background-color:#464646; min-height:100%; }
#container-header { background-color:#1F70A6; background-image:url(../i/bg_header.jpg); background-position:top center; background-repeat:repeat-y; }
#container-content { background-color:#F1F1F1; position:relative; border-bottom:1px solid #BCD0DD; }
#content { width:1020px; width:988px; margin:0 auto; padding:65px 0 30px 0; padding:30px 0 30px 0; min-height:300px; }
#home #content { padding:30px 0 0 0; height:434px; height:535px; width:1020px; width:988px; }
#container-nav { float:right; }
#container-clients { padding:30px 0; background-color:#D9E0E2; }
#container-clients #clients { width:980px; margin:0 auto; }
#clients h2 { height:40px; background-image:none !important; }
#clients h2 strong { background-color:#D9E0E2 !important; float:left; margin:0 5px 0 0; }
#clients-thumbs { text-align:center; text-align:left; }
.client-thumbs { list-style:none; margin:23px 0; padding:0; display:inline-block; }
.client-thumb { float:left; margin:0 25px; margin:0 50px 0 0; padding:0; }
.view-all { font-size:11px; background-color:#2071A6; background-color:#929A9C; float:left; padding:6px 10px; line-height:13px; color:#D9E0E2 !important; position:relative; top:5px; left:10px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; cursor:pointer; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3); box-shadow:inset 0 1px 2px rgba(0,0,0,0.3); }
.view-all:hover { background-color:#1F70A5; }
#clients-list { padding-top:20px; }
#clients-list a { color:#1F70A5; }
#header { height:108px; width:1020px; width:988px; margin:0 auto; }
#branding { float:left; width:162px; height:25px; }
#branding abbr { border:0; }
#branding a { background-image:url(../i/logo.gif); background-position:top left; background-repeat:no-repeat; width:162px; height:25px; display:block; position:relative; top:41px; text-decoration:none; text-indent:-9999px; overflow:hidden; }
.company-main { width:594px; float:left; }
.company-main p { font-size:15px; line-height:25px; color:#43494c; margin:0 0 30px 0; }
.sidebar { width:245px; float:right; margin:-69px 10px 0 0; }
.sidebar p { margin:0 0 20px 8px; font-size:15px; line-height:25px; color:#666; }
.side-heading { margin:0 0 15px 0; }
.side-heading h3 { font-size:22px; margin:0; padding:0; font-weight:normal; }
.side-heading .heading-get-started { padding:12px 0 16px 60px; background-image:url(../i/icon_get_started.gif); background-position:0 0; background-repeat:no-repeat; }
.pop-link { display:block; text-decoration:none; background-color:#FBFBFB; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; text-align:center; padding:8px 0; color:#1d3a4f; color:#144F76; font-size:14px; font-weight:normal; line-height:20px; -webkit-box-shadow:inset 0 1px 2px rgba(100,100,100,0.4); -moz-box-shadow:inset 0 1px 2px rgba(100,100,100,0.4); box-shadow:inset 0 1px 2px rgba(100,100,100,0.4); -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; text-shadow:1px 1px 0px rgba(255,255,255,0.6); }
.pop-link:hover { background-color:#6A99BF; background-color:#1F70A5; color:#fff !important; text-shadow:0 0 0; }
.pop-link2 { }
.project-info .pop-link { float:left; margin:0 10px 15px 0; width:170px; position:relative; left:-4px; top:5px; }
.company-main ul { margin:0 0 30px 0; padding:0 0 0 40px; }
.company-main li { line-height:20px; margin:0 0 8px 0; }
#nav-main { list-style:none; float:right; border-left:1px solid #5894BC; }
#nav-main li { float:left; border-right:1px solid #5894BC; position:relative; width:123px; }
#nav-main a { height:30px; padding:39px 0 39px 16px; width:107px; line-height:30px; float:left; text-decoration:none; color:#fff; font-size:22px; font-weight:normal; background-image:url(../i/nav_bg_text2.png); background-repeat:no-repeat; text-indent:-9999px; background-color: rgba(27,101,155, 0); -moz-transition-property: background-color; -moz-transition-duration: 0.5s; -webkit-transition-property: background-color; -webkit-transition-duration: 0.5s; -o-transition-property: background-color; -o-transition-duration: 0.5s; }
#nav-main a:hover { background-color:#1B659B; background-color: rgba(27,101,155, 1); }
#nav-main li.on a { background-color:#1B659B; }
#nav-main img { position:absolute; bottom:-1px; left:50%; margin:0 0 0 -10px; visibility:hidden; }
#nav-main a:hover img,#nav-main li.on img { visibility:visible; }
#nav-work a { background-position:16px 45px; }
#nav-services a { background-position:16px -55px; }
#nav-process a { background-position:16px -178px; }
#nav-company a { background-position:-240px 45px; }
#nav-contact a { background-position:-240px -55px; }
@media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}
@media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; }
.sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; }
}
@media screen { }
html { height:100%; }
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; height:100%; color:#323232; }
.hiring-tab { background-color:#128889; background-image:url(../i/were-hiring.png); background-position:100% 8px; background-repeat:no-repeat; padding:8px; width:20px; height:93px; position:fixed; left:-5px; top:150px; z-index:100; text-decoration:none; white-space:nowrap; overflow:hidden; text-indent:100%; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.hiring-tab:hover { background-color:#0b7475; left:0; }
p { margin:0 0 14px 0; line-height:20px; }
a { }
a:hover { color:#1B699D; }
hr { display:none; }
h1.title { font-weight:normal; color:#1B699D; font-size:35px; line-height:38px; text-shadow: 0px 0px 1px #1F79B6; height:40px; margin:0 0 3px 10px; }
#home h1.title { font-size:38px; line-height:42px; margin:0 0 3px 0; }
h2.title { font-size:25px; line-height:25px; height:25px; color:#6d6d6d; font-weight:normal; text-shadow: 0px 0px 1px #DBDBDB; margin-left:10px; }
#home h2.title { margin-left:0; }
#titles { margin-bottom:30px; }
#content a { color:#1B699D; }
#content a:hover { color:#464646; }
h1 abbr, h2 abbr, h3 abbr { border:0; outline:0; }
object,embed { outline:0; }
.thumb-loader { background-image:url(../i/ajax-loader-small.gif); background-position:center center; background-repeat:no-repeat; position:absolute; top:6px; left:10px; width:100px; height:72px; background-color:#fff; z-index:10; border:1px solid #fff !important; }
.work-notice { font-size:12px; color:#1B699D; margin-top:12px; line-height:16px; }
#container-content #grad { position:absolute; top:471px; top:552px; left:0; width:100%; z-index:100; }
#featured-projects { position:relative; height:434px; list-style:none; overflow:hidden; }
#featured-projects .project { position:absolute; top:0; left:0; z-index:5; display:none; }
.featured-images { float:left; padding:4px 4px 0 4px; margin:0 20px 0 0; background-image:url(../i/bg_project_holder.gif); background-position:0 0; background-repeat:no-repeat; height:430px; overflow:hidden; }
.project-viewer { border:10px solid #363636; width:653px; }
.project-holder { width:647px; border:3px solid #fff; position:relative; height:500px; }
.project-inner-shadow { background-image:url(../i/project_inner_shadow.png); background-position:top left; background-repeat:no-repeat; position:absolute; top:0; left:0; width:647px; height:421px; z-index:10; }
.project-images { width:646px; height:417px; list-style:none; overflow:hidden; position:relative; }
.project-images li { position:absolute; top:0; left:0; display:none; height:417px; width:646px; background-color:#fff; }
.project-images li.loading { background-image:url(../i/ajax-loader-large.gif); background-position:center 200px; background-repeat:no-repeat; }
.project-images li.loading img { display:none; }
.project-images .first { display:block; }
#container-thumbs { background-color:#fff; height:118px; }
#project-thumbs { width:1020px; width:986px; margin:0 auto; padding:16px 0; position:relative; }
#thumbnail-holder { height:86px; width:1015px; width:980px !important; overflow:hidden; position:relative; }
#thumbnails { list-style:none; position:relative; }
#thumbnails li { float:left; padding:0 4px; position:relative; border-right:1px solid #EBEBEB; }
#thumbnails li.last { border:0; }
#thumbnails li a { border:6px solid #C7C7C7; float:left; text-decoration:none; color:#323232; background-position:1px 1px; background-repeat:no-repeat; }
#thumbnails li a img { visibility:hidden; width:100px; height:72px; }
#thumbnails li span { float:left; width:100px; height:72px; overflow:hidden; border:1px solid #717171; cursor:pointer; }
#thumbnails li a:hover,#thumbnails li a.active { border-color:#6D6D6D; opacity:1.0; }
#thumbnails li a:hover span,#thumbnails li a.active span { border-color:#ADACA6; }
#thumbnails li a:hover img,#thumbnails li a.active img { visibility:visible; }
.control { width:25px; height:117px; text-decoration:none; position:absolute; top:0px; background-position:top left; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; outline-color:#eee; overflow:hidden; z-index:50; background-color:#fff; }
.control span { width:0; height:0; overflow:hidden; display:block; cursor:pointer; position:relative; top:49px; }
#thumbsPrev { left:-26px; padding-right:5px; }
#thumbsPrev span { border-right:10px solid #6D6D6D; border-top:10px solid #fff; border-bottom:10px solid #fff; left:14px; }
#thumbsNext { right:-25px; padding-left:5px; }
#thumbsNext span { border-left:10px solid #6D6D6D; border-top:10px solid #fff; border-bottom:10px solid #fff; }
.disabled { opacity:0.3; }
.enlarge { position:absolute;top:0;right:1px; width:50px; height:50px; background-image:url(../i/bg_enlarge.png); background-position:top left; background-repeat:no-repeat; text-decoration:none; text-indent:-9999px; overflow:hidden; outline:0; display:none; }
.project-info { width:300px; width:280px; padding-top:5px; float:right; }
.project-info a { color:#323232; }
.project-info a:hover { color:#1B699D; }
.services-list { list-style:disc; margin:0 0 15px 0; padding:0 0 0 22px; font-size:12px; font-size:16px; font-size:14px; }
.services-list li { margin:0 0 2px 0; }
.project-title h3 { font-size:36px; line-height:35px; font-weight:normal; color:#1b699d; margin:0 0 18px 0; text-shadow: 0px 0px 1px #1F79B6; clear:both; }
.project-links { list-style:none; margin:0 0 20px 0; height:11px; }
.project-links li { float:left; margin:0 4px 0 0; }
.project-links li a { float:left; width:9px; height:9px; background-color:#fff; border:1px solid #000; -webkit-border-radius: 6px; border-radius:6px; text-decoration:none; outline:0; overflow:hidden; }
.project-links li a:hover { background-color:#1F70A6; }
.project-links li a.active { background-color:#3A3A3A; }
.project-intro { font-size:18px; font-size:16px; font-size:14px; margin:0 0 6px 0; }
.project-intro p { line-height:18px; line-height:24px; line-height:20px; }
.project-services { font-size:13px; font-size:18px; font-size:16px; }
.project-services h4 { margin:0 0 10px 0; }
.service { padding:0 0 12px 14px; }
.service h2,.email-block h2,#clients h2,.privacy h2 { color:#31393D; font-size:25px; line-height:30px; margin:0 0 15px 0; font-weight:normal; text-shadow: 0px 0px 1px #aaa; background-image:url(../i/dual_stripe.gif); background-position: center center; background-repeat:repeat-x; }
.service h2 strong,.email-block h2 strong,#clients h2 strong,.privacy h2 strong { background-color:#F1F1F1; font-weight:normal; padding-right:6px; }
.service-info { width:335px; margin:0 35px 0 0; float:left; font-size:15px; }
.service-info p { line-height:30px; text-shadow: 0px 0px 1px #ccc; }
.service-info img { float:left; position:relative; top:9px; }
.service-lists { width:500px; float:left; }
.service-lists ul { width:230px; float:left; padding:7px 20px 0 0; font-size:18px; color:#387BA8; list-style:none; }
.service-lists ul li { padding:0 0 0 15px; background-image:url(../i/bullet_blue.gif); background-position:0 9px; background-repeat:no-repeat; margin:0 0 13px 0; line-height:22px; }
.service-quote { float:left; background-color:#518BB2; width:93px; padding:8px 5px; background-image:url(../i/bg_service_quote.gif); background-position:top left; background-repeat:no-repeat; height:222px; position:relative; top:-2px; }
.service-quote blockquote { margin:0; padding:0; color:#fff; font-size:12px; line-height:18px; text-align:center; }
#content .service-quote a { color:#fff; text-decoration:none; }
#content .service-quote a:hover { text-decoration:underline; }
.email-block { margin:0 0 20px 0; }
#reports { list-style:none; position:relative; float:left; width:475px; width:630px; }
#footnotes { list-style:none; font-size:11px; color:#777; margin:20px 0 0 15px; }
#footnotes li { margin:0 0 3px 0; }
#footnotes li:after { display:none; }
#footnotes a { color:#777; }
#reports li { display:none; }
#reports li.first { display:block; }
.report-image { padding:4px; background-color:#fff; border:1px solid #DBDBDB; }
.report-caption { padding:20px 7px 7px 9px; font-size:12px; }
.pointy,.pointy2 { display:none; }
.report-caption h4 { font-size:14px; font-weight:bold; margin:0 0 3px 0; }
#report-thumbs { list-style:none; float:right; width:400px; width:318px; }
#report-thumbs li { float:left; width:131px; height:130px; margin:0 0 15px 15px; }
#report-thumbs h4 { padding:6px 0 0 0; color:#174C82; font-size:12px; font-weight:bold; text-align:center; color:#717171; }
#report-thumbs .hover h4,#report-thumbs .active h4 { color:#174C82; }
#report-thumbs a { display:block; background-color:#fff; border:1px solid #DBDBDB; padding:2px; }
#report-thumbs a:hover,#report-thumbs .active a { background-color:#5688AE; border-color:#216295; }
#report-thumbs img { width:125px; height:100px; -ms-interpolation-mode:bicubic; }
#terms-conditions ul { padding:0 0 0 30px; }
#terms-conditions li { margin:0 0 6px 0; }
.email-details { float:left; width:325px; padding-top:20px; }
#pricing { width:362px; }
#includes { width:313px; }
#additional-options { width:295px; }
.email-details h3 { margin:0 0 8px 0; font-size:16px; }
.email-details ul { list-style:none; }
.email-details li { margin:0 0 6px 0; font-size:14px; font-size:13px; position:relative; }
.email-details li strong { font-size:14px; }
#email-table { }
.info { padding:4px 0 6px 0; font-size:12px; width:285px; line-height:15px; color:#545454; display:none; }
.email-details .tip { text-decoration:none; }
.info { position:absolute; z-index:10; padding:12px 15px 13px 15px; background-color:rgb(34,87,127); color:#fff; width:180px; left:-40px; bottom:28px; border:1px solid #1F3B50; display:none; }
.dip { border-top:14px solid rgb(34,87,127); border-left:16px solid rgba(34,87,127,0); border-right:16px solid rgba(34,87,127,0); position:absolute; bottom:-14px; left:40px; width:0; height:0; overflow:hidden; }
#request-demo { display:block; padding:20px 0 0 0; }
#request-demo a { width:192px; height:40px; display:block; background-image:url(../i/get_started.gif); background-position:top left; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
#request-demo a:hover { background-position:bottom left; }
#sample-gallery { width:280px; height:200px; list-style:none; border:3px solid #767676; background-color:#fff; position:relative; overflow:hidden; }
#sample-gallery li { width:280px; height:200px; position:absolute; top:0; left:0; }
#sample-gallery img { float:none; position:static; }
#process #content { padding-bottom:0; }
#process-steps { list-style:none; padding:8px 0 0 0; background-image:url(../i/bg_dotted.gif); background-position:top left; background-repeat:repeat-x; margin:0; }
#process-steps .step { float:left; width:25%; background-image:url(../i/1_2_3_4.gif); background-repeat:no-repeat; }
#process-links { list-style:none; }
.step h2 { padding:10px 10px 10px 15px; height:30px; line-height:30px; color:#31393D; font-size:25px; font-weight:normal; position:relative; margin:0 6px 10px 0; text-shadow: 0px 0px 1px #777; }
.point { border-left:15px solid #BDC0C1; border-right:15px solid #C9CBCC; border-top:25px solid #C9CBCC; border-bottom:25px solid #C9CBCC; width:0; height:0px; text-indent:-9999px; position:absolute;top:0;right:-21px; z-index:10; background-color:transparent; overflow:hidden; }
.num { background-color:#31393D; color:#fff; font-weight:normal; font-size:15px; float:left; width:22px; line-height:22px; text-align:center; -moz-border-radius:14px; -webkit-border-radius:16px; -o-border-radius:14px; border-radius:15px; font-family:Arial Black, Arial, Helvetica, sans-serif; text-shadow: 0px 0px 1px #999; position:relative; top:4px; margin:0 10px 0 0; }
.point span { }
#process-discovery { background-position:52px 188px; }
#process-discovery h2 { background-color:#BDC0C1; }
#process-design { background-position:-234px 188px; }
#process-design h2 { background-color:#C9CBCC; }
#process-design .num { }
#process-design h2 .point { border-color:#D6D7D8; border-left-color:#C9CBCC; }
#process-development { background-position:-482px 188px; }
#process-development h2 { background-color:#D6D7D8; }
#process-development .num { }
#process-development h2 .point { border-color:#E4E4E5; border-left-color:#D6D7D8; }
#process-deployment { background-position:-728px 188px; }
#process-deployment h2 { background-color:#E4E4E5; }
#process-deployment h2 .point { border-color:#F1F1F1; border-left-color:#E4E4E5; }
#process-deployment .num { }
.process-info { padding:4px 15px 0px 16px; background-image:url(../i/bg_vert_dots.gif); background-position:top right; background-repeat:repeat-y; height:327px; }
#process-deployment .process-info { background-image:none; }
.process-info ul { list-style:none; color:#1B699D; }
.process-info p { margin:0 0 14px 0; font-size:13px; color:#1a1a1a; line-height:22px; text-shadow:0 0 1px #CCCCCC;; }
.process-info ul li { margin:0 0 8px 0; font-size:13px; line-height:16px; }
#process-note { float:right; }
#form-info { width:572px; padding:15px 18px 20px 18px; background-color:#fff; float:left; border:1px solid #D6D6D6; min-height:400px; }
#map-info { width:340px; float:right; }
#map { width:328px; height:236px; background-color:#BFD8E8; border:5px solid #BFD8E8; overflow:hidden; }
#contact-info2 { padding:30px 0; }
#contact-info2 h3 { font-size:23px; font-weight:normal; color:#1B699D; text-shadow: 0px 0px 1px #4184B1; margin:0 0 10px 0; }
#form-info h2 { font-size:30px; font-weight:normal; color:#1B699D; text-shadow: 0px 0px 1px #4184B1; margin:0 0 10px 0; }
#clients { padding-top:20px; }
.client-list { list-style:none; width:200px; margin-right:50px; float:left; font-size:12px; }
.client-list li { margin:0 0 8px 0; color:#555; }
.client-list a { text-decoration:none; }
.client-list a:hover { text-decoration:underline; }
.client-list strong { }
.client-list:last-child,.client-list.last-child { margin:0; }
#container-404 { width:550px; margin:0 auto; padding-top:40px; }
#container-404 h1 { margin:0 0 30px 0; font-size:50px; line-height:48px; color:#1c6a9e; font-weight:bold; }
#container-404 p { font-size:24px; line-height:30px; color:#6e6e6e; margin:0 0 30px 0; }
#container-404 ul { list-style:none; font-size:24px; }
#container-404 li { margin:0 0 6px 0; }
#container-footer { padding:40px 0; color:#fff; border-top:1px solid #fff; }
#home #container-footer { border:0; }
#footer { width:1010px; width:980px; margin:0 auto; text-align:center; font-size:11px; color:#D4D4D4; }
#home-footer { width:1010px; width:980px; margin:0 auto; padding:0 0 30px 0; min-height:130px; }
#container-footer a { color:#fff; }
#container-footer a:hover { color:#D4D4D4; }
#sv-blurb { float:left; width:240px; font-size:11px; margin:0 30px 0 0; }
#sv-blurb p { line-height:18px; }
#sv-blurb h3 { background-image:url(../i/footer_logo.gif); width:123px; height:19px; background-position:top left; background-repeat:no-repeat; font-size:14px; text-indent:-9999px; margin:0 0 12px 0; }
#sv-logins { float:left; margin-right:30px; font-size:12px; }
.client-login { float:left; width:150px; margin:0 30px 0 0; font-size:11px; }
#foot-nav { list-style:none; float:left; font-size:11px; width:115px; }
#foot-nav li { margin:0 0 6px 0; }
#foot-nav li a { text-decoration:none; border-bottom:1px solid #747474; line-height:12px; float:left; }
#foot-address { list-style:none; float:left; font-size:11px; }
#foot-address li { margin:0 0 3px 0; padding:0 0 0 30px; background-image:url(../i/bg_address_icons.gif); background-position:-40px 0; background-repeat:no-repeat; }
#foot-address #address-location { background-position:0 3px; }
#foot-address #address-email { background-position:0 -33px; }
#foot-address #address-phone { background-position:0 -65px; }
.help { font-size:12px; text-shadow: none !important; color:#626262; text-align:center; }
#error-message { margin:10px 0 0 220px; font-weight:bold; color:#1B699D; background-color:#F1F1F1; padding:4px 14px; border-top:1px solid #D6D6D6; border-bottom:1px solid #E8E8E8; }
#error-message p { margin:0; }
.bullets { padding:0 0 0 24px; margin:0 0 20px 0; }
.bullets li { margin:0 0 10px 0; line-height:20px; }
#sv-blurb,#foot-nav,#foot-address { font-size:13px; }
#sv-blurb { width:300px; margin:0 40px 0 0; }
#home-footer h3 { background-image: url(../i/footer_logo.gif); width: 123px; height: 19px; background-position: top left; background-repeat: no-repeat; font-size: 14px; text-indent: -9999px; margin: 0 0 25px 0; position:relative; left:-2px; }
#sv-blurb p { line-height:24px; }
#foot-nav li a { border:0; background-color:#5c5c5c; padding:9px 16px; display:block; float:none; }
#foot-nav li a:hover { background-color:#305E80; }
#foot-nav { margin:0 40px 0 0; width:130px; }
#foot-map { float:left; margin:0 25px 0 0; padding:8px 8px 10px 0; background-image:url(../i/bg_map_shadow.png); background-position:top right; background-repeat:no-repeat; position:relative; top:-8px; }
.footer-map { width:248px; height:170px; }
.footer-map-wrapper { float:left; padding:1px; background-color:#BEBEBE; border:5px solid #fff; }
#foot-address li { background-image:none !important; padding-left:0; margin:0 0 9px 0; }
#container-footer { background-image:url(../i/bg_footer_shadow.jpg); background-position:0 0; background-repeat:repeat-x; }
#content { padding-top:55px; }