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

/* RESET DEFAULTS */

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: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

strong { font-weight:bold; }

#subhead { height:0; padding-top: 56px; overflow:hidden; margin:20px 0 18px 0; }
.innovation { background-image:url(../assets/sub_innovate.png); background-repeat:no-repeat; background-position: -4px 0; }

#body { text-align:center; }
#container { width:835px; margin:0 auto; }
#masthead { width:100%; height:28px; border-bottom: 1px solid #000; margin:10px 0 20px 0; }
#logo { width:205px; float:left; margin-left:-2px; }
#tag { width:390px; float:right; margin-right:-3px; }
#navbar { width:100%; height:28px; margin:0; }
#navbar ul { float:left; }

.content { width:100%; margin:20px 0 0 0; background-repeat:no-repeat; background-position: -1px 0; }
#content_identity { background-image:url(../assets/heading_identity.png); }
#content_whatwedo { background-image:url(../assets/heading_whatwedo.png); }
#content_ourwork { background-image:url(../assets/heading_ourwork.png); }
#content_whywedoit { background-image:url(../assets/heading_whywedoit.png); }
#content_contact { background-image:url(../assets/heading_contact.png); }
#content_casestudy_tfk { background-image:url(../assets/heading_casestudy_tfk.png); }
#content_casestudy_cisco { background-image:url(../assets/heading_casestudy_cisco.png); }
#content_casestudy_juice { background-image:url(../assets/heading_casestudy_juice.png); }

h1, h2 { display:none; }


.bodycopy { width:100%; height:700px; background-repeat:no-repeat; background-position:right 70px; }
#bodycopy_identity { background-image:url(../assets/head_heart.gif); }
#bodycopy_whatwedo { background-image:url(../assets/head_pencil.gif); }
#bodycopy_ourwork { background-image:url(../assets/head_tv.gif); }
#bodycopy_whywedoit { background-image:url(../assets/head_smiley.gif);  }
#bodycopy_contact { background-image:url(../assets/head_arrow.gif); }

.copy, .copy p, .copy ul { font: 14px/24px "Lucida Sans", "Lucida Grande", Verdana, sans-serif; margin:0.5em 0 0 0; }
.copy li { margin:0.75em 0 0 0; }
.copy p strong { font-weight:bold; }
.copy p.first { margin-top:0; }
.copy em { font-style:italic; }
.copy h3 { font-size:16px; text-transform:uppercase; letter-spacing:0.2em; margin-top:0.5em; }
.copy p.caption { font-size:8px; text-transform:uppercase; letter-spacing:0.2em; margin:1em 0 0 0; }

#copy_identity { width:420px; float:left; margin:150px 0 0 0; }
#copy_whatwedo { width:420px; float:left; margin:150px 0 0 0; }
#copy_ourwork { width:420px; float:left; margin:150px 0 0 0; }
#copy_whywedoit { width:800px; float:left; margin:75px 0 0 0; }
#copy_whywedoit ul { list-style:inside square; }
#copy_whywedoit li { width:420px; }
#copy_whywedoit li .wide  { width:800px; }
#copy_contact { width:800px; float:left; margin:75px 0 0 0; }
#copy_casestudy { float:left; margin: 75px 0 0 0; }
#copy_casestudy p, #copy_casestudy ul { font-size:12px; }
#copy_casestudy ul, #copy_casestudy li { margin:0; list-style:square inside; }
#copy_casestudy ul ul { margin-left:2em; }
#copy_casestudy ul ul li { list-style:circle inside; }
#copy_casestudy h4 { text-transform:uppercase; letter-spacing:0.2em; font-size:12px; font-weight:bold; margin:0.5em 0 0 0; }