@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
* {margin:0;padding:0;border:0}
ul li{list-style:none}
body, html, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr 
{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}

td {vertical-align:top}

/*----- Core Elements -----*/
#mainBody_blue{background:url(../images/bg_blue.gif) repeat 0 0}
#mainBody_gray{background:url(../images/bg_gray.gif) repeat 0 0}
#mainBody_green{background:url(../images/bg_green.gif) repeat 0 0}
#mainBody_mustard{background:url(../images/bg_mustard.gif) repeat 0 0}
#mainBody_magenta{background:url(../images/bg_magenta.gif) repeat 0 0}
#wysiwygBody{background:#fff}
#siteWrap{width:950px;margin-right:auto;margin-left:auto}
#siteWrap2{background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:5px 0 25px 0 }
#homeContent{background:url(../images/horizontal_rule.gif) repeat-y 475px 0}
.threeCol #contentWrap{background:#fff url(../images/bg_3col.gif) repeat-y 0 0}
.twoCol #contentWrap{background:#fff url(../images/bg_2col.gif) repeat-y 0 0}
.landing #contentWrap{background:#fff url(../images/bg_landing.gif) repeat-y 0 0}
.clearFloats{clear:both}
#printHeader{display:none}
#leftCol{width:215px;margin-right:21px;float:left;padding-top:20px;overflow:hidden}
#content{min-height:480px;padding-bottom:30px;display:block}
.threeCol #content{width:475px;float:left;padding-top:18px;padding-right:22px;overflow:hidden}
.twoCol #content{width:692px;float:left;padding-top:18px;padding-right:22px;overflow:hidden}
.landing #content{width:430px;float:left;padding-top:30px;padding-right:22px;overflow:hidden}
#rightCol{width:190px;float:left;overflow:hidden}
.nobr{white-space:nowrap}
td{empty-cells:show}
.photoright{padding:0px 0px 10px 20px;float:right}
.photoleft{padding:0px 20px 10px 0px;float:left}
.phototreatment{}

/*----- Text Styles -----*/

body, .text {font-family: myriad-pro, verdana, sans-serif;font-style: normal;font-weight: 300;font-size:15px;line-height:1.55em;color:#7f7f7f}
body, .text, th{text-align:left}
#content, table{font-size:1em}

a {color:#b78823;text-decoration:none}
a:hover, a:active {color:#f03c5e;text-decoration:none}

p, h1, h2, h3, h4, hr, #content ul, #contentEditor ul, blockquote, dd{margin-bottom:10px}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{font-weight:normal;font-family:myriad-pro, Verdana, Geneva, sans-serif;font-weight:300;line-height:1.2em}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt, .blogTips li strong{color:#31659b}

em, i{ font-style:italic}
b, strong{font-weight:bold}
hr, .borderTop, dt{background:url(../images/horizontal_rule.gif) repeat-x 0 top;border:none;margin-top:10px}
hr{padding-top:1px}
.borderTop, dt{padding-top:6px}
hr{height:0px;margin-top:10px}
h1{font-size:1.3em;margin-bottom:10px;font-weight:400}
h2{font-size:1.15em;color:#5a84af}
#content p + h2, #content ul + h2, table+h2 {margin-top:20px}
h3{font-size:1.08em;margin-bottom:7px;color:#5a84af}
h4, th{font-size:1.04em;color:#5a84af}
h5, h6, h7, h8, h9{font-size:1.01em;margin:0px 0px 0px 0px;color:#5a84af}
#content ul li, #contentEditor ul li{background:url(/images/icons/16x16/bullet.gif) no-repeat 5px 2px;margin-top:3px;padding-left:20px; color:#333; margin-top:5px; line-height:1.3}
#content ol, #contentEditor ol{margin-left:20px}
#content ul li ul li, #contentEditor ul li ul li{background:url(/images/icons/16x16/bullet-gray.gif) no-repeat -5px -2px;margin-top:3px;padding-left:10px; color:#333; margin-top:2px; font-size:.92em; line-height:1.4em}
#content ul li ul li a, #contentEditor ul li ul li a{color:#666}
#content ul li ul li a:hover, #contentEditor ul li ul li a:hover{color:#f03c5e}
#content ul li ul li ul li a, #contentEditor ul li ul li ul li a{color:#999}
#content ul li ul li ul, #contentEditor ul li ul li ul{margin-bottom:0}
#content ul li ul li ul li a:hover, #contentEditor ul li ul li ul li a:hover{color:#f03c5e}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

header{height:64px;padding-top:0;display:block;}
article header{height:auto;background:none;margin:0;padding:0}
.logo{float:left;margin:0 16px 0 0;height:64px;width:200px}
.tagline{float:left;margin:20px 0 0 0}

.homeLeft{width:476px;float:right}
.homeRight{width:439px;margin-left:35px;float:right}

.landingNav{width:359px;margin-right:100px;padding-top:15px;padding-bottom:30px;float:left; font-size:.9em;line-height:1.3em}
.category { padding-left:65px; font-style:italic; padding-top:15px}
.landingNav .borderTop{background:url(../images/horizontal_rule.gif) repeat-x 0 0;border:none; margin:5px 0 0; padding:5px 0 0}
#content .clientList ul li.clientName {background:url(../images/icons/16x16/bullet.gif) no-repeat 0 1px; color:#999}
.landingNav ul li{margin-top:10px}
.landingNav a{background-position:-12px 0;background-repeat:no-repeat;width:359px;display:block;color:#666;cursor:pointer;-webkit-transition: background-position 100ms linear;-moz-transition: background-position 100ms linear;-o-transition: all 100ms linear;transition: background-position 100ms linear}
.landingNav a:hover, .landingNav a:active{color:#000;background-position:0 0;cursor:pointer}
.landingNav a .title{font-size:1.2em;line-height:1.3em;color:#31659b}
.landingNav a:hover .title, .landingNav a:active .title{color:#f03c5e}
.landingNav a .arrow{color:#fff}
.landingNav a:hover .arrow, .landingNav a:active .arrow{color:#f03c5e}

.ongoing {}

#mainBody_blue .landingNav a{}
#mainBody_blue .landingNav a{background-image:url(../images/navigation/notch_blue.gif)}
#mainBody_green .landingNav a:hover, .landingNav a:active{background-image:url(../images/navigation/notch_green.gif)}
#mainBody_gray .landingNav a:hover, .landingNav a:active{background-image:url(../images/navigation/notch_gray.gif)}
#mainBody_mustard .landingNav a:hover, .landingNav a:active{background-image:url(../images/navigation/notch_mustard.gif)}
#mainBody_magenta .landingNav a:hover, .landingNav a:active{background-image:url(../images/navigation/notch_magenta.gif)}

.landingNav a .bg, {padding:4px 0 0 95px;width:264px;display:block;background-image:url(../images/icons/custom/generic.gif);background-repeat:no-repeat;background-position:60px 0}
.landingNav a:hover .bg{background-image:url(../images/icons/custom/generic_hover.gif)}

.bg {padding:4px 0 0 95px;width:264px;display:block;background-image:url(../images/icons/custom/generic.gif);background-repeat:no-repeat;background-position:60px 0}

.job {color:#31659b; padding:5px 0 0 68px; font-size:1.3em}
.landingNav .job span {display:block; padding-top:10px;color:#B78823}

.landingNav a .history{background-image:url(../images/icons/custom/history.gif)}
.landingNav a:hover .history, .landingNav a:active .history{background-image:url(../images/icons/custom/history_hover.gif)}
.landingNav a .vision{background-image:url(../images/icons/custom/vision.gif)}
.landingNav a:hover .vision, .landingNav a:active .vision{background-image:url(../images/icons/custom/vision_hover.gif)}
.landingNav a .press{background-image:url(../images/icons/custom/news.gif)}
.landingNav a:hover .press, .landingNav a:active .press{background-image:url(../images/icons/custom/news_hover.gif)}
.landingNav a .blogNav{background-image:url(../images/icons/custom/blog.gif)}
.landingNav a:hover .blogNav, .landingNav a:active .blogNav{background-image:url(../images/icons/custom/blog_hover.gif)}
.landingNav a .testimonials{background-image:url(../images/icons/custom/testimonials.gif)}
.landingNav a:hover .testimonials, .landingNav a:active .testimonials{background-image:url(../images/icons/custom/testimonials_hover.gif)}
.landingNav a .giving{background-image:url(../images/icons/custom/giving.gif)}
.landingNav a:hover .giving, .landingNav a:active .giving{background-image:url(../images/icons/custom/giving_hover.gif)}
.landingNav a .associations{background-image:url(../images/icons/custom/associations.gif)}
.landingNav a:hover .associations, .landingNav a:active .associations{background-image:url(../images/icons/custom/associations_hover.gif)}
.landingNav a .accolades{background-image:url(../images/icons/custom/accolades.gif)}
.landingNav a:hover .accolades, .landingNav a:active .accolades{background-image:url(../images/icons/custom/accolades_hover.gif)}
.landingNav a .philosophy{background-image:url(../images/icons/custom/philosophy.gif)}
.landingNav a:hover .philosophy, .landingNav a:active .philosophy{background-image:url(../images/icons/custom/philosophy_hover.gif)}


.landingNav a .process{background-image:url(../images/icons/custom/process.gif)}
.landingNav a:hover .process, .landingNav a:active .process{background-image:url(../images/icons/custom/process_hover.gif)}
.landingNav a .programs{background-image:url(../images/icons/custom/programs.gif)}
.landingNav a:hover .programs, .landingNav a:active .programs{background-image:url(../images/icons/custom/programs_hover.gif)}
.landingNav a .vantage{background-image:url(../images/icons/custom/vantage.gif)}
.landingNav a:hover .vantage, .landingNav a:active .vantage{background-image:url(../images/icons/custom/vantage_hover.gif)}
.landingNav a .focus{background-image:url(../images/icons/custom/focus.gif)}
.landingNav a:hover .focus, .landingNav a:active .focus{background-image:url(../images/icons/custom/focus_hover.gif)}
.landingNav a .exposure{background-image:url(../images/icons/custom/exposure.gif)}
.landingNav a:hover .exposure, .landingNav a:active .exposure{background-image:url(../images/icons/custom/exposure_hover.gif)}

.landingNav a .ongoing{background-image:url(../images/icons/custom/ongoing.gif)}
.landingNav a:hover .ongoing, .landingNav a:active .ongoing{background-image:url(../images/icons/custom/ongoing_hover.gif)}

.landingNav a .consulting{background-image:url(../images/icons/custom/strategic_consulting.gif)}
.landingNav a:hover .consulting, .landingNav a:active .conslting{background-image:url(../images/icons/custom/strategic_consulting_hover.gif)}
.landingNav a .media{background-image:url(../images/icons/custom/interactive_media.gif)}
.landingNav a:hover .media, .landingNav a:active .media{background-image:url(../images/icons/custom/interactive_media_hover.gif)}
.landingNav a .tech{background-image:url(../images/icons/custom/web_technologies.gif)}
.landingNav a:hover .tech, .landingNav a:active .tech{background-image:url(../images/icons/custom/web_technologies_hover.gif)}
.landingNav a .marketing{background-image:url(../images/icons/custom/internet_marketing.gif)}
.landingNav a:hover .marketing, .landingNav a:active .marketing{background-image:url(../images/icons/custom/internet_marketing_hover.gif)}
.landingNav a .advertising{background-image:url(../images/icons/custom/advertising.gif)}
.landingNav a:hover .advertising, .landingNav a:active .advertising{background-image:url(../images/icons/custom/advertising_hover.gif)}
.landingNav a .design{background-image:url(../images/icons/custom/graphic_design.gif)}
.landingNav a:hover .design, .landingNav a:active .design{background-image:url(../images/icons/custom/graphic_design_hover.gif)}
.landingNav a .copy{background-image:url(../images/icons/custom/copywriting.gif)}
.landingNav a:hover .copy, .landingNav a:active .copy{background-image:url(../images/icons/custom/copywriting_hover.gif)}
.landingNav a .pr{background-image:url(../images/icons/custom/public_relations.gif)}
.landingNav a:hover .pr, .landingNav a:active .pr{background-image:url(../images/icons/custom/public_relations_hover.gif)}


.landingBottom{width:800px;padding-left:54px;margin:60px 0 20px 0;float:left;clear:both}
.landingBottom .contentButtons{float:left;margin:0 175px 0 0}
.landingBottom #linkBar{float:left;margin-top:7px}

#linkBar_home{font-size:1.09em;color:#31659b;margin-top:30px;float:left;clear:both;width:385px}
#linkBar{font-size:1.09em;color:#31659b;margin-top:50px}
#linkBar a, #linkBar_home a{text-decoration:none;color:#31659b}
#linkBar a:hover, #linkBar a:active, #linkBar_home a:hover, #linkBar_home a:active{text-decoration:none;color:#f03c5e}
#linkBar img, #linkBar_home img{margin-right:6px;margin-bottom:-2px}

.contentButtons{margin:40px 0 10px 0}
.contentButtonsHome{float:left;margin:20px 0 0 0}
.contentButtons img, .contentButtonsHome img{margin-right:5px}

.resizeSmall{font-size:9px}
.resizeMedium{font-size:12px}
.resizeLarge{font-size:15px}


/*----- Navigation -----*/

#t0{width:700px;color:#ccc;font-size:10px;line-height:10px;float:right;text-align:right}
#t0 a{text-decoration:none;color:#999}
#t0 a:hover, #tier0 a:active{color:#666}
#t0 a.on{text-decoration:none;color:#666}

#t1{float:right;margin-top:29px;}
#t1 li{float:left;margin-right:8px;line-height:1.5em}
#t1 a {height:30px;display:block;padding:7px 13px 3px 13px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;float:left;color:#fff;text-decoration:none;cursor:pointer;font-size:16px}
#t1 a:hover, #t1 a:active{background:#fff url(../images/navigation/Tier1_hover.gif) no-repeat center 35px;color:#31659B}
#t1 a.on{height:30px;padding:7px 13px 3px 13px;float:left;background:#fff url(../images/navigation/Tier1_on.gif) no-repeat center 35px;text-decoration:none;color:#666}
#t1 li ul{position:absolute;background:transparent url(/images/menu_background.png) repeat-y 0px 0px;font-size:12px;line-height:14px}
#t1 li ul li{float:none;display:block}
#t1 li ul li a{padding:2px 4px;color:#fff;text-decoration:none}
#t1 li ul li a:hover, #t1 li ul li a:active{color:#26350c;background:#fff}

.sidenav li{display:inline}
.sidenav li a{background-repeat:no-repeat; background-position: -12px 0;width:168px;padding:3px 10px 4px 37px;text-decoration:none;color:#999;display:block;-webkit-transition: background-position 100ms linear;-moz-transition: background-position 100ms linear;-o-transition: background-position 100ms linear;transition: background-position 100ms linear}
.sidenav li a span{color:#fff}
.sidenav li a:hover{background-position: -6px 0;color:#333}
.sidenav li a:hover span, .sidenav li a:active span, .sidenav li.on a span{color:#f03c5e}
.sidenav li.on a{background-repeat:no-repeat; background-position: 0 0;color:#31659b}
#mainBody_blue .sidenav li a{background-image:url(/images/navigation/notch_blue.gif);color:#31659b}
#mainBody_green .sidenav li a{background-image:url(/images/navigation/notch_green.gif);color:#31659b}
#mainBody_gray .sidenav li a{background-image:url(/images/navigation/notch_gray.gif);color:#31659b}
#mainBody_mustard .sidenav li a{background-image:url(/images/navigation/notch_mustard.gif);color:#31659b}
#mainBody_magenta .sidenav li a{background-image:url(/images/navigation/notch_magenta.gif);color:#31659b}

.sidenav li.on ul{margin:3px 0}
#mainBody_blue .sidenav li.on ul li a, #mainBody_green .sidenav li.on ul li a, #mainBody_gray .sidenav li.on ul li a, #mainBody_mustard .sidenav li.on ul li a, #mainBody_magenta .sidenav li.on ul li a{width:136px;padding:3px 20px 3px 59px;text-decoration:none;color:#999;display:block;background:url(../images/navigation/Tier2_off.gif) no-repeat 52px 6px;font-size:13px;line-height:14px}
#mainBody_blue .sidenav li.on ul li a:hover, #mainBody_blue .sidenav li ul li a:active, #mainBody_green .sidenav li.on ul li a:hover, #mainBody_green .sidenav li ul li a:active, #mainBody_gray .sidenav li.on ul li a:hover, #mainBody_gray .sidenav li ul li a:active, #mainBody_mustard .sidenav li.on ul li a:hover, #mainBody_mustard .sidenav li ul li a:active, #mainBody_magenta .sidenav li.on ul li a:hover, #mainBody_magenta .sidenav li ul li a:active{color:#000;font-size:13px;line-height:14px}
#mainBody_blue .sidenav li.on ul li.on a, #mainBody_green .sidenav li.on ul li.on a, #mainBody_gray .sidenav li.on ul li.on a, #mainBody_mustard .sidenav li.on ul li.on a, #mainBody_magenta .sidenav li.on ul li.on a{color:#31659b;background:url(../images/navigation/Tier2_hover.gif) no-repeat 52px 6px;font-size:13px;line-height:14px}

footer{padding:35px 0 20px 0;width:950px;color:#adc1d7;font-size:.95em;line-height:1.3em;float:left;clear:both;}
footer div{float:left;padding-top:5px}
footer div.copy{margin-right:50px;border-right:1px dotted #97b0cb;padding:5px 47px 5px 0;width:427px}
footer div.copy span{margin-bottom:10px;display:block}
footer a{color:#fff;-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
footer a:hover, footer a:active{color:#ffd200}
footer a.on{text-decoration:none;color:#ffd200}
#mainBody_mustard footer, #mainBody_green footer{color:#5a84af}
#mainBody_mustard footer a:hover, #mainBody_mustard footer a:active, #mainBody_green footer a:hover, #mainBody_green footer a:active{ color:#f03c5e;}
#mainBody_mustard footer a.on, #mainBody_green footer a.on{text-decoration:none;color:#f03c5e}

#fatFooter { border-collapse:collapse;width:100%;margin:0 0 10px 0;border-bottom:1px dotted #83a3c3}
#fatFooter td{padding:0 15px 15px 0;line-height:16px}
#fatFooter td+td{border-left:0;padding-left:0;padding-right:20px}
#fatFooter td+td+td{border-left:1px dotted #83a3c3;padding-left:30px;padding-right:0px}
#fatFooter td+td+td+td{border-left:0;padding-left:20px;padding-right:20px}
#fatFooter td+td+td+td+td{border-left:1px dotted #83a3c3;padding-left:30px;padding-right:0px;line-height:20px}
#fatFooter ul{margin:3px 0 0 0}
#fatFooter li{display:inline}
#fatFooter img{position:relative;bottom:-3px;margin-right:4px}
#fatFooter span{color:#adc1d7}
#fatFooter a{display:block;margin-bottom:3px}
#fatFooter td+td+td+td+td ul{margin:1px 0 0}
#fatFooter td+td+td+td+td a{margin-bottom:1px}
#fatFooter li a span{width:16px;height:16px;overflow:hidden;margin-right:4px;float:left;background-image:url(../images/footer/ftr_icns.png);background-repeat:no-repeat;display:block;opacity:0.35;filter:alpha(opacity=35);-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
#fatFooter li a:hover span{opacity:1;filter:alpha(opacity=100)}
#fatFooter li a span.share{background-position:0 0}
#fatFooter li a span.fb{background-position:0 -16px}
#fatFooter li a span.twit{background-position:0 -32px}
#fatFooter li a span.li{background-position:0 -48px}
#fatFooter li a span.blg{background-position:0 -64px}
#fatFooter li a span.nws{background-position:0 -80px}
#fatFooter li a span.login{background-position:0 -96px}
#fatFooter li a span.search{background-position:0 -112px}
#fatFooter li a span.mc{background-position:0 -128px}
#fatFooter li a span.bi{background-position:0 -144px}
#fatFooter li a span.wd{background-position:0 -160px}
#fatFooter li a span.im{background-position:0 -176px}
#fatFooter li a span.sm{background-position:0 -192px}
#fatFooter li a span.gd{background-position:0 -208px}
#fatFooter li a span.cw{background-position:0 -224px}
#fatFooter li a span.ad{background-position:0 -240px}
#fatFooter li a span.tel{background-position:0 -256px}
#fatFooter li a span.email{background-position:0 -272px}
#fatFooter li a span.empty{background:none}
#fatFooter li a span.nobg{background:none;float:none;width:auto;height:auto;color:#adc1d7;margin:0;opacity:1;filter:alpha(opacity=100);display:inline}
#fatFooter address{float:left;margin-right:40px;min-width:140px}
#fatFooter address + address{margin-right:0}


/*----- Forms -----*/

.formBox, .formTextarea{border:1px solid #ccc;font-size:11px;line-height:13px;color:#666666;background:transparent url(/images/formboxBG.gif) no-repeat 0 0}
.formBox{padding: 2px 3px;background-color:#fff}
.formBox:focus, .formTextarea:focus{background-color:#FFC}
.formTextarea{padding: 2px 0px;background-color:#fff}
.formSelect{padding:0;border:1px solid #ccc;font-size:11px;line-height:13px}
.formSelect option{padding:0 3px}
.formButton{padding:3px 5px;background:#31659b;cursor:pointer;color:#fff;font-size:11px;line-height:13px;border:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
.formButton:hover{background-color:#f03c5e;border:none;color:#fff}
.subjClass { visibility: hidden; width:1px; height:1px; }
.formButton.bulky{padding:8px 10px; font-size:1.5em;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
p.bulky{padding-left:20px}
p.bulky label{font-size:1.2em; margin:0 0 10px;color:#31659b;-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
p.bulky label:hover{color:#f03c5e}
p.bulky label:first-child{margin-top:10px}
p.bulky span{position:relative; bottom:2px}


/*----- Custom -----*/
#mainBody_blue .welcome{padding:27px 36px 15px 55px;float:left;background:url(../images/navigation/notch_blue.gif) no-repeat 0 23px}
#mainBody_gray .welcome{padding:27px 36px 0 55px;float:left;background:url(../images/navigation/notch_gray.gif) no-repeat 0 23px}
#mainBody_green .welcome{padding:27px 36px 0 55px;float:left;background:url(../images/navigation/notch_green.gif) no-repeat 0 23px}
#mainBody_mustard .welcome{padding:27px 36px 0 55px;float:left;background:url(../images/navigation/notch_mustard.gif) no-repeat 0 23px}
#mainBody_magenta .welcome{padding:27px 36px 0 55px;float:left;background:url(../images/navigation/notch_magenta.gif) no-repeat 0 23px}
#content .links {margin:0 0 0 40px}
.links{width:383px;padding:30px 0 30px 0;margin:0 36px 0 55px;float:left;background:url(../images/horizontal_rule.gif) repeat-x 0 bottom;clear:both}
.links ul.left{float:left;margin-right:20px;width:207px}
.links ul.right{float:left;width:150px}
.links ul li, #content .links ul li{margin-top:10px;background:none;padding:0}
.links ul li a:link, .links ul li a:visited{width:151px;padding:8px 0 8px 40px;color:#31659b;background-repeat:no-repeat;background-image:url(../images/home/svcs.gif)}

.links ul li a.advertising:link, .links ul li a.advertising:visited{background-position:0 -420px}
.links ul li a.design:link, .links ul li a.design:visited{background-position:0 -300px}
.links ul li a.copy:link, .links ul li a.copy:visited{background-position:0 -360px}
.links ul li a.pr:link, .links ul li a.pr:visited{background-position:0 -240px}
.links ul li a.tech:link, .links ul li a.tech:visited{background-position:0 -120px}
.links ul li a.media:link, .links ul li a.media:visited{background-position:0 -60px}
.links ul li a.consulting:link, .links ul li a.consulting:visited{background-position:0 0}
.links ul li a.marketing:link, .links ul li a.marketing:visited{background-position:0 -180px}

.links ul li a:hover, .links ul li a:active{color:#f03c5e}
.links ul li a.advertising:hover, .links ul li a.advertising:active{background-position:0 -450px}
.links ul li a.design:hover, .links ul li a.design:active{background-position:0 -330px}
.links ul li a.copy:hover, .links ul li a.copy:active{background-position:0 -390px}
.links ul li a.pr:hover, .links ul li a.pr:active{background-position:0 -270px}
.links ul li a.tech:hover, .links ul li a.tech:active{background-position:0 -150px}
.links ul li a.media:hover, .links ul li a.media:active{background-position:0 -90px}
.links ul li a.consulting:hover, .links ul li a.consulting:active{background-position:0 -30px}
.links ul li a.marketing:hover, .links ul li a.marketing:active{background-position:0 -210px}

.promo{padding-top:35px}
.promo h2{padding-top:35px; margin:0; font-size:1.9em}
.promo img {float:left; padding:0 35px 0 0px; margin:0}

.news{padding-top:35px;background:url(../images/horizontal_rule.gif) repeat-x 0 bottom}
.news, .blog{padding-bottom:25px;width:385px;float:left;clear:both}
.news h2{margin-bottom:0}
.news h2 a:link, .news h2 a:visited{margin-bottom:5px;color:#31659b}
.news h2 a:hover, .news h2 a:active{color:#f03c5e}
.news h2>span{float:right;font-size:14px;color:#d6e0eb}
.news ul li a{width:385px;float:left;clear:both;margin-top:12px;cursor:pointer}
.news ul li a span.date{width:77px;float:left}
.news ul li a:link span.linkText, .news ul li a:visited span.linkText{float:right;width:298px;color:#31659b}
.news ul li a:hover span.linkText, .news ul li a:active span.linkText{color:#f03c5e}
.news ul li a:link em, .news ul li a:visited em{color:#7F7F7F}
.news ul li a:hover em, .news ul li a:active em{color:#000}
.news ul li a:link, .news ul li a:visited{color:#f03c5e}
.news ul li a:hover, .news ul li a:active{color:#31659b}

.blog{padding-top:25px}
.blog p{margin-top:15px}
.blog .title:link, .blog .title:visited{line-height:1.1em;color:#31659b;display:block}
.blog .title:hover, .blog .title:active{color:#f03c5e}
.blog h2+p{margin-top:-10px}
.news h2 a:link span, .blog .title:link span, .blog .tips:link span, .news h2 a:visited span, .blog .title:visited span, .blog .tips:visited span{color:#f03c5e}
.news  h2 a:hover span, .blog .title:hover span, .blog .tips:hover span, .news h2 a:active span, .blog .title:active span, .blog .tips:active span{color:#000}
.blog .date{}
.blog .tips:link, .blog .tips:visited{color:#31659b}
.blog .tips:hover, .blog .tips:active{color:#f03c5e}
.blog .rss{float:right;}

.callout-screen{float:right;clear:right;width:200px;margin:5px 0 20px 35px;background:url(/images/vertical_rule.gif) repeat-y 0 0}
.callout-screen-img{padding-left:20px}
.callout-screen-text{padding:0 0 0 10px;font-style:italic;font-size:.9em;line-height:1.2em;color:#999}
#content .callout-screen-text ul li{background:url(/images/icons/16x16/bullet.gif) no-repeat 5px -1px;margin-top:2px}
#content .callout-screen-text ul{margin:0;}

.callout1{padding:20px 0 70px 20px}
.callout1Text{color:#31659b;line-height:1.2em;padding:0 0 15px 3px; clear:both;line-height:1.4em;font-style:italic}

a.callout1{font-style:italic;display:block;padding:20px 0 20px 20px;line-height:1.4;color:#31659b;-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
a.callout1:hover{color:#1d467c}
a.callout1 span{display:block;width:99px;height:25px;background:url(/images/buttons/start_here.gif) no-repeat 0 0;margin-top:10px}
a.callout1 span span{display:block;width:99px;height:25px;background:url(/images/buttons/start_here.gif) no-repeat 0 -25px;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
a.callout1:hover span span{opacity:1;filter:alpha(opacity=100)}
#content a.callout1{padding-left:0;margin-top:30px;background:url(/images/horizontal_rule.gif) repeat-x 0 0}



.callout2{padding:20px 0 20px 20px;width:160px}
.callout2 a, .callout2 a img{line-height:0}
.callout2Text{font-style:italic;font-size:.9em;line-height:1.2em;color:#999;padding:0 0 0 9px}
.callout2Text ul{margin:10px 0}
.callout2Text ul li{background:url(/images/icons/16x16/bullet.gif) no-repeat -6px -3px;margin-top:1px;padding-left:9px}
.callout2Text a:link, .callout2Text a:visited{color:#31659b}
.callout2Text a:hover, .callout2Text a:active{color:#f03c5e}
.callout2Text a span{color:#f03c5e;font-style:normal}

.callout_4icons {padding:20px 0 15px 20px;width:160px;background:url(../images/horizontal_rule.gif) repeat-x 0 0}  


.pageHeaders{background:#fff;padding:20px 25px 0 25px;width:900px;line-height:0}
.flash{padding:20px 0 0 25px;width:925px;line-height:0}
#Alert{position:absolute;z-index:9996;width:100%;overflow:hidden;text-align:center;left:0;padding-top:6px;background-color:#ADC1D7;color:#1D467C;font-size:12px;line-height:14px;opacity:0.8;filter:alpha(opacity=80)}

.calloutIcon { background-repeat:no-repeat;background-position:0 0;padding-left:35px; padding-top:6px}
.calloutIcon h2 {margin-bottom:0}


/*----- App Callout -----*/
.calloutApp {padding:20px 0 30px 20px;width:160px;background:url(../images/horizontal_rule.gif) repeat-x 0 bottom}
.calloutAppText{font-style:italic;font-size:.9em;line-height:1.2em;color:#999; margin:0}
.calloutAppText hr{ margin:5px 0}
.calloutAppText p{margin:3px 0 0}
.calloutAppText h2{background:url(../images/horizontal_rule.gif) repeat-x 0 0; padding:7px 0 0; margin:7px 0 0}
.calloutAppText ul{margin:7px 0 0 9px}
.calloutAppText ul li{background:url(/images/icons/16x16/bullet-magenta.gif) no-repeat -6px -1px;margin-top:0px;padding-left:9px}
.calloutAppText a{color:#31659b;line-height:1em}
.calloutAppText a:hover, .calloutAppText a:active{color:#f03c5e}
.calloutAppText a span{color:#f03c5e;font-style:normal}

/*----- News App OLD
.newsList {background:url(../images/horizontal_rule.gif) repeat-x 0 bottom; padding:0 0 5px 0}
.newsList dt { color:#f03c5e}
.newsList dt a { color:#31659b}
.newsList dt a:hover { color:#f03c5e}
.newsPrev, .newsNext{width:210px; font-size:.9em; font-style:italic; line-height:1.2em}
.newsPrev {float:left}
.newsNext {float:right}
.newsPrev a, .newsNext a{color:#31659b}
.newsPrev a:hover, .newsNext a:hover{color:#f03c5e}
.newsPrev a span, .newsNext a span {color:#f03c5e;font-style:normal}
-----*/

/*----- News App -----*/
.newsList{background:url(/images/horizontal_rule.gif) repeat-x 0 0; padding:10px 0 0 0}
#content ul.newsList li{ color:#f03c5e; background-image:none; padding-left:0; margin-bottom:15px;line-height:1.45em}
.newsList li em, .newsList span+em+span{}
.newsList li a{display:block;color:#999;-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear}
.newsList li a:hover{ color:#333}
.newsList a span:first-child {color:#31659b;display:block}
.newsList a:hover span:first-child {color:#f03c5e}
.newsList a span:first-child span{color:#31659b;display:inline;opacity:0;filter:alpha(opacity=0)}
.newsList a:hover span:first-child span{color:#31659b;opacity:1;filter:alpha(opacity=100)}
.newsList span, .newsList span+em, .newsList span+em+span{}
.newsList a span+em{color:#666}
.newsList a:hover span+em{color:#000}
.newsList span+em+span{}
.newsList+p{background:url(/images/horizontal_rule.gif) repeat-x 0 0; padding:5px 0 0 0}

.newsPrev, .newsNext{width:210px; font-size:.9em; font-style:italic; line-height:1.2em}
.newsPrev {float:left}
.newsNext {float:right}
.newsPrev a, .newsNext a{color:#31659b}
.newsPrev a:hover, .newsNext a:hover{color:#f03c5e}
.newsPrev a span, .newsNext a span {color:#f03c5e;font-style:normal}

/*----- Blog App -----*/
.blogTips {background: #ebf0f5; border:solid 1px #d6e0eb; padding:10px 8px; margin:20px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; clear:both}
.blogTips h2 {margin-top:0; background:url(../images/icons/16x16/lightbulb.gif) no-repeat 0 0; padding-left:15px}
.blogTips h3 {margin:0; background:url(../images/icons/16x16/lightbulb.gif) no-repeat 0 0; padding-left:15px}
.blogTips p {padding-left:15px}
.blogTips li {padding-left:15px; padding-right:10px; margin-bottom:10px; background-position:0 1px}
#content .blogTips>ul>li:first-child{margin-top:10px}
.blogTips li strong {font-size:1.1em;font-weight:normal}
.blogTips > p + h3, .blogTips > p + h2, .blogTips > ul + h3, .blogTips > ul + h2 {border-top:dotted 1px #D6E0EB;padding-top:10px;background-position:0 10px}
.calloutAppText li.on{background-image:url(/images/icons/16x16/bullet-gray.gif)}
.calloutAppText li.on a{color:#000}

/*----- Clients App -----*/
#content .clientListLogos {margin:0; padding:0; float:right; width:390px}
#content .clientListLogos dt {margin:0; background:none; padding:0}
#content .clientListLogos li {background:none; margin:0 0 10px; padding:0; float:left}
.clientListLogos img {height:60px;width:195px}

.clientList {margin:10px 0 0; padding:0 15px 0 0; width:255px;background:url(../images/vertical_rule.gif) repeat-y right 0}
.clientList a {background:url(../images/icons/16x16/bullet-magenta.gif) no-repeat 0 1px; display:block; padding:0 0 0 15px; color:#666}
.clientList a:hover, .clientList a:active { text-decoration:none; color:#000}

.clientList.clientCategories a span { font-size:13px; display:block}

#content .clientList ul li.borderTop{background:url(../images/horizontal_rule.gif) repeat-x 0 0;border:none; margin:5px 0 0; padding:5px 0 0}
#content .clientList ul li.clientName {background:url(../images/icons/16x16/bullet.gif) no-repeat 0 1px; color:#999}
#content .clientList ul li.clientLink {background:url(../images/icons/16x16/bullet-magenta.gif) no-repeat 0 1px}
#content .clientList ul li.clientLink a { background:none; padding:0}

/*----- Clients App -----*/
.contactAddresses {width:100%;line-height:1.5em}
.contactTable {margin:10px 0 30px 50px}
.contactTable td {padding:10px 5px 0 0; white-space:nowrap}
.contactTable table {width:100%}
.contactTable table td {padding-top:0}
.contactTable table td+td {width:1%;padding-right:0}

/*----- FormCheck Errors -----*/
.fc-tbx .tl{background:url('/images/formCheck/tl.png') no-repeat}
.fc-tbx .t{background:url('/images/formCheck/t.png') repeat-x;height:16px}
.fc-tbx .tr{background:url('/images/formCheck/tr.png') no-repeat}
.fc-tbx .l{background:url('/images/formCheck/l.png') repeat-y;width:16px}
.fc-tbx .r{background:url('/images/formCheck/r.png') repeat-y;width:16px}
.fc-tbx .bl{background:url('/images/formCheck/bl.png') no-repeat}
.fc-tbx .b{background:url('/images/formCheck/b.png') no-repeat;height:25px}
.fc-tbx .b2{background:url('/images/formCheck/b2.png') no-repeat;height:25px}
.fc-tbx .br{background:url('/images/formCheck/br.png') no-repeat}
.fc-tbx .c{background:url('/images/formCheck/c.png') repeat}
.fc-tbx a.close{float:right;background:url('/images/formCheck/close.png') no-repeat;position:relative;margin-left:5px;display:block;width:10px;height:10px;cursor:pointer}
.fc-tbx .err {float:left;}
.fc-tbx p{width:auto;display:block;font-size:10px;font-family:Tahoma, Geneva, sans-serif;margin:0;padding:0;border:0;color:#FFF}
.ajax_loader{width:200px;height:150px}
.fc-error{border:1px solid #888;margin-top:5px;background-color:#EAEAEA}
.fc-error p{margin:5px;color:#A00}


/*----- Fancy Checkbox -----*/
/* need a display block and height for the labels for this site. */
#mainBody_blue label{padding-left:20px;display:block; cursor:pointer}
#mainBody_blue .checked{background: transparent url(../images/chk_on.png) no-repeat 0 2px;}
#mainBody_blue .unchecked{background: transparent url(../images/chk_off.png) no-repeat 0 2px;}
#mainBody_blue .selected{background: transparent url(../images/rdo_on.png) no-repeat 0 2px;}
#mainBody_blue .unselected{background: transparent url(../images/rdo_off.png) no-repeat 0 2px;}