﻿/* COLORS
#bd3c3d; - lighter red
#aa2526; - red
#8f1415; - darker red
#7b1112; - darkest red
#525252; - text gray
#125659; - footer bg green
#40acb0; - link green
#277073; - dark green
#7fe0e4; - mintier green
#3ac5ca; - new brighter green
#e2a40f; - orange yellow
#f4f4f4; - light gray
#062e30; - very dark green - body bg
#bbd0d1; - really light green
#eef9f9; - lightest green
#68a2a5; - home text green
#e6e5e7; - light border gray
*/

body {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    color: #525252;
    background: #062e30;
    font-family: Calibri, "Lucida Sans", Tahoma, Arial, sans-serif;
    direction: ltr;
}
h1 {
    color: #062e30;
    font-size: 6.0em;
    letter-spacing: -1px;
    line-height: 1.0em;
    position: relative;
    margin: 0;
    padding: 0;
}
h1 span {
    text-transform: uppercase;
    font-size: .25em;
    color: #68a2a5;
    position: absolute;
    left: 4px;
    top: -35px;
    letter-spacing: .3em; 
}
h2 {
    font-weight: normal;
    font-size: 3.0em;
    margin: 0 0 15px;
    color: #aa2526;
    line-height: 1.0em;
}
h3 {
    font-weight: bold;
    font-size: 1.8em;
    margin: 0 0 10px;
    color: #277073;
}
h4,
.portfolioWrapper h2 {
    font-size: 1.1em;
    text-transform: uppercase;
    color: #277073;
    letter-spacing: 1.4px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.6em;
}

h5 {

}
h6 {
    font-size: 1.1em;
    text-transform: uppercase;
    color: #062e30;
    letter-spacing: 1.0px;
    margin: 0 0 20px;
    padding: 0 0 10px;
}
p {
    font-size: 1.2em;
    margin: 0 0 15px 0;
}
#Content ul {
    font-size: 1.4em;
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}
#Content ul li {
    padding: 5px 0 0;
    font-weight: bold;
}
#Content ol {
	font-size: 1.4em;
}
#Content ol li {
    padding: 5px 0 0;
    font-weight: bold;
}
a img {
    border: none;
}
a { 
    color: #40acb0;
    text-decoration: none;
}
a:hover {
    color: #aa2526;
    text-decoration: underline;
}
dl {
    
}
dl dt {
    
}
dl dd {
    
}

/* RE-USABLE */
a.inactivePagerLink,
a.inactivePagerLink:hover {
    cursor: text;
    color: #DFDFDF;
    text-decoration: none;
}
.featuredDesc {/* homepage portfolio feature description */
    margin-bottom: 30px;
}
.clear {
    clear: both;
}
.bold {
    font-weight: bold;
}
.pagerWrapper {
    text-align: center;
    padding: 15px;
    font-size: 1.2em;
    margin-top: 10px;
}
a.rssLinkBig {
    position: absolute;
    right: 5px;
    bottom:0;
    width: 30px;
    height: 30px;
    background: url(images/rss.gif) no-repeat 0 0;
}
a.rssLinkBig img {
    visibility: hidden;
}
p.niceButtonWrapper {   
    float: left;
    width: 100%;
    clear: both;
}
a.niceButtonGreen {
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    left: -3px;
    float: left;
    height: 38px;
    color: #277073;
    font-weight: bold;
    background: url(images/bg_nicebuttonright.png) no-repeat  right 0;
    overflow: hidden;
    padding-right: 37px;
    text-transform: uppercase;
}
a.niceButtonGreen span {
    float: left;
    line-height: 37px;
    height: 38px;
    padding: 0 5px 0 20px;
    background: url(images/bg_nicebutton.png) no-repeat 0 0;
    font-size: 11px;
    cursor: pointer;
}
a:hover.niceButtonGreen {
    background-position: right -38px;
    text-decoration: none;
}
a:hover.niceButtonGreen span {
    background-position: 0 -38px;
}
.h1Wrapper {
    padding: 0;
    margin-bottom: 20px;
    height: 66px;
    overflow: hidden;
    position: relative;
    background: url(images/bg_h1wrapper.gif) no-repeat left 36px;
}
.h1Wrapper h1 {
    margin: 18px 0 0 0;
}
p.quote {
    font-size: 1.0em;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-variant: small-caps; 
    background: #f2f2f2;
    border: 1px solid #e6e5e7;
    padding: 15px;
}

/* one third box - three even width columns */
.oneThirdBoxWrapper {
    width: 990px;
    overflow: hidden;
} 
.oneThirdBox,
.featuredItem {
    float: left;
    width: 327px;
}
.oneThirdBox .pad {
    width: 288px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

/* halfcolumn - about/team page */
.row {
    overflow: hidden;
    /*border-bottom: 4px solid #e6e5e7;*/
    margin-bottom: 20px;
}
.halfColumnLeft {
    float:left;
    width: 47%;
    padding-bottom: 10px;
}
.halfColumnRight {
    float: right;
    width: 47%;
    padding-bottom: 10px;
}
.halfColumnLeft h3,
.halfColumnRight h3 {
    margin-bottom: 0;
    color: #aa2526;
}
.halfColumnLeft h4,
.halfColumnRight h4 {
    margin-bottom: 10px;
}
.halfColumnLeft p,
.halfColumnRight p {
    margin-bottom: 10px;
} 
.halfColumnLeft img,
.halfColumnRight img {
    margin-bottom: 10px;
}

/* lauch site button in portfolio */
a.launch {
    position: absolute;
    top: 520px;
    right: 10px;
    padding-right: 12px;
    font-size: 11px;
    background: url(images/bg_launch_right.gif) no-repeat right -54px;
}
a.launch span { 
    padding: 0 0 0 12px;
    display: block;
    line-height: 27px;
    background: url(images/bg_launch.gif) no-repeat 0 -54px;
}
a.launch:hover {
    background-position: right -27px;
    text-decoration: none;
}
a.launch:hover span {
    background-position: 0 -27px;
}

/* javascript tabs */
ul#TabWrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
ul#TabWrapper li {
    float: left;
    margin-right: 3px;
}
ul#TabWrapper li a {
    display: block;
    font-weight: normal;
    padding-right: 12px;
    font-size: 11px;
    background: url(images/bg_launch_right.gif) no-repeat right -54px;
}
ul#TabWrapper li a span {
    padding: 0 0 0 12px;
    display: block;
    line-height: 27px;
    background: url(images/bg_launch.gif) no-repeat 0 -54px;
}
ul#TabWrapper li a:hover,
ul#TabWrapper li a.selected {
    background-position: right -27px;
    text-decoration: none;
    outline: none;
    color: #aa2526;
}
ul#TabWrapper li a:hover span,
ul#TabWrapper li a.selected span {
    background-position: 0 -27px;
}
/* STRUCTURE */
#HeadWrapper {
    width: 920px;
    margin: 0 auto;
    position: relative;
}
#NavBarWrapper {
    background: #f4f4f4;
    padding: 6px 0;
    background: url(images/bg_navbar.gif) repeat-x top;
} 
#PageWrapper {
    background: #fff;
    padding: 15px 0;
    
}  
#FooterWrapper {
    width: 920px;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
}
#Content {
    width: 920px;
    margin: 20px auto 0;
    overflow: hidden;
    padding: 0 0 20px;
    position: relative;
}
.homeContent {
    overflow: hidden;
    margin-top: 30px;
}
    
/* HEAD */
.logo {
    display: block;
    width: 330px;
    height: 65px;
    background: url(images/bg_logo.gif) no-repeat 0 0;
}
.logo img {
    display: block;
    width: 330px;
    height: 65px;
    visibility: hidden;
}
/* NAV */
#NavBar {
    width: 920px;
    margin: 0 auto;
    height: 27px;
}
#Nav {
    list-style: none;
    float: left;
    width: 732px;
    margin: 0;
    padding: 0;
}
#Nav li {
    float: left;
    margin-right: 2px;
}
#Nav li a.home,
#Nav li a.portfolio {
    margin-right: 18px;
}
#Nav li a {
    padding-right: 14px;
    display: block;
    font-size: 11px;
    color: #062e30;
    font-family: Tahoma, Arial, sans-serif;
    background: url(images/bg_navtabsright.gif) no-repeat right 27px;
}
#Nav li a span { 
    padding: 0 0 0 14px;
    display: block;
    line-height: 26px;
    height: 27px;
    background: url(images/bg_navtabs.gif) no-repeat 0 27px;
    cursor: pointer;
}
#Nav li a:hover {
    background-position: right -27px;
    color: #277073;
    text-decoration: none;
}
#Nav li.activeChild a,
#Nav li a.active,
#Nav li.activeChild a:hover,
#Nav li a:hover.active {
    background-position: right -54px; 
    color: #277073;
}

#Nav li a:hover span {
    background-position: 0 -27px;
}
#Nav li a.activeChild a span,
#Nav li a.active span {
    background-position: 0 -54px;
}
#NavBar .searchBox {
    float: right;
    background: url(images/bg_searchbox.gif) no-repeat 0 0;
    width: 188px;
    height: 27px;
}
#NavBar .searchBox span {
    padding: 0 5px 0 12px;
    display: block;
}
#NavBar .searchBox input.searchInput {
    border: none;
    font-weight: normal;
    background: none;
    margin: 2px 0;
    float: left;
    padding: 5px 0 4px;
    width: 143px;
    font-size: 1.1em;
}
#NavBar .searchBox .searchSubmit {
    background: url(images/bg_searchsubmit.gif) no-repeat 0 0;
    border: none;
    float: left;
    width: 19px;
    height: 19px;
    overflow: hidden;
    margin-top: 6px;
}
#NavBar .searchBox .searchSubmit:hover {
    cursor: pointer;
}
#Nav .util {
    display: none;
}
/* UTIIL NAV */
#UtilNav {
    margin: 0;
    position: absolute;
    right: 0;
    top: 30px;
    list-style: none;
    text-align: right;
}
#UtilNav li {
    display: inline;
    margin-left: 15px;
}
#UtilNav li a {
    color: #40acb0;
    font-size: 1.2em;
}
#UtilNav li a:hover {
    color: #fff;
    text-decoration: none;
}

/* BILLBOARD */
#Billboard {
    overflow: hidden;
    width: 920px;
    margin: 0 auto;
    position: relative;
}
/*#Billboard .tabcontent p {
    font-size: 1.4em;
    line-height: 1.8em;
    margin-top: 10px; 
}*/
/* BILLBOARD TEXT POSITIONING */
/* common billboard styles 
#Billboard .tabcontent h2 {
    margin-top: 35px;
    margin-left: 430px;
    color: #062e30;
    font-size: 3.1em;
    font-weight: bold;
	letter-spacing: -.03em; 
}
#Billboard .tabcontent p {
    width: 400px;
    margin-left: 430px;
    color: #062e30;
}*/

/* HOME PAGE BILLBOARD TABS */
#HomeTabWrapper {
    background: #8f1415;
    height: 70px;
    width: 960px;
}
#Billboard .tabcontent{
    display: none;
    height: 302px;
    overflow: hidden;
    border-bottom: 5px solid #40acaf;
}
#Billboard .tabcontent .pad {
    padding: 20px;
}
#BillboardOne {
    background: #40acb0;
    background: url(images/billboard_focus.jpg) no-repeat;
}
#BillboardTwo {
    background: url(images/billboard_ecommerce.jpg) no-repeat;
}
#BillboardThree {
    background: url(images/billboard_communities.jpg) no-repeat;
}
#BillboardFour {
    background: url(images/billboard_cms.jpg) no-repeat;
}
#BillboardFive {
    background: url(images/billboard_seo.jpg) no-repeat;
}

/* Billboard One overrides*/
#Billboard #BillboardOne h1 {
    color: #062e30;
    font-size: 0em;
    margin: 0;
    visibility: hidden; /* This can be unhid if the first billboard doens't require graphic text*/
}
#Billboard #BillboardOne h2,
#Billboard #BillboardOne p {
    text-indent: -99999px;
    display: none;
}
#Billboard #BillboardOne .niceButtonWrapper {
    position: absolute;
     left: 320px;
    top: 230px;
} 

/* Billboard Two overrides*/ 
#Billboard #BillboardTwo h2,
#Billboard #BillboardTwo p {
    text-indent: -99999px;
    display: none;
}
#Billboard #BillboardTwo .niceButtonGreen {
    position: absolute;
    left: 507px;
    top: 230px;
} 

/* Billboard Three overrides*/ 
#Billboard #BillboardThree h2,
#Billboard #BillboardThree p {
    text-indent: -99999px;
    display: none;
}
#Billboard #BillboardThree .niceButtonGreen {
    position: absolute;
    left: 507px;
    top: 230px;
} 

/* Billboard Four overrides*/ 
#Billboard #BillboardFour h2,
#Billboard #BillboardFour p {
    text-indent: -99999px;
    display: none;
}
#Billboard #BillboardFour .niceButtonGreen {
    position: absolute;
    left: 507px;
    top: 230px;
}   

/* Billboard Five overrides*/ 
#Billboard #BillboardFive h2,
#Billboard #BillboardFive p {
    text-indent: -99999px;
    display: none;
}
#Billboard #BillboardFive .niceButtonGreen {
    position: absolute;
    left: 390px;
    top: 230px;
}   
 

/* FIVE COLUMN BOX */
.fiveColumnBox {
    float: left;
    width: 180px;
}
.fiveColumnBox .pad {
    margin-left: 20px;
}
.fiveColumnBox .pad h3 {
    font-family: Calibri, Arial, sans-serif;
    margin-bottom: 0;
    font-size: 1.9em; 
    line-height: 1em;
	padding-bottom: 0.25em;
}
.fiveColumnBox .pad h3 a {
    display: block;
    color: #bd3c3d;
    padding-top: 15px;
}
.fiveColumnBox .pad h3 a:hover {
    color: #fff;
    text-decoration: none;
}
.fiveColumnBox .pad h3 a.selected {
    color: #fff;
    background: url(images/bg_activebillboardtab.gif) no-repeat top left;
}
.fiveColumnBox .pad p {
    font-size: 1.1em;
    width: 150px;
    color: #ffa0a7;
    margin-top: 0;
    line-height: 1.4em;
}


/* HOME CONTENT AREA */
#HomeColumnOne {
    float: left;
    width: 306px;
}
#HomeColumnTwo {
    border-left: 1px dotted #e6e5e7;
    border-right: 1px dotted #e6e5e7;
    float: left;
    width: 306px;
    min-height: 400px;
}
#HomeColumnThree {
    float: left;
    width: 306px;
}
#HomeColumnOne .pad,
#HomeColumnTwo .pad,
#HomeColumnThree .pad {
    margin: 0 20px;
}
#HomeColumnOne h3,
#HomeColumnTwo h3,
#HomeColumnThree h3 {
    padding-bottom: 20px;
    overflow: hidden;
    line-height: 28px;
    font-size: 2.8em;
    color: #68a2a5;
    font-weight: normal;
} 

#HomeColumnOne p,
#HomeColumnTwo p,
#HomeColumnThree p {
    line-height: 1.6em;
}
#HomeColumnOne h4 a,
#HomeColumnTwo h4 a,
#HomeColumnThree h4 a,
.portfolioWrapper h2 a {
 
}
#HomeColumnOne h4 a:hover,
#HomeColumnTwo h4 a:hover,
#HomeColumnThree h4 a:hover,
.portfolioWrapper h2 a:hover {
    
}

/* PORTFOLIO WRAPPER - homepage and portfolio-homepage*/
.portfolioWrapper {
    padding: 10px 0;
    background: #f2f2f2;
    border: 1px solid #e6e5e7;
    margin-bottom: 20px;
}
.portfolioWrapper a img {
    margin: 0 auto 10px;
    display: block;
    width: 242px;
    border: 1px solid #fff;
}
.portfolioWrapper h2, /* portfolio page */
.portfolioWrapper h4 /* homepage */ {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}
.portfolioWrapper a:hover img {
    border: 1px solid #7fe0e4;  
}

/* FOOTER */
#FooterWrapper .copyright {
    color: #bbd0d1;
    text-align: center;
    font-size: 1.1em;
}

/* CONTENT PAGES - THREE COLUMN LEFT AND RIGHT SIDE COLUMNS  */
#ColumnOne {
    float: right;
    width: 188px;
}
#ColumnOne .pad {
    padding-right: 20px;
}
#ColumnTwo {
    float: right;
    width: 564px;
    margin-right: 168px;
}
#ColumnTwo.wide {
    float: right;
    width: 732px;
    margin-right: 0;
    overflow: hidden;
}
#ColumnThree {
    width: 168px;
    position: absolute;
    right: 0;
    top: 0;
}
#ColumnTwo .pad {
    padding-right: 20px;
}
#ColumnTwo .pad p,
#ColumnOnePortfolio .pad p,
#ColumnOneJob .pad p,
p.para {
    font-size: 1.4em;
    line-height: 1.8em;
    text-align: justify;
}

/* SUBNAV */
#Content ul#SubNav {
    list-style: none;
    margin: 6px 0 40px 0;
    border-top: 1px solid #e6e5e7;
    font-size: 1.2em;
}
ul#SubNav li {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
#SubNav li a {
    font-family: Tahoma, Arial, sans-serif;
    border-bottom: 1px solid #e6e5e7;
    display: block;
    font-size: 1.1em;
    color: #68a2a5;
    line-height: 30px;
    margin: 0;
    padding-left: 6px;
}
#SubNav li a:hover {
    background: #eef9f9;
    text-decoration: none;
}
#SubNav li a.active {
    background: #eef9f9;
    font-weight: bold;
}

/* PORTFOLIO */
/* portfolio default page */
.portfolioContent .oneThirdBox {
    height: 190px;
    margin-bottom: 20px;
}
.portfolioContent .oneThirdBox .pad {
    width: 266px;
}
.niceButtonWrapperWrapper {
    border-top: 5px solid #7fe0e4;
    padding: 15px 0;
    clear: both;
    margin: 0 10px 0 0;
}

/* portfolio detials page */
#ColumnOnePortfolio {
    width: 630px;
    float: left;
    position: relative;
}
#ColumnOnePortfolio .pad {
    padding-right: 20px;
}
#ColumnTwoPortfolio {
    width: 290px;
    float: left;
}
h2.portfolioH2 {
    margin-bottom: 3px;
}
h2 .date {
    color: #40acb0;
    font-size: .6em;
}

/* portfoliobigwrapper */
.portfolioBigWrapper {
    padding: 10px 0 10px;
    background: #f2f2f2;
    border: 1px solid #e6e5e7;
    margin-bottom: 20px;
    margin-top: 6px;
    position: relative;
}

/* portfolio slideshow nav */
#PortfolioNav { 
    margin: 10px 10px 0;
    height: 25px;
    text-align: left;
    overflow: hidden;
}
#PortfolioNav a, 
#s7 strong { 
    float: left;
    width: 25px;
    line-height: 25px;
    margin-right: 3px;
    color: #40acb0;
    margin: 0 5px 0 0;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    background: url(images/bg_portfolio_pager.jpg) no-repeat 0 0;
    text-decoration: none;
}
#PortfolioNav a:hover { 
    background: url(images/bg_portfolio_pager.jpg) no-repeat 0 -25px;
    color: #fff;
}
#PortfolioNav a.activeSlide {
    background: url(images/bg_portfolio_pager.jpg) no-repeat 0 -50px;
    color: #fff;
}

#PortfolioNav a:focus { 
    outline: none; 
}
#output { 
    text-align: left; 
}
.slide {
    height: 500px;
    display: block;
    margin: 0 0 0 10px;
    border: 1px solid #fff;
}
#SlideShow {
    height: 500px;
}

/* portfolio award list */
#Content ul.portfolioAwardList {
    float: left;
    width: 100%;
}
#Content ul.portfolioAwardList li {
    float: left;
    width: 100%;
    font-weight: normal;
    padding: 5px 0 7px;
    border-bottom: 1px solid #e6e5e7;
}
#Content ul.portfolioAwardList li strong {
    font-weight: bold;
    display: block;
}
#Content ul.portfolioAwardList li.last { 
    border: none;
}
#Content ul.portfolioAwardList li img {
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid #e6e5e7;
    margin: 3px 10px 0 0;
}

/* NEWS */
.newsHeadlineWrapper {  
    border-bottom: 1px solid #e6e5e7;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.newsContent .newsHeadlineWrapper {/* news index pg */
    width: 266px;
    margin-bottom: 30px;
    height: 75px;
}
.newsContent p {
    font-size: 1.4em;
}
.newsHeadlineWrapper .newsImageWrapper {
    /*width: 264px;
    height: 55px;
    overflow: hidden;
    margin-bottom: 7px;
    border: 1px solid #e6e5e7;*/
    display: none;
}
#ColumnOne .newsHeadlineWrapper {/* hide bottom borders in the left column on story.aspx*/
    border: none;
    margin-bottom: 10px;
    padding-bottom: 0;
}
.newsDate {
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
}
#ColumnTwo .newsDate {
    font-size: 1.2em;
}   
.newsImage {
    float: right;
    margin: 6px 0 5px 10px;
    max-width: 264px;
    padding: 5px;
    background: #f2f2f2;
    border: 1px solid #e6e5e7 !important; 
}
.newsFooter {
    background: #EFEFEF;
    padding: 15px;
    clear: both;
}
.feedLink {
    background: url(images/rss.gif) no-repeat left;
    padding-left: 35px;
    display: block;
    line-height: 30px;
    font-size: 1.1em;
}

/* SEARCH RESULTS PAGE / ERROR PAGE */
#SearchResultsWrapper,
#ErrorPageWrapper {
    width: 712px;
    margin: 0 auto;
}
#SearchResultsWrapper .searchBox,
#ErrorPageWrapper .searchBox {
    border: 1px solid #e6e5e7;
    width: 710px;
    margin-bottom: 15px;
    background: url(images/bg_searchbox_page.gif) repeat-x top;
    margin-top: 6px;
}
#SearchResultsWrapper .searchBox span,
#ErrorPageWrapper .searchBox span {
    display: block;
    padding: 15px;
}
#SearchResultsWrapper .searchBox input,
#ErrorPageWrapper .searchBox input {
    vertical-align: middle;
}
#SearchResultsWrapper .searchBox .searchInput,
#ErrorPageWrapper .searchBox .searchInput {
    width: 575px;
    padding: 5px 7px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #d6d6d6;
}
#SearchResultsWrapper .searchBox .searchSubmit,
#ErrorPageWrapper .searchBox .searchSubmit {
    border: none;
    width: 83px;
    height: 27px;
    background: url(images/bg_search_button.gif) no-repeat top;
    cursor: pointer;
}
p.errorMsg {
    color: red;
}
p.searchResultMsg {
    font-weight: bold;
}
.searchResultTable .resultNumber {
    vertical-align: top;
    padding-top: 5px;
    font-size: 1.2em;
    font-weight: bold;
    width: 25px;
}
.searchResultTable .resultText {
    padding-bottom: 20px;
}
.resultText b {
    color: #8f1415;
}
.searchResultTable .resultText h3 {
    margin-bottom: 0;
}
#Content .searchResultTable .resultText p {
    font-size: 1.4em;
    line-height: 1.8em;
    margin-bottom: 5px;
    text-align: justify;
}
.searchResultTable .resultText .searchUrl {
    font-size: 1.1em;
}


/* ERROR PAGE */
#ErrorPageWrapper {
    
}

/* AWARDS */
.awardWrapper {
    width: 173px;
    float: left;
    padding: 10px 0;
    background: #f2f2f2;
    margin: 0 10px 25px 0;
    border: 1px solid #e6e5e7;
}
.awardWrapper img {
    width: 150px;
    height: 140px;
    margin: 0 10px 5px;
    border: 1px solid #fff;
}
.awardWrapper h4 {
    margin: 0 10px;
}

#ColumnTwo .pad .awardWrapper p {
    width: 150px;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0 10px;
}
.award {
    width: 742px;
    float: left;
}
.setWidth {
    width: 555px;
    float: left;
}
.trophyBg {
    width: 742px;
    float: left;
    padding-bottom: 65px;
    margin-bottom: 20px
}
.horizonAward {
    background: url(images/award_horizon.jpg) no-repeat right bottom;
}
.creativityAward {
    background: url(images/award_creativity37.jpg) no-repeat right bottom;
}
.marcomAward {
    background: url(images/award_marcom.jpg) no-repeat right bottom;
}
.communicatorAward {
    background: url(images/award_communicator.jpg) no-repeat right bottom;
}

/* SITEMAP */
ul#SiteMap {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#SiteMap li {
    margin: 5px 0 0 0;
    padding: 0;
    background: #eef9f9;
    width: 170px;
}
ul#SiteMap li a {
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 10px;
}

ul#SiteMap ul {
    margin: 0 0 0 170px;
    padding: 0;
    width: 170px;
}
ul#SiteMap ul li {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
}
ul#SiteMap ul li a {
    display: block;
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: normal;
    background: #eef9f9;
}
/* FOOTER SITEMAP */
#FooterSiteMap {
    width: 920px;
    margin: 0 auto 20px;
    background: #0C3C3F;
    overflow: hidden;
    clear: both;
}
#FooterSiteMap h6 {
    margin: 0 0 5px 0;
    padding: 0;
}
#FooterSiteMap h6 a {
    color: #bbd0d1;
    text-transform: uppercase;
}
#FooterSiteMap .pad {
    margin-top: 20px;
    padding-bottom: 5px;
}
#FooterSiteMap ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
#FooterSiteMap ul li {
    margin: 0;
    padding: 0;
}
#FooterSiteMap ul li a {
    padding: 2px 0 2px 10px;
    display: block;
    font-size: 1.1em;   
    border-left: 2px solid #bbd0d1;
}
#FooterSiteMap a:hover {
    color: #fff;
    text-decoration: none;
}

/* JOBS/CAREERS */
#BillboardCareers {
    background: url(images/billboard_careers.jpg) no-repeat;
    height: 302px;
    overflow: hidden;
}
#BillboardCareers h1 {
    color: #062e30;
    font-size: 3.5em;
    margin: 55px 0 15px 430px;
}
#BillboardCareers p {
    font-size: 1.4em;
    line-height: 1.8em;
    margin-top: 10px;
}
#BillboardCareers p {
    width: 380px;
    margin-left: 430px;
    color: #062e30;
}
#ColumnOneJob {
    width: 630px;
    float: left;
    position: relative;
}
#ColumnOneJob .pad {
    padding-right: 40px;
}
#ColumnTwoJob {
    width: 290px;
    float: left;
}
/* job post table */
.jobPostTable {
    width: 100%;
    font-size: 1.2em;
    margin-bottom: 5px;
}
.jobPostTable a {
    display: block;
}
.jobPostTable a:hover {
    text-decoration: none;
    color: #40acb0;
}
.jobPostTable th {
    text-align: left;
    font-size: 1.2em;
    background: #f7f7f7;
    padding: 5px;
    border-bottom: 1px solid #e6e5e7;
}
.jobPostTable tr:hover {
    background: #eef9f9;
}
.jobPostTable td {
    border-bottom: 1px solid #e6e5e7;
    padding: 5px;
}

dl.jobSpecs {
    font-size: 1.4em;
    float: left;
    width: 100%;
    margin: 0 0 25px;
}
dl.jobSpecs dt {
    width: 100px;
    float: left;
    margin: 0;
    padding: 4px 0;
    color: #68a2a5;
    border-bottom: 1px solid #e6e5e7;
}
dl.jobSpecs dd {
    width: 179px;
    float: left;
    margin: 0;
    padding: 4px 0;
    font-weight: bold;
    border-bottom: 1px solid #e6e5e7;
}
#ColumnOneJob ul {
    border-top: 1px solid #e6e5e7;
}
#ColumnOneJob ul li {
    padding: 5px 15px;
    border-bottom: 1px solid #e6e5e7;
    background: url(images/bg_bullet.gif) no-repeat left;
}

/* COMMON FORM STYLES */
.formWrapper {
    padding: 20px;
    border: 1px solid #e6e5e7;
    margin-top: 20px;
    background: #f7f7f7;
}
.input {
    font-size: 1.4em;
    font-weight: bold;
    padding: 4px;
    font-family: Calibri, "Lucida Sans", Tahoma, Arial, sans-serif;
    border: 1px solid #A5ACB2;
}
.select {
	font-size: 1.4em;
    font-weight: bold;
    padding: 4px;
    font-family: Calibri, "Lucida Sans", Tahoma, Arial, sans-serif;
    border: 1px solid #A5ACB2;
}
.textArea {
    font-size: 1.4em;
    font-family: Calibri, "Lucida Sans", Tahoma, Arial, sans-serif;
    padding: 4px;
}
label {
    display: block;
    margin: 15px 0 5px;
    font-weight: bold;
    font-size: 1.4em;
}
.submitButton {
    display: block;
    font-weight: normal;
} 
#ResumeFormCoverLetter {
    margin-top: 4px;
}
.jobApplicationForm label {
    display: inline;
}
.checkBoxWrapper {
    margin: 5px 0 0;
}
.checkBoxWrapper label {
    font-weight: normal;
}
.submitWrapper {
    padding: 10px 0 0;
}
.checkBoxWrapper label,
.checkBoxWrapper input {
    display: inline;
    vertical-align: middle;
}

/* validation summary */
.validationSummary {
    padding: 0 !important;
    font-weight: bold;
    color: red;
    font-size: 12px;
}
.validationSummary p {
    margin-bottom: 0 !important;
}
.validationSummary br {
    display: none !important; 
}

/* CONTACT INFO */
dl.contactInfo dd {
    font-size: 1.2em;
    line-height: 16px;
    padding: 0 0 15px;
    margin:0;
}

/*DRIVING DIRECTIONS*/
#Content #Directions ul {
    padding:  10px 15px;
    background: #f2f2f2;
    border: 1px solid #e6e5e7;
    margin-bottom: 0;
}
#Content #Directions ul li { 
    border-bottom: 1px solid #fff;
    padding: 7px 0;
    font-weight: normal;
}
#Content #Directions ul li.last {
    border: none;
}

/*accordian*/
#Directions h3.head {
    background: gray;
    color: #fff;
    padding: 10px;
    font-weight: normal;
    border-top: 1px solid #e6e5e7;
    border-bottom: 1px solid #555555;
}
#Directions h3.head.selected {
    background: #9BBFBF;
    color: #fff;
    font-weight: normal;
    border-top: 1px solid #e6e5e7;
    border-bottom: 1px solid #5a8383;
}

#Directions h3.head:hover {
    cursor: pointer;
}

/* Conversion Tracking - hide iframe */
#TrackingFrame {
	display: none;
}
