/*
*   site.css
*   timmy willison / MEDIUM
*   jdcf.com
*   4/25/10
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: 0 none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }
/*{ behavior: url(/exceed/css/iepngfix.htc); }*/

/* FONT-FACE */
@font-face {
  font-family: 'Gotham Rounded Medium';
  src: url('/media/css/fonts/GothamRoundedMedium.eot');
  src: local('Gotham Rounded Medium'), local('Gotham Rounded'), 
         url('/media/css/fonts/GothamRoundedMedium.otf') format('opentype');
}

/* TYPE */
body { background-color: #ffffff; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 12px; font-size: 11px\9; color: #333333; font-weight: normal; }
a { color: #114eb4; text-decoration: none; border: 0; }
a:hover { text-decoration: underline; }
a.black { color: #333333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; padding-right: 14px; background: url(../images/black-arrow.png) no-repeat 100% 50%; }
a.black:hover { border-bottom: 1px solid #333; text-decoration: none; }
a.black-left { color: #333333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; padding-left: 14px; background: url(../images/black-arrow-left.png) no-repeat 0 50%; }
a.black-left:hover { border-bottom: 1px solid #333; text-decoration: none; }
a.read-more { color: #114eb4; padding-right: 7px; background: url(../images/read_more_arrow.png) no-repeat 100% 50%; }
a.read-more-big { color: #114eb4; padding-right: 14px; background: url(../images/read_more_arrow_big.png) no-repeat 100% 50%; }
a.learn-more { color: #114eb4; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; font-size: 12px; padding-right: 10px; background: url(../images/read_more_arrow.png) no-repeat 100% 50%; text-decoration: none; border-bottom: 1px solid white; }
a.learn-more:hover { border-bottom: 1px solid #114eb4; }
h1 { font-size: 26px; font-style: italic; color: #114eb3; }
h2 { font-size: 17px; letter-spacing: 0.4px; line-height: 24px; }
h3 { font-size: 16px; margin-bottom: 5px; }
h4 { font-size: 14px; font-family: 'Gotham Rounded Medium'; letter-spacing: 0.2px; }
h5 { font-size: 12px; margin-bottom: 5px; }
.clear { clear: both; }
.hr { height: 1px; color: #cccccc; background: #cccccc scroll center; }
.hr hr { display: none; }
p { line-height: 18px; margin-top: 10px; }
.safe-html ul { list-style: disc; margin: 5px 0 0 25px; line-height: 20px; font-size: 14px; }
#content section.page #main,
 #content section.normal #main { min-height: 850px; z-index: 9999; }
input.invalid,
 textarea.invalid { border: 1px solid #cc0000 !important; color: #cc0000 !important; }
/* Site Blue: #114eb4 */

/***************************************
                  HEADER 
 ***************************************/
#hd-back-1 { width: 50%; position: relative; *position: absolute; float: left; left: 0; top: 0; height: 230px; background-color: #114eb4; }
#hd-back-2 { width: 50%; position: relative; *position: absolute; float: right; right: 0; top: 0; height: 230px; background-color: #11256e; }
.hr.top { position: relative; color: #0057d4; background-color: #0057d4; height: 5px; width: 100%; top: 0; }
header { width: 100%; left: 0; height: 220px; position: absolute; background: transparent url(../images/hd_back.png) no-repeat center 0; text-align: center; }
.hr.bottom { position: relative; color: #e2ecfb; background-color: #e2ecfb; height: 5px; top: 220px; width: 100%; }
header hgroup { position: absolute; width: 985px; left: 0; *left: 50%; right: 0; *right: auto; margin: 0 auto; *margin: 0 0 0 -492px; }

/* LOGO */
header hgroup #logo { float: left; top: 65px; left: 36px; position: relative; }
#logo a { width: 197px; height: 0; padding-top: 45px; float: left; overflow: hidden; background: url(../images/logo.png) no-repeat 0 0; }

/***************************************
                NAVIGATION 
 ***************************************/
header hgroup nav { float: right; position: relative; top: 75px; }
nav ul#nav { width: 719px; height: 40px; list-style: none; padding: 0; }
nav ul#nav li { display: inline; }
nav ul#nav li a { height: 0; overflow: hidden; padding-top: 40px; float: left; background-image: url(../images/nav.png); background-repeat: no-repeat; margin-right: 20px; }
nav ul#nav li a:hover { text-decoration: none; border: 0; }

/* BUTTONS */
nav ul#nav li#n-who-we-are a { background-position: 0 0; width: 114px; }
nav ul#nav li#n-who-we-serve a { background-position: -132px 0; width: 130px; }
nav ul#nav li#n-services a { background-position: -283px 0; width: 88px; }
nav ul#nav li#n-results a { background-position: -391px 0; width: 81px; }
nav ul#nav li#n-news-and-press a { background-position: -492px 0; width: 120px; }
nav ul#nav li#n-contact a { background-position: -633px 0; width:85px; margin-right: 0; }

/* OVER STATES */
nav ul#nav li#n-who-we-are a:hover { background-position: 0 -40px; }
nav ul#nav li#n-who-we-serve a:hover { background-position: -132px -40px; }
nav ul#nav li#n-services a:hover { background-position: -283px -40px; }
nav ul#nav li#n-results a:hover { background-position: -391px -40px; }
nav ul#nav li#n-news-and-press a:hover { background-position: -492px -40px; }
nav ul#nav li#n-contact a:hover { background-position: -633px -40px; }

/* PRESSED STATES */
nav ul#nav li#n-who-we-are a:active { background-position: 0 -40px; }
nav ul#nav li#n-who-we-serve a:active { background-position: -132px -40px; }
nav ul#nav li#n-services a:active { background-position: -283px -40px; }
nav ul#nav li#n-results a:active { background-position: -391px -40px; }
nav ul#nav li#n-news-and-press a:active { background-position: -492px -40px; }
nav ul#nav li#n-contact a:active { background-position: -633px -40px; }

/* ON STATES */
nav.who-we-are ul#nav li#n-who-we-are a { background-position: 0 -40px !important; }
nav.who-we-serve ul#nav li#n-who-we-serve a { background-position: -132px -40px !important; }
nav.services ul#nav li#n-services a { background-position: -283px -40px !important; }
nav.results ul#nav li#n-results a { background-position: -391px -40px !important; }
nav.news-and-press ul#nav li#n-news-and-press a { background-position: -492px -40px !important; }
nav.contact ul#nav li#n-contact a { background-position: -633px -40px !important; }

/* CONTENT */
#content { position: absolute; width: 985px; left: 0; *left: 50%; right: 0; *right: auto; margin: 0 auto; *margin: 0 0 0 -492px; top: 167px; }
#content section { padding: 10px; }
#content section.hero { top: 0; position: absolute; z-index: 9999; width: 960px; height: 395px; }
#content section.copy { position: absolute; top: 425px; }
#content section.normal { padding: 0; min-height: 500px; }

/***************************************
              HOMEPAGE HERO 
 ***************************************/
#content div.hero { width: 960px; height: 395px; }
.hero img.hero-shot { top: 10px; left: 27px; position: absolute; }
.hero .hero-overlay { position: absolute; top: 0; left: 17px; width: 980px; height: 415px; background: transparent url(../images/hero-overlay.png) no-repeat 0 0; }
.hero .hero-content { position: absolute; right: 9px; text-align: left; top: 36px; width: 273px; line-height: 17px; height: 353px; }
.hero .hero-content img { margin: 0 0 4px -8px; }
.hero .hero-content p { margin-bottom: 9px; line-height: 17px; }
.hero .hero-content a.learn-more { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; padding: 0 14px 0 0; background: url(../images/learn-more-arrow.png) no-repeat 100% 50%; display: inline-block; line-height: 14px; }
.hero .hero-content a.learn-more:hover { border-bottom: 1px solid #114eb4; text-decoration: none; }
.hero .hero-content .hero-hd { color: #227acc; font-size: 25px; line-height: 30px; margin: 0 0 10px 0; }
.hero .hero-content img.hero-tombstone { border: 5px solid #227acc; margin: 0 0 10px; }

/* HERO PAGINATION*/
section.hero .pagination { position: absolute; bottom: 25px; left: 698px; }
section.hero .pagination .pag { position: relative; display: inline-block; *display: block; }
section.hero .pagination .pag a { float: left; width: 31px; height: 0; padding-top: 15px; overflow: hidden; background: url(../images/hero-pag.png) no-repeat 0 -15px; margin-right: 5px; }
section.hero .pagination .pag a:hover { background-position: 0 -30px; text-decoration: none; }
section.hero .pagination .pag a.selected { background-position: 0 0; }
section.hero .pagination .pag a.last { margin-right: 0; }
section.hero .pagination .pag-roll { position: absolute; width: 121px; height: 117px; left: 0; *left: auto; margin-left: -50px; *margin-left: -87px; top: 12px; background: transparent url(../images/hero-pag-roll.png) no-repeat 0 0; text-align: center; padding: 32px 5px 0; z-index: 9999; display: none; color: #114eb4; overflow: hidden; }
section.hero .pagination .pag-roll img { margin: 0; width: 121px; max-height: 112px; }
section.hero .pagination .pag-roll img.hero { position: absolute; bottom: 5px; left: 5px; }
section.hero .pagination .pag-roll img.pag-logo { margin: 10px 0 0; }
section.hero .pagination .pag-roll p { margin: 10px 0 0; *padding: 10px 0 0; line-height: 14px !important; }

/* HOMEPAGE CALLOUTS */
section.copy #main { margin-left: 25px; }
#main .h-callouts { margin-top: 42px; }
#main .h-callouts .callout { width: 300px; float: left; margin-right: 20px; position: relative; height: 190px; height: 200px\9; }
#main .h-callouts .callout.last { margin-right: 0; }
#main .h-callouts .callout h4 { text-transform: uppercase; color: #004abd; }
#main .h-callouts .callout p { line-height: 18px; letter-spacing: -0.2px; margin: 0; }
#main .h-callouts .callout a { position: absolute; bottom: 0; }
#main .h-callouts .callout a:hover { bottom: -1px !important; }
#main .h-callouts .callout p a { display: inline; width: 100%; position: relative !important; }
#main .h-callouts .callout p a:hover { display: inline; width: 100%; position: relative !important; }
/***************************************
                 SUBNAV 
 ***************************************/
html section.subnav { width: 196px; min-height: 143px; background: transparent url(../images/subnav-box.png) no-repeat 0 0; float: left; top: 0; margin-left: 30px; padding-top: 10px !important; }
section.subnav nav { width: 196px; }
nav .sub-headers { margin: 10px 0 0 10px; *margin: 20px 0 0 10px; }
nav .sub-headers a { font-family: 'Gotham Rounded Medium'; text-transform: uppercase; color: #333; display: inline-block; }
nav .sub-headers a.selected { color: #114eb4; padding-right: 10px; background: url(../images/subnav-arrow.png) no-repeat 100% 50%; }
nav .sub-headers a:hover { color: #114eb4; text-decoration: none; }
section.subnav nav ul { margin: 5px 0 0 20px; line-height: 20px; }
section.subnav nav ul li a { color: #333; display: block; }
section.subnav nav ul li a:hover { color: #114eb4; text-decoration: none; }

/* PAGE */
section.page { width: 700px; float: right; top: 0; padding-top: 0 !important; }
section.page h2 { clear: both; padding-top: 30px; margin-bottom: -10px; }
section.page article h1 { margin: 45px 0 10px; }

/***************************************
                  TITLES 
 ***************************************/
#title { height: 0; overflow: hidden; float: left; padding-top: 60px; }
#title.who-we-are { width: 382px; background: url(../images/title_who-we-are.png) no-repeat 0 0; }
#title.people { width: 198px; padding-top: 84px; background: url(../images/title_people.png) no-repeat 0 0; margin-top: -1px; }
#title.who-we-serve { width: 432px; padding-top: 61px; background: url(../images/title_who-we-serve.png) no-repeat 0 0; }
#title.services { width: 242px; padding-top: 64px; background: url(../images/title_services.png) no-repeat 0 0; margin-top: -3px; }
#title.results { width: 210px; background: url(../images/title_results.png) no-repeat 0 0; margin-top: -1px; }
#title.news-and-press { width: 390px; padding-top: 61px; background: url(../images/title_news-press.png) no-repeat 0 0; }
#title.contact { width: 226px; padding-top: 61px; background: url(../images/title_contact.png) no-repeat 0 0; }
#title.legal { width: 159px; padding-top: 84px; background: url(../images/title_legal.png) no-repeat 0 0; }
#title.error { width: 281px; padding-top: 59px; background: url(../images/title_error.png) no-repeat 0 0; }
#title.privacy { width: 413px; padding-top: 85px; background: url(../images/title_privacy-policy.png) no-repeat 0 0; margin-top: -1px; }

/***************************************
                WHO WE ARE 
 ***************************************/
section.page article { z-index: 10; }
section.page article .info-boxes { width: 100%; margin: 40px 0 0; }
section.page article .info-boxes .col { position: relative; width: 218px; min-height: 275px; float: left; border: 1px solid #d4ddeb; margin-right: 20px; padding-bottom: 40px; z-index: 10; }
section.page article .info-boxes .col.last { margin-right: 0; }
section.page article .info-boxes .col:hover { border: 5px solid #d4ddeb; width: 210px; }
section.page article .info-boxes .col .quote { width: 185px; margin: 15px 0 0 15px; text-align: center; line-height: 18px; letter-spacing: 0.4px; font-size: 13px; }
section.page article .info-boxes .col .author { line-height: 16px; font-style: italic; margin: 35px 0 0 20px; }
section.page article .info-boxes .col .author div { font-size: 13px; font-weight: bold; }
section.page article .info-boxes .col a.info { position: absolute; float: left; width: 20px; height: 0; overflow: hidden; padding-top: 20px; background: url(../images/info.png) no-repeat 0 0; margin: 0 0 13px 20px; bottom: 0; }
section.page article .info-boxes .col .info-box { width: 232px; max-height: 161px; background: transparent url(../images/info_box.png) no-repeat 0 0; position: absolute; top: 290px; margin-left: -105px; color: white; line-height: 20px; padding: 55px 20px 15px 25px; display: none; z-index: 10; }
section.page article img { border: 5px solid #eeeeee; float: left; margin: 0 25px 25px 0;}
section.page article p { font-size: 14px; line-height: 20px; }

/***************************************
                  PEOPLE 
 ***************************************/
div.people { margin-top: 50px; position: relative; }
div.people .col { float: left; margin: 0 20px 40px 0; width: 220px; margin-bottom: 25px; height: 285px; }
div.people .col:hover { background-color: #b7d4ff; }
div.people .col.last { margin-right: 0; }
div.people .col a { float: left; display: block; }
div.people .col img { border: 3px solid #eeeeee; width: 214px; height: 199px; }
div.people .col .caption { margin: 5px 0 15px 15px; width: 190px; }
div.people .col .caption .name { font-size: 14px; margin-bottom: 5px; }
div.people .col .caption .initials { font-size: 11px; font-style: italic; margin-bottom: 5px; }
div.people .col .caption .position { font-size: 11px; font-style: normal; }

/***************************************
              PEOPLE DETAILS 
 ***************************************/
.backnext { clear: both; margin-top: 30px; }
.backnext a.back { float: left; font-size: 11px; }
.backnext a.next { float: right; font-size: 11px; }
.card { width: 700px; height: 245px; background: url(../images/person-back.png) no-repeat 0 0; clear: both; margin-top: 10px; *margin-top: 40px; }
.card .card-content { padding: 20px 0 0 20px; }
.card .card-content img { width: 210px; height: 195px; border: 5px solid white; float: left; }
.card .card-content .details { width: 350px; float: left; margin: 10px 0 0 30px; }
.card .card-content .details .name { font-size: 30px; }
.card .card-content .details .initials { font-style: italic; font-size: 14px; margin-bottom: 10px; }
.card .card-content .details .position { font-style: normal; font-size: 14px; }
.card .card-content .connecting { margin-top: 15px; }
.card .card-content .connecting a { float: left; width: 60px; height: 0; overflow: hidden; padding-top: 75px; margin-right: 10px; }
.card .card-content .connecting a.linkedin { background: url(../images/linkedin.png) no-repeat 0 0; }
.card .card-content .connecting a.vcard { background: url(../images/vcard.png) no-repeat 0 0; }
.card .card-content .connecting a.facebook { background: url(../images/facebook.png) no-repeat 0 0; }
.card .card-content .share,
 .overview .o-content .share,
 section.news-and-press article .share { float: left; width: 40px; height: 85px; background: url(../images/share-links.png) no-repeat 0 0; padding: 6px 0 0 6px; margin-left: 20px; }
.card .card-content .share a,
 .overview .o-content .share a,
 section.news-and-press article .share a { clear: both; height: 0; overflow: hidden; float: left; display: block; border: 0; text-decoration: none; margin: 5px; }
.card .card-content .share a.print,
 .overview .o-content .share a.print,
 section.news-and-press article .share a.print { margin-left: 6px; }
.card .card-content .share a.share-block,
 .overview .o-content .share a.share-block,
 section.news-and-press article .share a.share-block { margin-left: 7px; }
.card .card-content .share .share-links,
  .overview .o-content .share .share-links { margin: 25px 0px 0px -132px; }
#main .info-row { padding: 20px 0; border-bottom: 1px solid #cccccc; *height: 100%; }
#main .info-row.last { border: 0; padding-bottom: 0; }
#main .info-row h1 { float: left; width:180px; font-size: 18px; }
.info-row .details { width: 500px; float: right; font-size: 13px; line-height: 20px; }
.info-row .details .hd { font-size: 16px; margin-bottom: 5px; }
.info-row .details p { line-height: 20px; margin-top: 0; }

/***************************************
              WHO WE SERVE 
 ***************************************/
#content section.normal #main { margin-left: 35px; }
#content section.normal h2 { margin: 30px 0; }
section.normal #main .info-row h1 { width: 240px; }
section.normal #main .info-row .details { width: 700px; font-size: 14px; }

/***************************************
                SERVICES 
 ***************************************/
section.subnav.services { margin-top: -3px; }
section.page.services #main .info-row h1 { width: 240px; }
section.page.services .info-row .details { width: 460px; }
section.page.services .info-row .details p { margin: 0 0 10px; }
section.page.services .info-row .details a.learn-more { display: inline-block; line-height: 13px; }
section.page.services .info-row .details a.black { margin-top: 8px; font-size: 11px; float: right; line-height: 13px; border-bottom: 1px solid white; margin-bottom: 30px; }
section.page.services .info-row .details a.black:hover { line-height: 13px; padding-bottom: 0; border-bottom: 1px solid #333; }
img.tombstone { display: inline-block; border: 5px solid #eeeeee; margin-top: 12px; }
section.page.services img.tombstone:hover { border: 5px solid rgb(183, 212, 255); }
img.tombstone.first { float: left; margin-right: 17px; }

/***************************************
              SERVICES DETAIL 
 ***************************************/
#main h1.down { margin-top: 25px; }
section.page.services #main h2 { padding: 10px 0 20px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; }
section.page.service #main .info-row { padding: 20px 0 10px; }
.info-row h1 .sub-h1 { color: #999999; font-style: normal; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; margin-top: 10px; }
section.page.services .info-row .details .safe-html p { margin-bottom: 10px; }
section.page.services .info-row .details .safe-html ul { margin: 0 0 10px 40px; }
section.page.services .info-row .details .safe-html ul.none { list-style: none; }

/***************************************
                RESULTS 
 ***************************************/
section.subnav.results { margin-top: -3px; }
section.subnav nav ul li input { margin-bottom: 8px; *float: left; *clear:both; }
section.subnav nav ul li label { margin-left: 5px; }
section.page #main ul#results { margin: 30px 0 0; display: inline-block; min-height: 550px; width: 720px; }
section.page #main ul#results li { float: left; margin: 0 20px 6px 0; position: relative; width: 220px; height: 228px; }
section.page #main ul#results li img { width: 210px; height: 203px; }
ul#results .roll-wrap { position: absolute; width: 210px; height: 0; *left: 0; bottom: 8px; margin-left: 5px;  border-top: 1px solid #b7d4ff; background-color: #eefaff; display: none; }
ul#results .roll-wrap .roll { margin: 15px 0 0 15px; }
ul#results .roll-wrap .roll .hd { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: bold; }
ul#results .roll-wrap .roll .hd a { color: rgb(51, 51, 51); line-height: 18px; }
ul#results .roll-wrap .roll .tags { margin-top: 3px; }
ul#results .roll-wrap .roll .tags a { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 9px; color: #666666; padding-bottom: 0; border-bottom: 1px solid #666666; *border: 0; text-decoration: none; *text-decoration: underline; margin-right: 3px; }
ul#results .roll-wrap .roll .tags a:hover { text-decoration: none; border-bottom: 1px solid transparent; }
ul#results .roll-wrap .roll .case-study a { position: absolute; float: left; width: 122px; height: 0; overflow: hidden; padding-top: 27px; background: url(../images/view_case_study.png) no-repeat 0 0; bottom: -95px; left: 15px; }
ul#results .roll-wrap .roll .case-study a:hover { background-position: 0 -27px; }

/***************************************
              RESULTS DETAIL
 ***************************************/
section.normal.result .overview { width: 940px; height: 254px; background: url(../images/result_box.png) no-repeat 0 0; overflow: hidden; margin: 40px 0; }
section.normal.result .overview .o-content { margin: 20px 0 0 20px; }
section.normal.result .overview .tomb { float: left; }
section.normal.result .overview .tomb img { border: 1px solid #bbbbbb; }
section.normal.result .overview .text { width: 600px; float: left; margin-left: 30px; }
section.normal.result .overview .text .hd { font-family: 'Gotham Rounded Medium'; text-transform: uppercase; margin: 5px 0 12px; }
section.normal.result .overview .text h1 { color: rgb(51, 51, 51); font-size: 24px; line-height: 30px; }
section.normal.result #main h1.down { margin: 25px 0 15px; *margin: 50px 0 10px; }
/* TAGGED AS */
.tagset { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 11px; }
.tagset span.hd { font-weight: bold; color: #333333; margin-right: 5px; }
.tagset a { color: #666666; border-bottom: 1px solid #666666; text-decoration: none; }
.tagset a:hover { border: 0; text-decoration: none; }
section.result .info-row .details p { line-height: 20px; margin-bottom: 10px; }
section.result #main .info-row { padding: 20px 0 10px; }
section.result .sub-footer { margin-top: 20px; }

/***************************************
              NEWS AND PRESS
 ***************************************/
section.subnav.news { margin-top: -3px; }
section.subnav.news nav ul li { line-height: 24px; }
section.news-and-press article { margin: 40px 0; display: block; }
section.news-and-press article .news-hd { color: #114eb4; font-family: Georgia, Times, "Times New Roman", serif; font-size: 30px; margin-bottom: 5px; font-weight: normal; }
section.news-and-press article .tagset { margin-bottom: 25px; }
section.news-and-press article .n-content .date { float: left; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; width: 60px; height: 62px; background: url(../images/date.png) no-repeat 0 0; text-align: center; margin-right: 20px; }
section.news-and-press article .n-content .date .month { text-transform: uppercase; font-size: 11px; line-height: 12px; margin-top: 14px; }
section.news-and-press article .n-content .date .day { font-size: 25px; }
section.news-and-press article .n-content .share { float: right; }
section.news-and-press article .n-content a.read-more { margin-top: 15px; display: inline-block; }
section.news-and-press article .n-content .share .share-links { margin: 25px 0px 0px -132px; }
/* PAGINATION */
section.news-and-press .pag-wrap { float: right; }
section.news-and-press .pag-wrap .pagination { margin-bottom: 30px; display: inline-block; }
section.news-and-press .pag-wrap .pagination .pag-left { width: 6px; height: 30px; background: url(../images/pagination-left.png) no-repeat 0 0; float: left; }
section.news-and-press .pag-wrap .pagination .pag-center { height: 30px; background: url(../images/pagination.png) repeat-x 0 0; float: left; }
section.news-and-press .pag-wrap .pagination .pag-right { width: 8px; height: 30px; background: url(../images/pagination-right.png) no-repeat 0 0; float: left; }
section.news-and-press .pag-wrap .pagination .pag-center a { display: inline-block; float: left; margin-top: 9px; }
section.news-and-press .pag-wrap .pagination .pag-center a.black-left { margin-left: 5px; font-size: 11px; }
section.news-and-press .pag-wrap .pagination .pag-center a.black { font-size: 11px; margin-right: 5px; }
section.news-and-press .pag-wrap .pagination .pag-center .pages { float: left; margin: 0 10px; }
section.news-and-press .pag-wrap .pagination .pag-center .pages a { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; font-size: 11px; color: rgb(51, 51, 51); margin: 9px 3px 0; }
section.news-and-press .pag-wrap .pagination .pag-center .pages a.selected { color: #0f6ed8; }
section.news-article article { min-height: 400px; }

/***************************************
                CONTACT
 ***************************************/
.contact-form { float: left; width: 408px; margin-bottom: 60px; min-height: 337px; }
.contact-form form label { font-size: 14px; display: block; margin: 0 0 10px; }
.contact-form form input.text,
 .contact-form form textarea { padding: 5px; width: 394px; display: block; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.contact-form form input.text { height: 13px; margin: 0 0 14px; }
.contact-form form textarea { height: 130px; }
.contact-form form .half { display: block; }
.contact-form form .half label { width: 190px; float: left; }
.contact-form form .half label.first { margin-right: 25px; }
.contact-form form .half input { width: 180px; float: left; }
.contact-form form .half #id_first_name { margin-right: 22px; }
.contact-form form #c-loading { width: 16px; height: 16px; background: url(../images/loading.gif) no-repeat 0 0; float: right; margin: 15px 10px 0 0; display: none; }
.contact-form form .required-text { color: #cc0000; float: left; width: 305px; line-height: 14px; margin: 10px 10px 0 0; display: none; }
.contact-form form p.right { float: right; margin-right: 2px; }
.contact-form form #contact-submit { width: 60px; height: 0; overflow: hidden; padding-top: 24px; background: url(../images/contact_submit.png) no-repeat 0 0; }
.contact-form form #contact-submit:hover { background-position: 0 -25px; }
.contact-form p.contact-thanks { margin: 0; padding: 0; font-size: 14px; word-wrap: break-word; }
.contact-form img.success { margin-right: 20px; }
.contact-form a.return { font-size: 12px; padding: 0 0 0 6px; background: url(../images/return.png) no-repeat 0 50%; margin: 10px 0 0 60px; display: inline-block; }
#locations { float: right; margin: 5px 15px 0 0; }
#locations .location { position: relative; width: 480px; padding-bottom: 5px; min-height: 150px; background-color: #eeeeee; margin-bottom: 20px; color: #666666; }
#locations .location:hover { background-color: #dce8eb; }
#locations .location a.map img { margin: 5px 20px 0 5px; float: left; width: 170px; height: 140px; }
#locations .location .loc-hd { font-size: 18px; padding: 20px 0 0 0; margin: 0 0 10px; color: rgb(51, 51, 51); }
#locations .location .loc-hd a { color: rgb(51, 51, 51); }
#locations .location .address { margin-bottom: 5px; }
#locations .location .phone { margin-bottom: 2px; }
#locations .location .email { margin-bottom: 5px; }
#locations .location .directions a { color: rgb(51, 51, 51); }

/***************************************
                SUBFOOTER 
 ***************************************/
.sub-footer { width: 935px; position: relative; clear: both; left: -235px; margin-top: 40px; }
#content section.normal .sub-footer { left: 0; }
.sub-footer .hr { margin-bottom: 10px; }
.sub-footer .share { float: left; }
.sub-footer .share a { height: 0; overflow: hidden; float: left; text-decoration: none; border: 0; margin-right: 8px; }
.share a.email { width: 17px; padding-top: 12px; background: url(../images/share.png) no-repeat 0 0; }
.share a.print { width: 16px; padding-top: 16px; background: url(../images/share.png) no-repeat -17px 0; }
/* Share */
.share a.share-block { width: 13px; padding-top: 13px; background: url(../images/share.png) no-repeat -33px 0; }
.share .share-links { position: absolute; width: 125px; height: 205px; background: white; border: 1px solid #cccccc; margin: -217px 0 0 50px; z-index: 9999; display: none; }
.share .share-links a { height: 16px !important; background: url(../images/share-sprite.png) no-repeat 0 0; color: #888888 !important; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size: 13px !important; display: block !important; padding-left: 22px !important; margin: 13px 10px -8px 13px !important; }
.share .share-links a:hover { text-decoration: underline !important; }
.share .share-links a.facebook-share { height: 15px !important; background-position: 1px 0; }
.share .share-links a.digg-share { background-position: 0 -20px; }
.share .share-links a.delicious-share { background-position: 0 -39px; }
.share .share-links a.linkedin-share { background: url(../images/share-linkedin.png) no-repeat 0 0; }
.share .share-links a.google-share { background-position: 0 -79px; }
.share .share-links a.stumble-share { background-position: 0 -100px; }
.share .share-links a.myspace-share { background: url(../images/share-myspace.png) no-repeat 0 0; }
.share .share-links a.twitter-share { background-position: 0 -140px; }
.share .share-links a.email-share { background-position: 0 -159px; }

.sub-footer .nav { float: right; text-align: right; }
.sub-footer .nav a.black { font-size: 11px; margin: 0 -3px 5px; display: inline-block; border-bottom: 1px solid transparent; }
.sub-footer .nav a.black:hover { border-bottom: 1px solid rgb(51, 51, 51); }
.sub-footer .nav a.black-left { background-position: 100% 50%; padding: 0 14px 0 0; margin: 0 -3px 5px 0; display: inline-block; border-bottom: 1px solid transparent; font-size: 11px; }
.sub-footer .nav a.black-left:hover { border-bottom: 1px solid #333333; }
.sub-footer .nav a.top { color: #333333; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; padding-right: 14px; background: url(../images/black-arrow-up.png) no-repeat 100% 50%; text-decoration: none; border: 0; display: inline-block; border-bottom: 1px solid white; font-size: 11px; }
.sub-footer .nav a.top:hover { border-bottom: 1px solid #333; text-decoration: none; }

/***************************************
                  FOOTER 
 ***************************************/
footer { clear: both; position: absolute; left: 0; margin: 50px 0 0 35px; padding-bottom: 30px; z-index: 0; }
footer #ft-main { position: relative; width: 940px; height: 180px; background-color: #f5f5f5; line-height: 17px; }
footer #ft-main .col { float: left; max-width: 295px; height: 150px; margin: 17px 12px 20px 20px; padding-right: 24px; border-right: 2px solid white; max-width: 280px\9; margin-left: 15px\9; }
footer #ft-main .col.last { margin: 5px 0 0 10px; padding: 0; border: 0; }
footer #ft-main .col a { color: #333; }
footer #ft-main .col a:hover { color: #114eb4; text-decoration: none; }
footer #ft-main .col a.read-more { color: #114eb4; }
footer #ft-main .col a.read-more:hover { text-decoration: underline; }
footer #ft-main .col ul { line-height: 19px; }
footer #ft-main .col .stories { width: 210px; }
footer #ft-main .col .stories a { line-height: 21px; }
footer #ft-main .col #address { margin-bottom: 8px; }
footer #ft-main .col #phone { margin-bottom: 24px; }

/* NEWSLETTER SIGNUP */
footer #ft-main .col .form-hd { text-transform: uppercase; font-family: "Gotham Rounded Medium"; font-size: 12px; margin: 13px 0 0; }
footer #ft-main .col #loading { width: 16px; height: 16px; background: url(../images/loading.gif) no-repeat 0 0; position: absolute; right: 50px; top: 15px; display: none; }
footer #ft-main .col form { width: 260px; margin: 10px 0 0 0; }
footer #ft-main .col form input.text { width: 253px; height: 13px; padding: 3px; border: 1px solid #dddddd; margin: 0 0 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
footer #ft-main .col form .required-text { color: #cc0000; float: left; width: 195px; line-height: 14px; display: none; }
footer #ft-main .col form #nl-submit { float: right; width: 61px; height: 0; overflow: hidden; padding-top: 21px; background: url(../images/nl-submit.png) no-repeat 0 0; }
footer #ft-main .col form #nl-submit:hover { background-position: 0 -21px; }
img.success { float: left; margin: 0 10px 0 0; }
footer #ft-main .col p.nl-thanks { margin: 10px 0 0 0; width: 270px; }
footer #ft-bottom { font-size: 9px; margin: 18px 0 0; letter-spacing: 0.2px; width: 940px; }
footer #ft-bottom #copyright { float: left; }
footer #ft-bottom #right-links { position: relative; float: right; margin-right: 8px; }
footer #ft-bottom #right-links a { margin-left: 25px; color: #333; }
a.email { color: #114eb4 !important; }
a.email:hover { border-bottom: 1px solid #114eb4; }
.member { float: left; width: 59px; height:10px; background: url(../images/member.png) no-repeat 0 0; }
a.member-finra { float: left; width: 37px; height: 0; overflow: hidden; padding-top: 10px; background: url(../images/member_finra.png) no-repeat 0 0; }
a.sipc { float: left; width: 25px; height: 0; overflow: hidden; padding-top: 10px; background: url(../images/sipc.png) no-repeat 0 0; }
a.member-finra:hover { border-bottom: 1px solid rgb(100, 100, 100); }
a.sipc:hover { border-bottom: 1px solid rgb(100, 100, 100); }

/***************************************
                  ERROR
 ***************************************/
.error-hd { font-size: 30px; padding: 40px 0 10px; border-bottom: 1px solid #cccccc; }
.e-col { width: 440px; float: left; margin: 25px 0 0 0; }
.e-col.first { margin-right: 35px; }
.e-col .col-hd { font-style: italic; font-size: 18px; margin: 0 0 30px; }
.e-col .rec { font-size: 14px; line-height: 24px; }