/* resest default styles */
html, body, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*---------------------------
PAGE LAYOUT
---------------------------*/
/* float classes */
.lt {
float: left;
}
.rt {
float: right;
}
.clear {
clear: both;
}
body {
text-align: center;
background-color: #fff;
color: #333;
}
div#content {
position: relative;
background-color: #fff;
color: #333;
text-align: left;
margin: 20px auto 0 auto;
width: 980px;
border: 1px solid #ccc;
min-height: 560px;
}
div#content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#c1 {
float: left;
width: 340px;
padding: 110px 20px 0 120px;
}
div#c2 {
float: left;
width: 340px;
margin: 110px 20px 0 0;
}
.column720 {
float: left;
width: 720px;
padding: 110px 0 0 120px;
}
/* Case Studies Grid */
ul#case_studies {
display: block;
float: left;
margin: 0;
}
ul#case_studies li {
display: block;
width: 160px;
height: 128px;
margin-right: 20px;
margin-bottom: 1.4545em;
float: left;
}
ul#case_studies li a span {
display:none;
}
ul#case_studies li a {
background: url(../img/case_studies-sprite.png) no-repeat;
width: 160px;
height: 128px;
display: block;
background-position: left top;
}
ul#case_studies li.citi a {
background-position: 0px 0px;
}
ul#case_studies li.jabian a {
background-position: -160px 0px;
}
ul#case_studies li.smcled a {
background-position: -320px 0px;
}
ul#case_studies li.wit a {
background-position: -480px 0px;
}
ul#case_studies li.xerox a {
background-position: -640px 0px;
}
ul#case_studies li.artome a {
background-position: -800px 0px;
}
ul#case_studies li.jata a {
background-position: -960px 0px;
}
ul#case_studies li.griffin a {
background-position: -1120px 0px;
}
ul#case_studies li.agile a {
background-position: -1280px 0px;
}
ul#case_studies li.accessworldwide a {
background-position: -1440px 0px;
}
ul#case_studies li.elevenaudio a {
background-position: -1600px 0px;
}
ul#case_studies li.osadio a {
background-position: -1760px 0px;
}
/* Hover States */
ul#case_studies li.citi a:hover {
background-position: 0px -128px;
}
ul#case_studies li.jabian a:hover {
background-position: -160px -128px;
}
ul#case_studies li.smcled a:hover {
background-position: -320px -128px;
}
ul#case_studies li.wit a:hover {
background-position: -480px -128px;
}
ul#case_studies li.xerox a:hover {
background-position: -640px -128px;
}
ul#case_studies li.artome a:hover {
background-position: -800px -128px;
}
ul#case_studies li.jata a:hover {
background-position: -960px -128px;
}
ul#case_studies li.griffin a:hover {
background-position: -1120px -128px;
}
ul#case_studies li.agile a:hover {
background-position: -1280px -128px;
}
ul#case_studies li.accessworldwide a:hover {
background-position: -1440px -128px;
}
ul#case_studies li.elevenaudio a:hover {
background-position: -1600px -128px;
}
ul#case_studies li.osadio a:hover {
background-position: -1760px -128px;
}
.case_copy {
height: 416px;
}
.center_head {
padding-top: 125px;
}
.center_img {
margin-top: 90px;
}
.center_p {
margin-top: 90px;
}
#c1 ul, #c2 ul, #c1_work ul, #c2_work ul {
list-style: disc outside;
padding-left: 27px;
}
#c1 ol, #c2 ol, #c1_work ol, #c2_work ol {
padding-left: 27px;
list-style: decimal outside;
}
ul#brand_msg_deliverables #talking, ul#brand_msg_deliverables #values {
margin-left: 112px;
}
ul#brand_msg_deliverables #voice, ul#brand_msg_deliverables #headlines {
margin-left: 224px;
}
ul#brand_msg_deliverables #talking {
margin-top: -2.909em;
}
ul#brand_msg_deliverables #voice {
margin-top: -2.909em;
}
ul#brand_id_deliverables #brand, ul#brand_id_deliverables #visual, ul#brand_id_deliverables #business {
margin-left: 112px;
}
ul#brand_id_deliverables #stationery, ul#brand_id_deliverables #signage {
margin-left: 224px;
}
ul#brand_id_deliverables #brand {
margin-top: -4.3635em;
}
ul#brand_id_deliverables #stationery {
margin-top: -4.3635em;
}
ul#brand_comm_deliverables #case, ul#brand_comm_deliverables #brochures, ul#brand_comm_deliverables #presentations {
margin-left: 112px;
}
ul#brand_comm_deliverables #ads, ul#brand_comm_deliverables #direct, ul#brand_comm_deliverables #multimedia {
margin-left: 224px;
}
ul#brand_comm_deliverables #case {
margin-top: -4.3635em;
}
ul#brand_comm_deliverables #ads {
margin-top: -4.3635em;
}
div.callout {
border: 1px solid #5eb6e4;
padding: 15px 26px 0 26px;
}
p.page_numbers {
text-align: right;
}
.vcard {
border: 1px solid #5eb6e4;
width: 312px;
min-height: 128px;
margin-top: 90px;
margin-bottom: 1.4545em;
padding: 30px 0 0 26px;
}
a.pdf {
background: transparent url(/img/pdficon_small.gif) no-repeat right center;
padding: 0 22px 1px 0;
}
a.twitter {
background: transparent url(/img/twitter-icon.png) no-repeat left center;
padding: 0 0 1px 20px;
}
a.linkedin {
background: transparent url(/img/linkedin-icon.png) no-repeat left center;
padding: 0 0 1px 20px;
}
.lingo-logo {
float: right;
margin-left: 20px;
}
/*---------------------------
BRANDING
---------------------------*/
div#branding {
float: left;
width: 120px;
margin-right: 20px;
}
#branding h1 {
float: left;
margin: 20px 0 0 0;
}
#branding h1 a {
display: block;
width: 120px;
height: 70px;
background: #fff url(http://www.westreed.com/img/west-reed-logo.gif) no-repeat 0 0;
text-indent: -9999px;
}
/*---------------------------
MAIN NAVIGATION
---------------------------*/
ul#nav_main {
clear: both;
padding-top: 105px;
text-transform: uppercase;
letter-spacing: .04em;
}
#nav_main li {
width: 100%;
}
#nav_main a {
padding: 5px 0;
display: block;
text-align: right;
text-decoration: none;
}
/*---------------------------
SECONDARY NAVIGATION
---------------------------*/
ul#nav_sec {
padding-top: 116px;
}
#nav_sec li {
width: 100%;
}
#nav_sec a {
padding: 5px 0;
display: block;
text-align: right;
border-top: 1px solid #ccc;
text-decoration: none;
}
/*---------------------------
LEADERSHIP NAVIGATION
---------------------------*/
ul#nav_leadership {
list-style: none;
padding: 7px 0;
margin: 0 0 16px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
width: 340px;
}
#nav_leadership li {
float: left;
}
#nav_leadership a {
float: left;
display: block;
padding: 0 6px;
text-decoration: none;
}
#body_who_leadership_john_reed #john a,
#body_who_leadership_ben_reed #ben a,
#body_who_leadership_josh_reed #josh a {
color: #5eb6e4;
}
/*---------------------------
SITE INFO
---------------------------*/
div#site_info {
position: relative;
text-align: right;
margin: 0 auto;
width: 980px;
}
div#site_info p {
padding-top: 3px;
font-size: .90909em;
color: #666;
}
/*---------------------------
TYPOGRAPHY
---------------------------*/
body {
font: 68.75% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html>body {
font-size: 11px;
}
p, ul, ol, dl, dd, blockquote, .vcard {
font-size: 1em;
line-height: 1.4545em;
margin-bottom: 1.4545em;
}
/* image display fix */
img {
display: block;
margin-bottom: 1.4545em;
}
.inline {
display: inline;
}
h1, h5, h6 {
font-size: 1.5em;
line-height: 1.625em;
font-weight: normal;
margin-bottom: .625em;
}
h2 {
font-size: 1.8182em;
line-height: 1.6em;
font-weight: normal;
letter-spacing: .05em;
color: #512b1b;
margin-bottom: .8em;
}
h3 {
font-size: 1.0909em;
line-height: 1.3333em;
}
h4 {
font-size: 1em;
line-height: 1.4545em;
}
.bottom_margin_h3 {
margin-bottom: 1.3333em;
}
#c1 ol li, #c2 ol li {
margin-bottom: 1.4545em;
}
ol#nomargin li {
margin-bottom: 0;
}
ul#nav_main {
font-size: 1.0909em;
}
a:link {
color: #666;
text-decoration: underline;
}
a:visited {
color: #666;
text-decoration: underline;
}
a:hover, a:focus {
color: #5eb6e4;
}
a:active {
color: #666;
}
#body_who #who_tab a, #body_who_leadership_john_reed #who_tab a, #body_who_leadership_ben_reed #who_tab a,
#body_who_leadership_josh_reed #who_tab a, #body_what #what_tab a, #body_why #why_tab a, #body_how #how_tab a, #body_case #case_tab a,
#body_contact #contact_tab a, #body_articles #articles_tab a, #body_articles_2 #articles_tab a, #body_access-worldwide #case_tab a,
#body_agile #case_tab a, #body_artome #case_tab a, #body_citi #case_tab a, #body_eleven-audio #case_tab a,
#body_griffin #case_tab a, #body_jabian #case_tab a, #body_jata #case_tab a, #body_osadio #case_tab a,
#body_smc-led #case_tab a, #body_wit #case_tab a, #body_xerox #case_tab a {
color: #5eb6e4;
}
.blue, #body_articles a#page_1, #body_articles_2 a#page_2 {
color: #5eb6e4;
}
a:link.url, a:visited.url {
text-decoration: none;
}
/*---------------------------
IE HACKS
---------------------------*/
/* ie6 \*/
* html #content {
height: 1%;
}
/* ie7 */
*:first-child+html #content, #nav_main {
min-height: 1px;
}