@charset "utf-8";
/* CSS Document */

html,body {margin: 0; padding: 0;}

body {font : normal 1em Arial, Helvetica, sans-serif; color: #000; margin : 0 0 0 50px; background-image:url("/images/background1.jpg"); background-repeat:no-repeat;background-color: #fff; color: #4d4d4d;}

a.smallBlue:link {font: normal .7em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.smallBlue:visited {font: normal .7em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.smallBlue:active {font: normal .7em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
a.smallBlue:hover {font: normal .7em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}

a.normalBlue:link {font: normal .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.normalBlue:visited {font: normal .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.normalBlue:active {font: normal .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
a.normalBlue:hover {font: normal .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}

a.normalBoldBlue:link {font: bold .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.normalBoldBlue:visited {font: bold .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.normalBoldBlue:active {font: bold .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
a.normalBoldBlue:hover {font: bold .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}

a.medBlue:link {font: normal 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.medBlue:visited {font: normal 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.medBlue:active {font: normal 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
a.medBlue:hover {font: normal 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}

a.medBoldBlue:link {font: bold 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.medBoldBlue:visited {font: bold 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.medBoldBlue:active {font: bold 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
a.medBoldBlue:hover {font: bold 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}

a.largeBlue:link {font: normal 1.2em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.largeBlue:visited {font: normal 1.2em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.largeBlue:active {font: normal 1.2em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
a.largeBlue:hover {font: normal 1.2em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}

a.largeWhite:link {font: normal 1.2em Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
a.largeWhite:visited {font: normal 1.2em Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
a.largeWhite:active {font: normal 1.2em Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline;}
a.largeWhite:hover {font: normal 1.2em Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline;}

a.portfolioNavLink:link {font: normal 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.portfolioNavLink:visited {font: normal 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
a.portfolioNavLink:active {font: normal 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
a.portfolioNavLink:hover {font: normal 1.0em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}

.ssaRed {color: #ad2121;}

.superscript {font-size:xx-small; vertical-align:top;}

#sitePageWrap {width: 975px; margin: 0 auto; padding: 0 0 0 100px; background-color: #fff;} /*Wraps the entire page and centers the content*/

/* START: Header style */
#siteHeaderWrap {width: 975px; height: 77px; padding: 17px 0 0; float: left; overflow: hidden;}

#siteHeaderWrap .logo {width: 201px; height: 61px; padding: 0 435px 0 0; float: left;}

#siteHeaderWrap .headerCornerLinkWrap {width: 339px; float: left;}
#siteHeaderWrap .headerCornerLinkWrap li.divider {width: 1px; padding: 15px 0 3px; font: normal .7em Arial, Helvetica, sans-serif; color: #4d4d4d; float: left;}

#siteHeaderWrap .headerCornerLinkWrap li a {font: normal .7em Arial, Helvetica, sans-serif; float: left; padding: 15px 6px 3px;}

#siteHeaderWrap .headerCornerLinkWrap li a:link { color: #4d4d4d; text-decoration: none;}
#siteHeaderWrap .headerCornerLinkWrap li a:visited {color: #4d4d4d; text-decoration: none;}
#siteHeaderWrap .headerCornerLinkWrap li a:active {color: #005699; text-decoration: underline;}
#siteHeaderWrap .headerCornerLinkWrap li a:hover {color: #005699; text-decoration: underline;}

#siteHeaderWrap .headerCornerLinkWrap li a.first {padding: 0 8px 0 0;}
/* END: Header style */

/* START: Site navigation style */

#siteNavWrap {width: 972px; padding: 17px 0 5px; float: left; border-bottom: 1px solid #b7b6b6;}
#siteNavWrap li.divider {width: 1px; font: normal 1.1em Arial, Helvetica, sans-serif; color: #4d4d4d; padding-right: 5px;}

ul.nav {padding: 0; margin: 0; float: left;}
ul.nav li {width: auto; padding: 0; margin: 0; list-style-type: none; float: left;}

ul.sitenav {padding: 0; margin: 0; float: left;}
ul.sitenav li {width: 600px; padding: 0; margin: 0; list-style-type: none; float: left; display: block;}

ul.subNav {padding: 0; margin: 0; float: left;}
ul.subNav li {width: auto; padding: 0; margin: 0; list-style-type: none; float: left;}

#siteNavWrap li a {font: normal 1.1em Arial, Helvetica, sans-serif; padding: 0 12px; float: left;}

#siteNavWrap li a:link {color: #4d4d4d; text-decoration: none;}
#siteNavWrap li a:visited {color: #4d4d4d; text-decoration: none;}
#siteNavWrap li a:active {color: #005699; text-decoration: underline;}
#siteNavWrap li a:hover {color: #005699; text-decoration: underline;}

#siteNavWrap li a.first {padding: 0 12px 0 0; float: left;}

#siteNavWrap li a.selected {color: #00009c; font-weight: bold;}

#siteSubNavWrap {width: 972px; height: 10px; padding: 10px 0 20px; float: left;}
#siteSubNavWrap li.divider {width: 1px; font: normal .75em Arial, Helvetica, sans-serif; color: #696868; padding-right: 5px;}

#siteSubNavWrap li a {font: normal .75em Arial, Helvetica, sans-serif; padding: 0 12px; float: left;}

#siteSubNavWrap li a:link {color: #696868; text-decoration: none;}
#siteSubNavWrap li a:visited {color: #696868; text-decoration: none;}
#siteSubNavWrap li a:active {color: #005699; text-decoration: underline;}
#siteSubNavWrap li a:hover {color: #005699; text-decoration: underline;}

#siteSubNavWrap li a.first {padding: 0 12px 0 0; float: left;}

#siteSubNavWrap li a.selected {color: #e18d19; font-weight: bold;}
/* END: Site navigation style */

/* START: Content default layout style */
#siteContentWrap {width: 975px; padding: 0 0 10px; float: left; background-color: #fff; overflow: hidden;}

#siteContentWrap .leftCol {width: 604px; float: left;}
#siteContentWrap .rightCol {width: 346px; padding: 0 0 0 25px; float: left;}
#siteContentWrap p {width: 100%; padding: 10px 0; margin: 0; float: left; font: normal .8em Arial, Helvetica, sans-serif;}
#siteContentWrap .leftColA {width: 60px; float: left;}
#siteContentWrap .rightColA {width: 486px; padding: 0 0 0 5px; float: left;}
#siteContentWrap .leftColB {width: 16px; float: left;}
#siteContentWrap .rightColB {width: 486px; padding: 0 0 0px 5px; float: left;}
#siteContentWrap .leftColC {width: 282px; float: left;}
#siteContentWrap .rightColC {width: 282px; padding: 0 0 0px 5px; float: left;}
#siteContentWrap .leftColC1 {width: 20px;padding: 0px 0px 0px 0px;}
#siteContentWrap .rightColC1 {width: 232px; padding: 0px 0px 0px 0px; float: left;font: normal .8em Arial, Helvetica, sans-serif;}
#siteContentWrap .leftColD {width: 96px; float: left;}
#siteContentWrap .rightColD {width: 486px; padding: 0 0 0px 5px; float: left;}

#homeBannerWrap {width: 587px; height: 257px; padding: 9px 9px 9px 8px; margin-bottom: 10px; background: url(../images/home_banner_bg.gif) no-repeat top left; float: left;}
#homeFeatureCreativeBox {width: 345px; height: 96px; margin-top: 10px; padding: 12px; background: url(../images/featured_creative.jpg) no-repeat top left; float: left; overflow: hidden;}

#homeVideoPlayerBox {width: 326px; height: 255px; padding: 10px; background: url(../images/home_video_player_bg.gif) no-repeat top left; float: left;}
#homeVideoPlayerBox #videoPlayerWrap {width: 326px; height: 184px; padding-bottom: 8px; float: left;}
#homeVideoPlayerBox p {font-size: 1.2em;}
#portfoliovideoPlayerWrap {width: 480px; padding: 0px 0px 8px 30px; float: center;}

.homeRightBox {width: 324px; height: 100px; padding: 10px; background: url(../images/home_right_box_bg.gif) no-repeat top left; float: left;}
.homeRightBox .boxHeader1 {width: 100%; height: 26px; padding: 0 0 5px; border-bottom: 1px solid #dcdbdb; float: left;}
.homeRightBox .boxHeader1 .header {width: 224px; height: 26px; float: left; font: normal 1.4em Arial, Helvetica, sans-serif;}
.homeRightBox .boxHeader1 .moreLink {width: 100px; height: 26px; padding-top: 5px; float: left; text-align: right;}
.homeRightBox .boxContent1 {width: 100%; padding: 10px 0 0; float: left;}

#sitemapPresskitBox {width: 345px; height: 250px; margin-top: 10px; padding: 12px 12px 2px 12px; background: url(../images/presskit.jpg) no-repeat top left; float: left; overflow: hidden;}
#sitemapPublicServiceBox {width: 345px; height: 110px; margin-top: 0px; padding: 12px; background: url(../images/public_service.jpg) no-repeat top left; float: left; overflow: hidden;}
#sitemapPublicServiceBox .boxContent1 {width: 100%; padding: 10px 0 0; float: left;}

#aboutCareerBox {width: 345px; height: 225px; margin-top: 10px; padding: 12px 12px 2px 12px; background: url(../images/careerBox.jpg) no-repeat top left; float: left; overflow: hidden;}
#contactCareerBox {width: 345px; height: 182px; margin-top: 10px; padding: 12px 12px 2px 12px; background: url(../images/careerBox.jpg) no-repeat top left; float: left; overflow: hidden;}
#pdfBox {width: 345px; height: 55px; margin-top: 1px; padding: 18px 12px 2px 72px; background: url(../images/pdfBox.jpg) no-repeat top left; float: left; overflow: hidden;}
#pdfBox2 {width: 314px; height: 59px; margin-top: 1px; padding: 10px 12px 2px 72px; background: url(../images/pdfBox2.jpg) no-repeat top left; float: left; overflow: hidden;}
#largeBox {width: 345px; height: 282px; margin-top: 10px; padding: 12px 22px 2px 12px; background: url(../images/largeBox.jpg) no-repeat top left; float: left; overflow: hidden;}
#blanketBox {width: 345px; height: 77px; margin-top: 0px; padding: 3px 22px 2px 12px; background: url(../images/blanketBox.jpg) no-repeat top left; float: left; overflow: hidden;}
#fishbowlBox {width: 345px; height: 182px; margin-top: 10px; padding: 3px 22px 2px 12px; background: url(../images/fishbowlBox.jpg) no-repeat top left; float: left; overflow: hidden;}
#presskitSmallBox {width: 345px; height: 64px; margin-top: 0px; padding: 3px 22px 2px 12px; background: url(../images/presskitSmall.jpg) no-repeat top left; float: left; overflow: hidden;}

/* END: Content default layout style */

/* START: Portfolio Sliding Panels style */
#dhpPanels {width: 583px; height: 420px; float: left; overflow: hidden;}
#dhpPanels .dhpSlidingPanelsContent {width: 583px; height: 460px; margin: 0px; padding: 10px 0px 0px 0px; border: none; float: left; background: url(../images/white.jpg) no-repeat top left;}

#dhpPanels .dhpSlidingPanelsContent .portfolioHomePanel1 {width: 583px; height: 392px; float: left;}
#dhpPanels .dhpSlidingPanelsContent .portfolioHomePanel2 {width: 583px; height: 60px; float: left; }
#dhpPanels .dhpSlidingPanelsContent .portfolioHomePanel2 .row1 {width: 583px; height: 60px; padding: 2px 5px 0; font: bold 0.8em Arial, Helvetica, sans-serif; text-align: center; float: center;}
#dhpPanels .portfolioArrowLink {}
/* END: Portfolio Sliding Panels style */

/* START: Footer style */
#siteFooter {width: 975px; padding: 7px 0 0; border-top: 1px solid #d5d4d4; background-color: #fff; float: left;}
#siteFooter ul.nav {float: right; padding-right: 10px}
#siteFooter li.divider {width: 1px; padding: 0 0 6px; font: normal .7em Arial, Helvetica, sans-serif; color: #4d4d4d;}
#siteFooter li a {font: normal .7em Arial, Helvetica, sans-serif; float: left; padding: 0 6px 6px;}

#siteFooter li a:link { color: #4d4d4d; text-decoration: none;}
#siteFooter li a:visited {color: #4d4d4d; text-decoration: none;}
#siteFooter li a:active {color: #e08d19; text-decoration: underline;}
#siteFooter li a:hover {color: #e08d19; text-decoration: underline;}

#siteFooter li a.first {padding: 0 6px 6px 0;}

#siteFooter p {width: 500px; margin: 0; padding: 0; text-align: left; float: left; font-size: .6em;}
#siteFooter p a:link {font: normal 1em Arial, Helvetica, sans-serif; color: #4d4d4d; text-decoration: none;}
#siteFooter p a:visited {font: normal 1em Arial, Helvetica, sans-serif; color: #4d4d4d; text-decoration: none;}
#siteFooter p a:active {font: normal 1em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
#siteFooter p a:hover {font: normal 1em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
/* END: Footer style */

/* START: Sitemap navigation style */
#sitemapNavWrap {width: 975px; padding: 17px 0 5px; float: left;}
#sitemapNavWrap li.divider {width: 1px; font: normal 1.1em Arial, Helvetica, sans-serif; color: #4d4d4d; padding-right: 5px;}

#sitemapNavWrap li a {font: normal 1.1em Arial, Helvetica, sans-serif; padding: 0 12px; float: left;}

#sitemapNavWrap li a:link {font: normal .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
#sitemapNavWrap li a:visited {font: normal .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: none;}
#sitemapNavWrap li a:active {font: normal .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}
#sitemapNavWrap li a:hover {font: normal .8em Arial, Helvetica, sans-serif; color: #005699; text-decoration: underline;}

#sitemapNavWrap li a.first {padding: 0 12px 0 0; float: left;}
/* END: Site navigation style */