/* ----------[ RESET-FONTS-GRIDS ]---------- */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ /*reset.css*/body{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,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} /*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{_margin-left:1.2%;*margin-left:1.7%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{margin-left:2%;width:32%;float:right;*width:31.8%;}.yui-gb div.first{margin-left:0;*margin-right:1px;float:left;}.yui-gb .yui-gb div.first{*margin-right:0;width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first{float:left;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-gb .yui-gc .yui-u,.yui-g .yui-gc .yui-u{_float:right;width:32%;_width:29.9%;}.yui-gb .yui-gc div.first{width:66%;*width:64.5%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:1px;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{_width:48.1%;*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} /* ----------[ /RESET-FONTS-GRIDS ]---------- */ /* ----------[ CLEARFIX FLOAT FIX ]---------- */ .clrfx {zoom:1;} .clrfx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* ----------[ /CLEARFIX FLOAT FIX ]---------- */ /* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */ body {color: #222; text-align:center; background: #1c2e37 url(../gfx/bg.gif) 0 0 repeat-x; font-family:"Lucida Grande",Arial,Helvetica;} #custom-doc {width:960px; margin: 0 auto; padding:0; text-align:left;} a, a:visited {text-decoration: underline; color: #57b1cf; } a:hover {text-decoration: none; } /* ----------[ GLOBALHEADER STYLES ]---------- */ #hd {position: relative; margin: 0 auto; width: 960px; height: 85px; background:#3a5b69 url(../gfx/bg_hdr.gif) 0 0 repeat-x;} #bd {margin: 0; padding: 0;} /* ----------[ /GLOBALHEADER STYLES ]---------- */ /* ----------[ NAVIGATION STYLES ]---------- */ #nav {position: relative;} #nav a#logo {display: block; background: transparent url(../gfx/logo_ashburn.gif) 0 0 no-repeat; height: 80px; width: 225px; position: absolute; top:0px; left:0px; overflow:hidden; font-height:0px; font-size:0px;text-indent:-9999px;} #gnav {position: absolute; top:48px; right:30px; text-align: right;} #nav h4 {display:none;} #nav ul {margin:0; padding:0;} #nav ul li {float: left; margin: 0 5px; text-align:left; font-height:0px; font-size:0px; text-indent:-90000px;} #nav ul li a {display:block; height: 34px; color: #000; padding: 5px 0 0 12px; font-weight: normal; font-size: 100%; font-family: "Lucida Grande",Arial,Helvetica; text-decoration: none;} #nav ul li a.active {background: transparent url(../gfx/bg_nav.gif) 0 0 no-repeat; color:#ff0000;} #nav ul li.navon {} /* onstate */ #nav ul li a.mnu-hom:hover {background: transparent url(../gfx/m_home_on.gif) 0 0 no-repeat;} #nav ul li a.mnu-abt:hover {background: transparent url(../gfx/m_about_on.gif) 0 0 no-repeat;} #nav ul li a.mnu-sol:hover {background: transparent url(../gfx/m_solutions_on.gif) 0 0 no-repeat;} #nav ul li a.mnu-sup:hover {background: transparent url(../gfx/m_support_on.gif) 0 0 no-repeat;} #nav ul li a.mnu-clt:hover {background: transparent url(../gfx/m_clients_on.gif) 0 0 no-repeat;} #nav ul li a.mnu-prt:hover {background: transparent url(../gfx/m_partners_on.gif) 0 0 no-repeat;} .mnu-hom {width:90px; height:34px; background: transparent url(../gfx/m_home.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-abt {width:90px; height:34px; background: transparent url(../gfx/m_about.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-sol {width:90px; height:34px; background: transparent url(../gfx/m_solutions.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-sup {width:90px; height:34px; background: transparent url(../gfx/m_support.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-clt {width:90px; height:34px; background: transparent url(../gfx/m_clients.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-prt {width:90px; height:34px; background: transparent url(../gfx/m_partners.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-hom-on {width:90px; height:34px; background: transparent url(../gfx/m_home_on.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-abt-on {width:90px; height:34px; background: transparent url(../gfx/m_about_on.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-sol-on {width:90px; height:34px; background: transparent url(../gfx/m_solutions_on.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-sup-on {width:90px; height:34px; background: transparent url(../gfx/m_support_on.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-clt-on {width:90px; height:34px; background: transparent url(../gfx/m_clients_on.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-prt-on {width:90px; height:34px; background: transparent url(../gfx/m_partners_on.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #clnav {position: absolute; top:27; left:767px; text-align: right;} #clnav h4 {display:none;} #clnav ul {margin:0; padding:0;} #clnav ul li {float: left; margin: 0; text-align:left;} #clnav a {width: 116px; height: 27px; color: #000; padding: 0;} #clnav a:hover {background: transparent url(../gfx/m_client_login_on.gif) 0 0 no-repeat;} .mnu-cltlg {width:116px; height:27px; background: transparent url(../gfx/m_client_login.gif) 0 0 no-repeat;font-height:0px; font-size:0px; text-indent:-90000px;} /* ----------[ /NAVIGATION STYLES ]---------- */ /* ----------[ FOOTER STYLES ]---------- */ #ft {position: relative; margin:0; min-height: 185px; _height: 185px; width: 100%; color: #fff; background: #3a5b69 url(../gfx/bg_ft.gif) 0 0 repeat-x;} #ft a {color: #fff; text-decoration: none;} #ft .bd {padding:15px;} #ft p {padding-bottom: 10px; line-height: 20px;} #ft h2 {} #ft .sitemap {float:left; width:144px;} #ft .sitemap h2 {height: 31px; background: transparent url(../gfx/hd_map.gif) 0 0 repeat-x; font-height:0px; font-size:0px; text-indent:-90000px;} #ft .sitemap .bd {padding: 12px; } #ft .sitemap li {line-height: 20px; } #ft .about {float:left; width:257px; margin-left: 10px;} #ft .about h2 {height: 31px; background: transparent url(../gfx/hd_abt.gif) 0 0 repeat-x; font-height:0px; font-size:0px; text-indent:-90000px;} #ft .about .bd {padding: 12px; } #ft .about a {color: #57b1cf;} #ft .contact {float:left; width:257px; margin-left: 10px;} #ft .contact h2 {height: 31px; background: transparent url(../gfx/hd_con.gif) 0 0 repeat-x; font-height:0px; font-size:0px; text-indent:-90000px;} #ft .contact .bd {padding: 12px; } #ft .contact a {color: #57b1cf;} #ft .cred {float:left; width:240px; margin-left: 10px; border-left: 1px solid #101b31; min-height: 154px; _height: 154px;} #ft .cred h2 {height: 31px; font-height:0px; font-size:0px; text-indent:-90000px;} #ft .cred .bd {padding: 15px; } #ft .cred a {color: #57b1cf;} #ft .latest li {margin: 0; padding: 0 0 0 22px; background: url(../gfx/bullet_bl.gif) 0 .2em no-repeat; list-style: none;} #copy {position: relative; text-align: center; margin:auto; height: 54px; width: 100%; background: #263d47 url(../gfx/bg_copy.gif) 0 0 repeat-x; color: #fff; font-size: 85%;} #copy .bd {padding: 12px; padding-top: 20px;} #copy a {color: #57b1cf;} /* ----------[ /FOOTER STYLES ]---------- */ #main {margin: 0 auto; padding: 0; width: 960px; min-height:400px; _height:400px;} #main h2 {height: 18px; text-align: left; margin-bottom:8px;} #main .title {font-height:0px; font-size:0px;text-indent:-9999px;} #main .short-bio {position: relative; margin: auto; min-height:155px; _height:155px; background:transparent url(../gfx/bg_bio.gif) 0 0 repeat-x; color: #fff; font-size: 125%;} #main .short-bio .bd {font: normal 105% georgia, arial, verdana; color: #000; padding-left: 225px; padding-right: 20px; padding-top: 25px; padding-bottom: 25px; } #main .short-bio .bd p {margin-bottom: 10px;} #main .short-bio .bd a {color: #57b1cf;} #content {min-height:273px; _height:273px; background-color: #dddfe3;} #content .core {float:left; width: 100%; min-height: 272px; _height: 272px; background:#fff url(../gfx/bg_core.gif) 0 0 no-repeat;} #content .core h2 {margin: 0; padding: 10px 25px; font: normal 18px georgia, arial, verdana; color:#000;} #content .core h2 em {color: #428ada; font-weight: bold;} #content .core .bd {padding: 0 15px;} #content .core .bd p {margin-bottom:5px; } #content .core .eng {float:left; width: 342px; min-height: 202px ; _height: 202px; margin-left:10px; margin-top: 10px;} #content .core .eng h2 {height: 31px; background: transparent url(../gfx/hd_eng.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #content .core .eng .bd {padding: 0 10px; font: normal Geneva, Arial, Helvetica, sans-serif;} #content .core p {padding-bottom: 10px;} #content .core .sec {float:left; width: 342px; min-height: 202px ; _height: 202px; margin-left:10px; margin-top: 10px;} #content .core .sec h2 {height: 31px; background: transparent url(../gfx/hd_sec.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #content .core .sec .bd {padding: 0 10px; font: normal Geneva, Arial, Helvetica, sans-serif;} #main .crumbs {position: relative; margin: auto; min-height:36px; _height:36px; background:transparent url(../gfx/bg_crmb.gif) 0 0 repeat-x; } #main .crumbs .bd {padding: 10px; padding-left: 20px; font: 95% Geneva, Arial, Helvetica, sans-serif;} #main .crumbs .bd a {color: #428ada; text-decoration: none;} #main .crumbs .bd a.cur {color: #aaa;} #main .crumbs ul li {float: left;} #main .crumbs ul li a {margin: 0; margin-left: 10px; padding-left: 15px; text-align:left; background: url(../gfx/blt.gif) 0 .2em no-repeat;} #main .crumbs ul .hm {padding-left: 0; background: none;} #content .smnu {float:left; width: 172px; background: #dddfe3 url(../gfx/bg_smnu.gif) 0 0 repeat-x; min-height: 390px; _height: 390px;} #content .smnu h2 {margin: 0; background: transparent url(../gfx/t_why_we.gif) 0 0 no-repeat; height: 32px; color:#004556; font-height:0px; font-size:0px; text-indent:-90000px;} #content .smnu .bd {padding:30px 0 0 22px; line-height: 20px;} #content .smnu .bd a {color: #000; text-decoration: none; display: block; padding-left: 5px;} #content .smnu .bd a.cur {background-color: #eee;;} #content .smnu .bd a:hover {background-color: #eee;;} #content .smnu .bd li {line-height: 25px; border-bottom: 1px solid #ccc; border-top: 1px solid #eee;} #content .sect {float:left; width: 788px; background: #fff url(../gfx/bg_sect.gif) 0 0 repeat-x; min-height: 390px; _height: 390px;} #content .sect h1 {padding-left: 30px; padding-bottom: 12px; padding-top: 30px; font: normal 20px georgia, arial, verdana; color: #428ada;} #content .sect h2 {height: 22px; margin: 0 30px; padding: 0 10px; padding-top: 8px; font: normal 14px georgia, arial, verdana; color: #fff; background: #54717d url(../gfx/hd_sect.gif) 0 0 repeat-x;} #content .sect h3 {color: #192d35; height: 18px; border-bottom: 1px solid #428ada; margin: 10px 0 10px 0; font-weight: bold;} #content .sect h3 span {color: #999; font-size:90%; padding-left: 15px;} #content .sect .bd {padding:30px; padding-top: 14px; min-height: 250px; _height: 250px;} #content .sect p {padding-bottom: 15px;} #content .sect .bd ul {padding-bottom: 15px;} #content .sect .bd ul li{list-style:disc; margin-left:15px;} #content .sect .subnote {padding-top: 5px; color: #999; font-size: 90%;} #content .full {float:left; width: 960px; background: #fff url(../gfx/bg_sect.gif) 0 0 repeat-x; min-height: 390px; _height: 390px;} #content .full h1 {padding-left: 30px; padding-bottom: 12px; padding-top: 30px; font: normal 20px georgia, arial, verdana; color: #428ada;} #content .full h2 {height: 22px; margin: 0 30px; padding: 0 10px; padding-top: 8px; font: normal 14px georgia, arial, verdana; color: #fff; background: #387dca url(../gfx/hd_sect.gif) 0 0 repeat-x;} #content .full h3 {color: #192d35; height: 18px; border-bottom: 1px solid #428ada; margin: 10px 0 10px 0; font-weight: bold;} #content .full h3 span {color: #999; font-size:90%; padding-left: 15px;} #content .full .bd {padding:30px; padding-top: 14px; min-height: 250px; _height: 250px;} #content .full p {padding-bottom: 15px;} #content .full .bd ul {padding-bottom: 15px;} #content .full .bd ul li{list-style:disc; margin-left:15px;} #content .full .subnote {padding-top: 10px; color: #999; font-size: 90%;} #content .quote {float:left; width: 200px; margin-left:30px; background: transparent url(../gfx/bg_quote.gif) 0 0 no-repeat; color: #9bcc7a; min-height:360px; _height:360px;} #content .quote h2 {margin: 0; height: 24px; color:#fff; font-height:0px; font-size:0px; text-indent:-90000px;} #content .quote .bd {padding:20px; padding-top: 30px; font-size: 135%; line-height: 21px; font-family:"Times New Roman", Times, serif;} #content .quote .bd h3 {font-weight: bold; color:#555; margin-bottom:5px; } #content .contact {float:left; margin-bottom: 20px; width: 960px; min-height: 423px; _height: 423px; color: #fff; background: transparent url(../gfx/bg_contact.gif) right 0 no-repeat;} #content .contact .bd {width: 520px;} #content .contact .bd p {margin-bottom: 10px; } #content .contact .bd h3 {font-weight: bold; color:#e3d99b; margin-top: 20px; margin-bottom:10px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:125%; } #content .contact ul li {} /* margin-left:15px; padding-left:5px; text-align: left; list-style-type:disc; */ #content .templates {float:left; margin-bottom: 20px; width: 960px; min-height: 423px; _height: 423px; color: #fff;} #content .templates .bd {} #content .templates .bd .lookup {float: left; width: 250px; padding-top: 20px;} #content .templates .bd .collection {float: left; width: 600px; } #content .templates .bd p {margin-bottom: 10px; } #content .templates .bd h3 {font-weight: bold; color:#e3d99b; margin-top: 20px; margin-bottom:10px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:125%; } .list_caption {font-weight:bold; line-height: 2.5em;} /* ----------[ PIC/INFO PAGE STYLES ]---------- */ #main .lgrt {float: right; width:374px;} #main .smlt {width: 456px;} .st-globe {position: absolute; top:15px; left: 40px; width: 192px; height: 155px; text-align: right; background: transparent url(../gfx/st_globe.gif) 0 0 no-repeat;} .st-blocks {background: transparent url(../gfx/st_blocks.gif) right bottom no-repeat;} /* ----------[ /PIC/INFO PAGE STYLES ]---------- */ .list li{ margin: 0; padding: 0 0 0 22px; background: url(../gfx/bullet.gif) 0 .2em no-repeat; list-style: none; } .skill {font-style:italic;} .lg {font-size:125%;} .impt { border-bottom:1px dotted #444;} .icn-pushpin {background: transparent url(/gfx/icn_pushpin.gif) no-repeat; padding-left:15px;} .partners {width:500px;} .thmb-partner {float:left; height:60px; margin-right:15px;}