@import url(../reset.css);
@import url(base.css);
@import url(typography.css);

/*
Main styles and different imported style sheets follow the order of the markup code (page, branding, search, etc.) within the pages followed by specific styles.
In order to see how all the base html elements are styled to default please refer to the html_template.html page as needed.
Global styles to specific html tags should be placed in this file.
*/

/* begin -- set color of links for whole site */
a:link { color: #b51016; text-decoration: none }
a:visited { color: #b51016; text-decoration: none }
a:hover { color: #d7030a; text-decoration: underline }
a:active { color: #b51016; text-decoration: none }
/* end -- set color of links for whole site */

a.pdf_doc { padding-left: 20px; background: url(../../images/icons/pdfdoc.gif) no-repeat 0px 0px }

abbr { border: 0 }

/* begin - classes for styling as needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.overline { text-decoration: overline }
.strike { text-decoration: overline }
.alignlft { text-align: left }
.alignrgt { text-align: right }
.alignjus { text-align: justify }
.fltlft { float: left }
.fltrgt { float: right }
.clrbth { clear: both }
.clrlft { clear: left }
.clrrgt { clear: right }

.nobrder { border: 0px !important }

.ovrflw_hdn { overflow: hidden }

.hide_ADA { position: absolute; left: -999999em } /* hide but remain usable for text readers */

.trellist-highlight { color: #222 }

.lighten { color: #666 }

/* end - classes for styling needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html { background: url(../../images/shared/main_background.gif) repeat-y 0px 0px }

body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #494949 }

#page { width: 789px; overflow: hidden }

#branding-utilities { width: 199px; margin-right: 1px; float: left }
#branding-utilities h1 { width: 199px; height: 193px; margin: 0px; background: url(../../images/shared/logo_background.gif) no-repeat 0px 0px }
#branding-utilities h1 a { display: block; width: 199px; height: 193px }

#main_nav { margin: 0px 0px 8px 0px; }
#main_nav li  { border-top: solid 6px #fff; list-style: none }
#main_nav li a { display: block; height: 22px; text-indent: -99999em }
#main_nav li.solve a { background: url(../../images/shared/link_solve.gif) no-repeat 0px 0px }
#main_nav li.think a {  background: url(../../images/shared/link_think.gif) no-repeat 0px 0px }
#main_nav li.know a { background: url(../../images/shared/link_know.gif) no-repeat 0px 0px }
#main_nav li.see a { background: url(../../images/shared/link_see.gif) no-repeat 0px 0px }
#main_nav li.technical a { background: url(../../images/shared/link_technical.gif) no-repeat 0px 0px }

#main_nav li a:hover { background-position: 0px -21px }
#main_nav li.on a { background-position: 0px -21px }

#trellist_wire { margin: 0px }
#trellist_wire li { width: 100%; margin: 0px; overflow: hidden; list-style-type: none } 
#trellist_wire li a { display: block; width: 104px; height: 38px; float: right; background: url(../../images/shared/trellist_wire.gif) no-repeat 0px 0px; text-indent: -99999em  }
#trellist_wire li a:hover { background-position: 0px -38px }

#sub_nav { margin: 1.0em 0px 0px 0px; font-size: 83%; text-align: right }
#sub_nav li { margin: 0px 5px 5px 0px; list-style: none }
#sub_nav li a:link { color: #797979; text-decoration: none }
#sub_nav li a:visited { color: #797979; text-decoration: none }
#sub_nav li a:hover { color: #b51016; text-decoration: none }
#sub_nav li a:active { color: #797979; text-decoration: none }


#loginForm fieldset legend { position: absolute; left: -99999em; height: 0px; line-height: 0px; font-size: 0px  }


#loginForm fieldset { width: 132px; margin: 0px auto; padding-top: 1.55em }
#loginForm fieldset dl { width: 132px; margin: 0em auto }
#loginForm fieldset dl dt { position: absolute; left: -99999em }
#loginForm fieldset dl dd { margin: 0px; padding: 1px 0px; border-width: 1px 1px 0px 1px; border-color: #b0b0b0; border-style: solid; text-align: center }
#loginForm fieldset dl dd #login-user-name,  #loginForm fieldset dl dd #login-password, #loginForm fieldset dl dd #fake-password { width: 122px; margin: 0px auto; padding: 0px; border: 0px; font-size: 83%; color: #797979; vertical-align: top } 
#loginForm fieldset input.login_button { font-size: 0px; line-height: 0px; color: #FFF }


#login-password { display: none }


#main_content { width: 589px; float: right }

#section_nav { width: 589px; height: 26px; margin: 0px }
#section_nav li { height: 26px; float: left; border-left: solid 1px #fff; list-style: none; display: inline }
#section_nav li:first-child { border: 0px }

#section_nav li a { position: relative; display: block; height: 23px; float: left; border-top: solid 3px #dedede; background-position: bottom left; background-repeat: no-repeat; background-color: #dedede; font-size: 82%; color: #333 }
#section_nav li a:hover, #section_nav li a:hover span { border-color: #adadad; text-decoration: none; cursor: pointer }
#section_nav li a.on, #section_nav li a.on:hover { text-decoration: none; border-color: #b51016 }

#section_nav li a span { position: absolute; bottom: 1px; left: 3px }

#section_nav li a span span { position: absolute; top: -99999em; left: -99999em }


#section_nav.solve li a.solve-more { width: 132px }
#section_nav.solve li a.full-contact-info { width: 132px }
#section_nav.solve li a.managing-partner-message { width: 191px } 
#section_nav.solve li a.press-releases { width: 131px }
/* IE6 hack :( */
* html #section_nav.solve li a.press-releases { width: 130px }

#section_nav.think li a.think-beyond { width: 105px }
#section_nav.think li a.marketing-and-media { width: 141px }
#section_nav.think li a.elearning { width: 88px }
#section_nav.think li a.interactive-and-web { width: 131px } 
#section_nav.think li a.technical-staffing { width: 120px }
/* IE6 hack :( */
* html #section_nav.think li a.technical-staffing { width: 119px }

#section_nav.know li a.know-who { width: 195px }
#section_nav.know li a.executive-leadership { width: 196px }
#section_nav.know li a.additional-leadership { width: 196px }
/* IE6 hack :( */
* html #section_nav.know li a.additional-leadership { width: 195px }

#first-read { margin: 0px; width: 589px; height: 170px }
#first-read span { position: absolute; left: -99999em; text-indent: -99999em }

#first-read.solve01 { background-image:url(../../images/firstreads/firstRead_solve.jpg)}
#first-read.solve02 { background-image:url(../../images/firstreads/firstRead_solve.jpg)}
#first-read.solve03 { background-image:url(../../images/firstreads/firstRead_solve.jpg)}
#first-read.think01 { background-image:url(../../images/firstreads/firstRead_think_main.jpg)}
#first-read.think02 { background-image:url(../../images/firstreads/firstRead_think_agencyservices.jpg)}
#first-read.think03 { background-image:url(../../images/firstreads/firstRead_think_elearning01.jpg)}
#first-read.think04 { background-image:url(../../images/firstreads/firstRead_think_tech.jpg)}
#first-read.think05 { background-image:url(../../images/firstreads/firstRead_think_techstaffing.jpg)}
#first-read.know01 { background-image:url(../../images/firstreads/firstRead_know.jpg)}
#first-read.know02 { background-image:url(../../images/firstreads/firstRead_know.jpg)}
#first-read.know03 { background-image:url(../../images/firstreads/firstRead_know.jpg)}

#content { padding: 0px 0px 0px 14px; font-size: 90% }

#breadcrumbs { width: 100%; margin: 0.4em 0px 1.2em 0px; overflow: hidden  }
#breadcrumbs li { margin: 0px 0px 0px 0.8em; padding: 0px 0px 0px 1.0em; list-style: none; float: left; text-transform: uppercase; font-size: 90%; background: url(../../images/shared/carat01.gif) no-repeat 0px 5px }
#breadcrumbs li.first-child { margin-left: 0px; padding-left: 0px; background: none }
#breadcrumbs a { color: #a7a7a7 }
#breadcrumbs a:hover { color: #d7030a; text-decoration: none }
#breadcrumbs a span { position: absolute; left: -99999em; top: -999999em }

ul.t-list01 { margin-left: 0.5em }
ul.t-list01 li { margin: 0px 0px 0.2em 0px; padding: 0px 0px 0px 1.2em; background: url(../../images/shared/bullet02.gif) no-repeat 2px 6px; list-style: none  }

div.extra_info { position: relative }
div.extra_info span.roll_over { position: absolute; top: 6px; left: 257px; display: block; padding-left: 10px; background: url(../../images/shared/bullet03.gif) no-repeat 0px 5px}

dl.trellist_info_menu { position: relative; width: 540px; margin: 0.3em auto 1.1em auto; overflow: hidden }
dl.trellist_info_menu dt { width: 250px; float: left; text-decoration: none; text-align: right; font-weight: bold }
dl.trellist_info_menu dt a:hover { text-decoration: none }
dl.trellist_info_menu dd { width: 275px; margin: 0px; float: right }
dl.trellist_info_menu dd ul { margin: 0px }
dl.trellist_info_menu dd ul li { margin: 0px 0px 0.2em 0px; list-style: none }


div.more_info { width: 100%; overflow: hidden }
div.more_info div.lft { float: left; width: 280px }
div.more_info div.rgt { float: right; width: 280px }

dl.trellist_info_menu02 { position: relative; margin: 0.3em auto 1.1em auto; overflow: hidden }
dl.trellist_info_menu02 dt { text-decoration: none; font-weight: bold }
dl.trellist_info_menu02 dt a:hover { text-decoration: none }
dl.trellist_info_menu02 dd { margin: 0px }
dl.trellist_info_menu02 dd ul { margin: 0px; padding: 0.5em 0px 0px 1em }
dl.trellist_info_menu02 dd ul li { margin: 0px 0px 0.2em 0px; list-style: none }


p.pagination { width: 100%; margin-bottom: 1.7em; overflow: hidden; font-size: 85% }
p.pagination a.prev { float: left }
p.pagination a.next { float: right }

p.back-to-top { text-align: right; font-size: 75% }
p.back-to-top a:hover { text-decoration: none }
p.back-to-top a span { font-size: 113% }
p.back-to-top a:hover span { text-decoration: underline }


#ClickTale { display: none }

/* Safari FOUC - always leave this at the end of this file */
body { display: block !important }