*, body  {font-family:Arial, Helvetica, sans-serif; color:#808080;}
body     {font-size:x-small; voice-family:"\"}\""; voice-family:inherit; font-size:small;}
html>body         {font-size:small;}

body,p,div,form,table,h1,h2,h3,h4,h5,h6   {margin:0; padding:0;}    	

body		{text-align:center;}

#container	{margin:7px auto; padding:0; text-align:left; position:relative; width:851px;}
#logo	{position:absolute; top:0; left:86px; z-index:10;}

#leftnav_box	{position:relative; width:100px; height:520px; margin-top:30px; float:left; text-align:right;}
#leftnav	{width:100px; text-align:right; position:absolute; bottom:29px; right:0;}
/* #leftnav	{width:150px; height:520px; margin-top:30px; float:left; text-align:right; position:absolute; bottom:0; right:0;}background-color:#900; */

#rightnav_box	{position:relative; width:151px; height:520px; margin-top:30px; float:left;}
#rightnav	{width:151px; text-align:left; position:absolute; top:22px; left:0;}

#leftnav div.toggler	{width:100px; height:18px; margin-top:1px; cursor:pointer;}
#leftnav div.toggler span	{visibility:hidden;}
#leftnav div.toggler a	{text-decoration:none; display:block; width:100px; height:18px;}
#rightnav div.toggler	{width:151px; height:18px; margin-top:1px; cursor:pointer;}
#rightnav div.toggler span	{visibility:hidden;}
#rightnav div.toggler a	{text-decoration:none; display:block; width:151px; height:18px;}

#leftnav div.element	{text-align:right; text-transform:uppercase; display:block;}
#leftnav div.element a	{text-decoration:none; font-size:75%; display:block; padding:3px 5px;}
#rightnav div.element	{text-transform:uppercase; display:block;}
#rightnav div.element a	{text-decoration:none; font-size:75%; display:block; padding:3px 5px 3px 10px;}
#rightnav div.element span	{font-size:75%; padding:3px 5px 3px 10px;}
a.hereiam	{color:#333;}

#nav_home	{background:url(../images/nav_home.gif) top right no-repeat;}
#nav_what_we_do	{background:url(../images/nav_whatwedo.gif) top right no-repeat;}
#nav_who_we_are	{background:url(../images/nav_whoweare.gif) top right no-repeat;}
#nav_our_clients	{background:url(../images/nav_ourclients.gif) top right no-repeat;}
#nav_our_work	{background:url(../images/nav_ourwork.gif) top right no-repeat;}
#nav_newsroom	{background:url(../images/nav_newsroom.gif) top right no-repeat;}
#nav_contact_us	{background:url(../images/nav_contactus.gif) top right no-repeat;}

#nav_home.active	{background:url(../images/nav_home_act.gif) top right no-repeat;}
#nav_what_we_do.active	{background:url(../images/nav_whatwedo_act.gif) top right no-repeat;}
#nav_who_we_are.active	{background:url(../images/nav_whoweare_act.gif) top right no-repeat;}
#nav_our_clients.active	{background:url(../images/nav_ourclients_act.gif) top right no-repeat;}
#nav_our_work.active	{background:url(../images/nav_ourwork_act.gif) top right no-repeat;}
#nav_newsroom.active	{background:url(../images/nav_newsroom_act.gif) top right no-repeat;}
#nav_contact_us.active	{background:url(../images/nav_contactus_act.gif) top right no-repeat;}

#nav_casestudies	{background:url(../images/nav_casestudies.gif) top left no-repeat;}
#nav_gallery	{background:url(../images/nav_gallery.gif) top left no-repeat;}
#nav_casestudies.active	{background:url(../images/nav_casestudies_act.gif) top left no-repeat;}
#nav_gallery.active	{background:url(../images/nav_gallery_act.gif) top left no-repeat;}

#nav_category	{background:url(../images/rt_nav_cat_nml.gif) top left no-repeat;}
#nav_client	{background:url(../images/rt_nav_client_nml.gif) top left no-repeat;}
#nav_glance	{background:url(../images/rt_nav_glance_nml.gif) top left no-repeat;}
#nav_category.active	{background:url(../images/rt_nav_cat_on.gif) top left no-repeat;}
#nav_client.active	{background:url(../images/rt_nav_client_on.gif) top left no-repeat;}
#nav_glance.active	{background:url(../images/rt_nav_glance_on.gif) top left no-repeat;}

#main		{width:598px; height:520px; margin-top:30px; float:left; border:1px solid #e7ebe7; border-top:none; border-bottom:none; position:relative;}
#hero_img	{position:relative; top:41px;}
#main.content	{background:transparent url(../images/bg_contentbox_bl_2.jpg) bottom left no-repeat;}

h1	{width:598px; height:90px;}
h1 span	{visibility:hidden;}
h1#ttl_ourphilosophy	{background:url(../images/title_ourPhilosophy.gif) top right no-repeat;}
h1#ttl_casestudies	{background:url(../images/title_caseStudies.gif) top right no-repeat;}
h1#ttl_gallerybyclient	{background:url(../images/ttl_gallerybyclient.gif) top right no-repeat;}
h1#ttl_gallerybygenre	{background:url(../images/title_galleryGenre.gif) top right no-repeat;}
h1#ttl_getajob		{background:url(../images/ttl_getajob.gif) top right no-repeat;}
h1#ttl_inourclientswords	{background:url(../images/title_clientWords.gif) top right no-repeat;}
h1#ttl_ourclientmix	{background:url(../images/title_ClientMix.gif) top right no-repeat;}
h1#ttl_ourclientsataglance	{background:url(../images/title_clientsGlance.gif) top right no-repeat;}
h1#ttl_ourservices	{background:url(../images/title_services.gif) top right no-repeat;}
h1#ttl_thecrew		{background:url(../images/title_theCrew.gif) top right no-repeat;}
h1#ttl_ournews		{background:url(../images/ttl_ournews.gif) top left no-repeat;}
h1#ttl_contactus	{background:url(../images/page_contactus.jpg) top left no-repeat; height:280px;}
h1#ttl_whatwedo		{background:url(../images/page_whatwedo.jpg) top left no-repeat; height:280px;}
h1#ttl_newsroom		{background:url(../images/page_newsroom.jpg) top left no-repeat; height:280px;}
h1#ttl_whoweare		{background:url(../images/page_whoweare.jpg) top left no-repeat; height:280px;}
h1#ttl_ourclients		{background:url(../images/page_ourclients.jpg) top left no-repeat; height:280px;}

.header	{margin-top:41px;}
.content_box	{background:transparent url(../images/bg_contentbox.jpg) top right no-repeat;}

.text_wide	{padding:15px 35px; display:block; clear:both;}
.text_wide .accent	{color:#ad855c; display:block; margin-bottom:10px;}
.text_wide_bold	{padding:22px; text-align:justify; font-weight:bold;}

.text_2col_center	{background:url(../images/sep_dottedLine_vert.gif) top center repeat-y;}
.text_2col_center ul	{list-style:none; margin:0; padding:0;}
.text_2col_center ul li	{list-style:none; margin:0; padding:10px 15px;}
.text_2col_center .col_left		{text-align:right; float:left; width:299px; padding:0;}
.text_2col_center .col_right	{text-align:left; float:right; width:299px; padding:0;}

.text_2col		{font-size:82%; background:url(../images/sep_dottedLine_vert.gif) top center repeat-y; position:relative; height:1%; clear:both;}
.text_2col h2	{font-size:120%; color:#9e7a4c; margin-bottom:5px;}
.text_2col .col_left	{float:left; width:244px; padding:0 20px 0 35px; line-height:1.5em;}
.text_2col .col_right	{float:right; width:244px; padding:0 29px 0 26px; line-height:1.5em;}
.text_2col ul.linklist, .text_2col ul.linklist li	{list-style:none; margin:0; padding:0;}
.text_2col ul.linklist	{margin-left:20px;}
.text_2col ul.linklist li	{padding:3px 0 0 0;}
.text_2col ul.linklist li a	{color:#dca05f; text-decoration:none;}

.text_2col .callout	{display:none; width:130px; padding-left:10px; background:url(../images/callout_arrow.gif) top left no-repeat; color:#808080; position:absolute; top:-17px; z-index:100;}
.text_2col .callout .info	{background-color:#e4e8e3; padding:10px;}
.text_2col	#sp	{left:80px; width:190px;}
.text_2col	#tp	{left:80px; width:190px;}
.text_2col	#nmd	{left:130px; width:250px;}
.text_2col	#bb	{left:130px; width:200px;}
.text_2col	#pcp	{left:130px; width:250px;}
.text_2col	#sacm	{left:130px; width:250px;}

div.contact	{padding-top:10px; margin-top:10px;}
.contact a	{color:#dca05f; text-decoration:none;}

.text_3col		{background:url(../images/sep_dottedLine_vert_200_xp.gif) top center repeat-y; font-size:82%;}
.text_3col h2	{color:#9e7a4c; margin-bottom:15px; font-size:100%; height:24px; vertical-align:bottom; padding:0 0 0 20px;}
.text_3col h2.lrg	{background:url(../images/tailfin_lrg.gif) bottom left no-repeat; padding-left:28px;}
.text_3col h2.med	{background:url(../images/tailfin_med.gif) bottom left no-repeat; padding-left:24px;}
.text_3col h2.sml	{background:url(../images/tailfin_sml.gif) bottom left no-repeat;}
.text_3col .col	{width:157px; float:left; padding:0 20px 0 22px; line-height:1.5em;}
.text_3col .first	{}
.text_3col.ocm .col	{line-height:1.3em;}

.links_3col		{font-size:82%; margin-top:10px;}
.links_3col .col	{width:157px; float:left; padding:0 20px 0 22px;}
.links_3col .col a	{color:#dca05f; text-decoration:none;}

.pic_row_3col {margin:20px 0 0 0;}
.pic_row_3col .col	{width:199px; text-align:center; float:left;}

/*  PAGE: Testimonials Page */
.testimonials	{padding-top:40px;}
.testimonials .leftarrow	{float:left; width:8px; padding:30px 0 0 10px;}
.testimonials .rightarrow	{float:right; width:8px; padding:30px 10px 0 0;}
.testimonials .content	{float:left; width:345px; height:240px; font-size:75%; margin:0 100px; display:inline; overflow:hidden; position:relative;}
.testimonials .content .t_instance	{position:absolute; top:0; width:345px;}
.testimonials .content .t_instance span	{padding-left:100px; display:block;}

#tsmn_1	{left:0;}
#tsmn_1 span	{padding-left:20px;}
#tsmn_2	{left:400px;}
#tsmn_2 span	{padding-left:80px;}
#tsmn_3	{left:800px;}
#tsmn_3 span	{padding-left:70px;}
#tsmn_4	{left:1200px;}
#tsmn_4 span	{padding-left:160px; padding-right:60px;}
#tsmn_5	{left:1600px;}
#tsmn_5 span	{padding-left:80px; padding-right:30px;}
#tsmn_6	{left:2000px;}
#tsmn_6 span	{padding-left:40px;}
#tsmn_7	{left:2400px;}
#tsmn_7 span	{padding-left:20px;}
#tsmn_8	{left:2800px;}
#tsmn_8 span	{padding-left:80px;}
#tsmn_9	{left:3200px;}
#tsmn_9 span	{padding-left:40px;}

/* PAGE: Our Clients At-A-Glance */
.client_logos	{padding-top:20px;}
.client_logos .leftarrow	{float:left; width:8px; padding:175px 0 0 10px;}
.client_logos .rightarrow	{float:right; width:8px; padding:175px 10px 0 0;}
.client_logos .content	{float:left; width:541px; height:320px; font-size:75%; margin:0 10px; display:inline; overflow:hidden; position:relative;}
.client_logos .content .t_instance	{position:absolute; top:0; width:540px;}
.client_logos .pic_row_3col {margin:25px 0 0 0; display:block; padding:0;}
.client_logos .pic_row_3col .col	{width:180px; text-align:center; float:left;}

#logos_1	{left:0;}
#logos_2	{left:600px;}
#logos_3	{left:1200px;}

/* PAGE: The Crew */
.details_person	{margin-top:30px; height:193px; margin-bottom:0; background:url(../images/bg_crew.gif) top left repeat-y;}
.details_person #crew_photo_div	{float:left; width:76px; margin-left:40px; display:inline;}
.details_person #crew_photo_div img	{border:1px solid #b7c2b7;}
.details_person #crew_bio_div	{float:right; width:400px; margin-right:40px; display:inline;}
#crew_bio	{padding-top:10px; font-size:85%; line-height:1.5em;}
#crew_title	{font-size:85%;}
#crew_name	{font-size:120%; color:#9e7a4c; font-weight:bold;}
.details_person	{}

.pic_row	{padding-top:40px;}
.pic_row .leftarrow	{float:left; width:8px; padding:30px 0 0 10px;}
.pic_row .rightarrow	{float:right; width:8px; padding:30px 10px 0 0;}
.pic_row .content	{float:left; width:504px; height:76px; font-size:75%; margin:0 0 0 25px; display:inline; overflow:hidden; position:relative;}
.pic_row .content img	{border:1px solid #b7c2b7; margin-right:5px; height:74px; width:74px;}
.pic_row .content .img_group	{position:absolute; top:0; width:504px;}

#crew_1	{left:0;}
#crew_2	{left:505px;}
#crew_3	{left:1010px;}
#crew_4	{left:1515px;}

/* PAGE: Case Studies */
.portfolio	{padding:15px 20px; font-size:75%; height:240px; background:url(../images/bg_portfolio.gif) top left repeat-y;}
.portfolio #project_list	{width:134px; float:left;}
.portfolio #project_list a	{text-decoration:none; line-height:1.5em; color:#dca05f;}
.portfolio .projectlist_ul	{list-style:none; margin:0; padding:0;}
.portfolio .projectlist_ul li	{list-style:none; margin:0; padding:0;}
.portfolio #project_closeup	{float:right; width:380px; height:240px; margin:0;}
.portfolio #project_img	{height:240px; margin:0;}
.portfolio h2	{font-size:120%; color:#9e7a4c; margin-bottom:5px;}
#portfolio_pic_row.pic_row	{ margin:10px 0 0 173px; padding:0;}
#portfolio_pic_row.pic_row .content	{width:425px; text-align:center; margin:0; padding:0;}
#portfolio_pic_row.pic_row .content img	{height:55px; width:55px;}
#portfolio_pic_row.pic_row .content .img_group	{position:static; margin:0; padding:0; width:auto;}

#project_main_text	{line-height:1.5em;}
#project_main_image	{display:block; margin-left:10px;}

div.contact .col_right ul	{margin:0; padding:0;}
div.contact .col_right ul li	{margin:0; padding:0; margin-left:15px;}

div.whatwedo	{padding-top:15px;}
div.whatwedo h2	{color:#fbb480; font-size:120%; margin:0; padding:0;}
div.whatwedo h2 a	{color:#dca05f; text-decoration:none;}
div.whatwedo .col {padding-top:5px;}

div.whoweare	{padding-top:15px;}
div.whoweare h2	{/*color:#fbb480; */font-size:120%; margin:0; padding:0;}
div.whoweare .col_left {padding-top:5px;}
div.whoweare .col_right {padding-top:5px;}

div.ourclients	{padding-top:15px;}
div.ourclients h2	{color:#9e7a4c; font-size:120%; margin:0; padding:0;}
div.ourclients h2 a	{color:#dca05f; text-decoration:none;}
div.ourclients .col {padding-top:5px;}

div.newsroom	{padding-top:15px;}
div.newsroom h2	{font-size:100%; color:#9e7a4c; font-weight:bold; margin:0; padding:0;}

.clear	{clear:both; visibility:hidden; height:1px; line-height:1px;}
.padtop-30	{padding-top:30px;}
.martop-20	{margin-top:20px;}
.a-right	{text-align:right;}
.f-left	{float:left;}
.f-right	{float:right;}
.show	{display:block;}

div.whatwedo_cat	{padding-top:15px;}
div.whatwedo_cat h2	{color:#fbb480; font-size:120%; margin:0; padding:0;}
div.whatwedo_cat h2 a	{color:#dca05f; text-decoration:none;}
div.whatwedo_cat .col {padding-top:5px;}
h1#ttl_whatwedo_cat		{background:url(../images/ttl_whatwedo.jpg) top left no-repeat; height:91px;}
div.whatwedo_cat .text_3col		{background:url(../images/sep_dottedLine_vert_200_xp_right.gif) top center repeat-y; font-size:82%;}
div#leftnav_box.new #leftnav div.element	{display:none;}
div#leftnav_box.new #leftnav div.element.show	{display:block;}
div#rightnav_box.new #rightnav div.element	{display:none;}
div#rightnav_box.new #rightnav div.element.show	{display:block;}

.brandsupport, .brandsupport a, div.brandsupport h2			{color:#9fad9e;}
.brandactivation, .brandactivation a, div.brandactivation h2	{color:#f08b1d;}
div.brandsupport.col table td	{padding:0 0 10px 10px; line-height:1.2em;}
div.brandactivation.col table td	{padding:0 10px 10px 0; line-height:1.2em;}
div.brandsupport.col table a, div.brandactivation.col table a	{text-decoration:none;}

div#callout		{background:url(../images/callout_top.gif) top left no-repeat; display:none; position:absolute; z-index:100; padding:1px 0 0 0;}
div#callout_text	{background:url(../images/callout_bottom.gif) bottom left no-repeat; color:#968d78; width:257px; text-align:left; font-size:90%; line-height:1.5em; padding:11px 44px 20px 20px;}
div#callout_text h3	{color:#968d78; font-size:100%; border-bottom:1px dotted #968d78; padding-bottom:5px; margin-bottom:5px;}

div#lcallout		{background:url(../images/callout_top.gif) top right no-repeat; display:none; position:absolute; z-index:100; padding:1px 0 0 0; text-align:right;}
div#lcallout_text	{background:url(../images/lcallout_bottom.gif) bottom left no-repeat; color:#968d78; width:257px; text-align:left; font-size:90%; line-height:1.5em; padding:11px 20px 20px 44px;}
div#lcallout_text h3	{color:#968d78; font-size:100%; border-bottom:1px dotted #968d78; padding-bottom:5px; margin-bottom:5px;}

#project_details	{width:505px; margin-left:20px; color:#666; position:relative;}
#project_description	{line-height:1.4em;}
#thumbs	{width:28px; margin:18px 20px 0 0; text-align:center;}
#thumbs div	{margin-bottom:4px;}
#breadcrumb	{font-size:78%; color:#9fad9e; margin:18px 0;}
#thumbs_window	{height:300px; overflow:hidden;}