/*HOME PAGE*/

#home_header{color: #FFFFFF; font-weight: normal; font-size:45px; line-height:50px; margin-top:30px; height:140px; margin-left:-2px; padding-top: 10px;}
#home_header a{color:#ffb5c5; cursor:pointer;}
#home_header a:hover{text-decoration:none; color:#6f012f;}
#home_header a:hover span.fauxlink{text-decoration:underline;}
#home_header a span { color:#f0f; }

#main_background_top{height:415px;}
#main_background_bottom{height:150px;}

#home_wrap{padding-bottom:80px;}

.home_module_row{margin-top:35px; padding-top:17px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x;}
.home_module_row .home_module_row_inner{right:-16px; position:relative;}

.home_module_row .home_module_row_inner .jumplink a{line-height:16px;}
.home_module_row .home_module_row_inner .jumplink a:hover{background-image:url(/assets/gfx/pinkdots3.gif); color:#871c4b; background-repeat:repeat-x; background-position:bottom; text-decoration:none;}

.awards .home_module_row .home_module_row_inner{margin-bottom: 40px; background: transparent url(/assets/gfx/gray_horiz_dot.gif) repeat-x left bottom;}
.awards .home_module_row .last { background: none; }
.home_module_row .home_module_row_inner a{position:relative; float:left; display:block;}
.home_module_row .intro{float:left; width:224px; height:194px; position:relative;}
.home_module_row .intro .inner{margin-right:16px; }
.home_module_row .intro .jumplink{font-weight:bold; position:absolute; bottom:0;}
.home_module_row .over{position:absolute; left:0; top:0; z-index:100; display:none;}
.home_module_row h2{margin-top:13px;}
.home_module_row h2.sIFR-replaced{margin-bottom:6px;}
.home_module_row p{font-size:13px; line-height:17px;}

#home_slideshow{
	position:relative;
	width:100%;
	height:220px;
	overflow:hidden;
}
#home_slideshow #home_slideshow_violator{
	z-index:1000;
	width:100%;
	height:30px;
	float:left;
	position:relative;
	top:-130px;
	left:0px;
}
#home_slideshow #home_slideshow_violator #project_caption{
	display:none;
	color:#ffffff;
	float:left;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
#home_slideshow #home_slideshow_violator #project_caption a{margin-left:8px; font-weight: bold;}
#home_slideshow #home_slideshow_violator #project_caption a:hover{text-decoration:none; background-image:url(/assets/gfx/pinkdot_standard.gif); background-repeat:repeat-x; background-position:bottom;}
#home_slideshow #home_slideshow_violator #slide_navigation{
	position:absolute;
	right:-11px;
	top:6px;
	width: 100px;
}
#home_slideshow #home_slideshow_violator #slide_navigation a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-color:#999999;
	width:14px;
	height:11px;
	float:left;
	margin-left:5px;
	cursor:pointer;
	overflow:hidden;
}
#home_slideshow #home_slideshow_violator #slide_navigation a:hover{
	background-color:#333333;
}
#home_slideshow #home_slideshow_violator #slide_navigation a.activeSlide{
	background-color:#CC3300;
}
#home_slideshow #home_slideshow_violator #slide_navigation a{outline:none;}
#home_slideshow li span.slide_caption{display:none;}
#home_slides{
	background-color:#FFFFFF;
	overflow:hidden;
	height:400px;
}
#our_work_wrap .img_module_small{ display:inline; width:224px; margin-right:16px; height:189px; float:left; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:bottom;}
#our_work_wrap .img_module_small:hover{ background:none; }

#inside_odopod_modules a{margin-right:16px;}
#inside_odopod_modules a.last{margin-right:0;}



/*OUR WORK*/

#our_work_wrap{margin-bottom:80px;}

#main_tags{width:960px;}
#main_tags a{cursor:pointer !important;}
#main_tags .main_tag .subhead{font-size:14px; margin-top:-8px;}
#main_tags .main_tag .taglist{text-align:right; display:block; width:275px; height: 22px;}
#main_tags .main_tag .taglist a{color:#FFB5C5;}
#main_tags .main_tag .taglist a:hover{text-decoration:none !important; background-image:url(/assets/gfx/pink_pinkdots1.gif); background-repeat:repeat-x; background-position:bottom; }
#main_tags .main_tag .taglist strong{font-weight:normal !important; text-transform:uppercase;}

#our_work_wrap .main_tag .head{font-size:33px; font-weight:normal; }

#related_lists{}
#related_lists ul{width:304px; float:left; margin-right:16px;}
#related_lists ul.last{margin-right:0;}
#related_lists ul li{ display:inline; }
#related_lists ul li div.inner{ background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; padding:5px 0 5px 0;  }
#related_lists ul li div.inner a,
#related_lists ul li .related_title{ padding:5px 0 0 0px; margin-bottom:5px; margin-left:15px; font-weight:bold; }
#related_lists ul li .related_title{color:#2b2b2b; display:block;}

#related_lists ul li div.inner a{}
#related_lists ul li div.inner a:hover{background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; color:#871c4b; text-decoration:none;}

#strategy_replace{}
#ui_innovation_replace{}
#digital_marketing_replace{}


/*PROJECT*/

body.work_detail #main_background_top{height:440px;}
body.work_detail #main_background_bottom{height:100px; background-image:url(/assets/gfx/pink_dot_bg_large_medium.gif);}

#project_header{height:128px;}
#project_header h1{float:left;}
#project_header .sIFR-flash{width:800px;}
#project_header #project_logo{float:right; padding-top:18px;}

#project_slideshow{margin-top:-10px; }
#project_slideshow #project_chapters{float:left; width:240px;}
#project_slideshow #project_slides{float:right; width:705px;}
#project_slideshow object{display:block;}

.video_slide{overflow:hidden; width:704px;}

#project_chapters{position:relative; top:-26px;}
#project_chapters h4{font-size:10px; text-transform:uppercase; color:#FFB5CF; margin-bottom:5px; }
#project_chapters ul{}
#project_chapters ul li{background-position: right top; background-image:url(/assets/gfx/chapter_dots.gif); font-size:16px; display:block; padding:1px 0 1px 6px; padding-left:0; margin-top:-1px; cursor:pointer;}
#project_chapters ul li .inner{background-color:#de3d81; padding:5px 0 6px 0; width:auto; height:20px;}
#project_chapters ul li .chapter_disclose{display:none; height:70px;}
#project_chapters ul li .chapter_disclose .chapter_description{overflow:hidden; font-size:12px; line-height:17px; color:#ff82b7; height:37px; margin-top:5px; width:144px;}
#project_chapters ul li .chapter_disclose .chapter_progress{color:#fff; font-weight:bold; font-size:12px; margin-top:10px;}
#project_chapters ul li .chapter_disclose .chapter_progress .progress_title{ text-transform:uppercase; color:#ff82b7; font-size:10px;}
#project_chapters ul li a{color:#fff; outline:none;}
#project_chapters ul li a:hover{text-decoration:none;}

#project_chapters ul li.active div.xxxx{}

#project_content{margin-left:240px; width:705px; margin-bottom:50px;}
#project_content #project_description{width:464px; float:left;}
#project_content #project_description h2{margin-top:35px;}
#project_content #project_description h2.sIFR-replaced{margin-bottom:12px;}
#project_content #project_description p{}
#project_content #project_jump{margin-top:-5px;}
#project_content #project_jump a{font-weight:bold; font-size:14px;}
#project_content #project_jump a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;}
#project_quote{float:right; width:224px; margin-top:82px;}
#project_quote #project_quote_author{margin-top:5px;}

#project_boxes{margin-left:240px; margin-bottom:85px;}
#project_boxes .project_box{float:left; padding-top:25px; margin-right:16px; width:224px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-position:top; background-repeat:repeat-x;}
#project_boxes .last{margin-right:0;}
#project_boxes li strong a{font-size:14px;}
#project_boxes .jump{font-weight:bold; display:inline; margin-top:40px; font-size:14px; }
#project_boxes .jump:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;}

#project_box_tags ul li a{font-weight:bold; display:inline;}
#project_box_tags ul li a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;}

#project_box_awards ul li{margin-bottom:21px;line-height:17px;}
#project_box_awards ul li div.award_icon{float:left;}
#project_box_awards ul li div.award_description{float:left;margin-left:11px;padding-top:5px;width:175px;color:#999;}
#project_box_awards ul li div.award_description strong{color:#4b4b4b;}

#odoslide_stage{height:400px;}
#odoslide_controls .odoslide_next, #odoslide_controls .odoslide_previous{width:334px; height:42px; position:absolute; top:0; }
/*#odoslide_controls .odoslide_next img, #odoslide_controls .odoslide_previous img{}*/
#odoslide_controls .odoslide_next{right:19px; text-align:right;}
#odoslide_controls .odoslide_previous{left:19px;}

#odoslide_take_a_look{width:224px; height:52px; background-image:url(/assets/gfx/take_a_look.gif); position:absolute; top:170px; right:10px; cursor:pointer;}
#odoslide_take_a_look:hover,
#odoslide_take_a_look.hover{background-position:0 52px;}

#project_slides ul{width:0; height:0; overflow:hidden;}
.odoslide_next,.odoslide_previous{width:110px; height:105px; }
.odoslide_previous{left:100px; width:200px; height:200px;}

/*related projects*/

#extra_footer #related_modules{width:944px; margin:0 auto;}
#extra_footer #related_modules .module{margin-right:0; margin-left:16px;}
#extra_footer #related_title_module{float:left; width:224px; }










/*BLOG*/

body.blog #main_background_top{height:220px;}
body.blog #main_background_bottom{height:50px; background-image:url(/assets/gfx/pink_dot_bg_large_medium.gif);}


#blog_wrap{margin-top: 84px; margin-bottom:100px;}

#blog_posts{width:624px; float:left;}
#blog_posts .blog_post{margin-bottom:67px; border-top:5px solid #df3d82; padding-top:25px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position: bottom; padding-bottom:3px;}
#blog_posts .single{margin-bottom:20px;}
#blog_posts .blog_post a:hover{background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; color:#871c4b; text-decoration:none;}
#blog_posts .blog_post h1{font-size:28px; line-height: 35px; color:#df3d82; font-weight:normal;}
#blog_posts .blog_post h1 a{font-size:28px; color:#df3d82; font-weight:normal; display:inline;}
#blog_posts .blog_post h1 a:hover{font-size:28px; font-weight:normal; display:inline; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; color:#871c4b; text-decoration:none;}
#blog_posts .blog_post .post_meta{text-transform:uppercase; font-size:10px; color:#939393; margin-top:10px; margin-bottom:25px; font-weight: bold;}
#blog_posts .blog_post .post_meta .post_date{}
#blog_posts .blog_post .post_meta .post_author{}
#blog_posts .blog_post .post_body{}
#blog_posts .blog_post .post_body img{margin-bottom:25px; border: 1px #e5e5e5;}
#blog_posts .blog_post .post_body img.blog_image{margin-bottom:25px;}
#blog_posts .blog_post .post_footer{font-size:11px; color:#939393; font-weight:bold;}
#blog_posts .blog_post .post_footer .post_tags{float:left; width:450px;}
#blog_posts .blog_post .post_footer .post_comments_link{float:right; width:150px; text-align:right;}
#blog_posts .blog_post .post_footer .post_comments_link a{color:#939393;}
#blog_posts .blog_post .post_footer .post_comments_link a span.count{color:#df3d82;}

#blog_posts #pagination {width: 624px; text-align: right; margin-top: -40px;}
#blog_posts #pagination ul.pages {list-style: none; float: right;}
#blog_posts #pagination ul.pages li {color: #b4b4b4; font-size: 13px; font-weight: bold; list-style: none; float: left; width: 26px; height: 22px; background-color: #f7f7f7; margin-right: 2px; text-align: center;}
#blog_posts #pagination ul.pages li:hover {background-color: #871c4b;}
#blog_posts #pagination ul.pages li.active {background-color: #a8235d; color: #FFFFFF;}
#blog_posts #pagination ul.pages li.active:hover {background-color: #a8235d;}
#blog_posts #pagination ul.pages li.dots:hover {background-color: #f7f7f7;}
#blog_posts #pagination ul.pages li.newer {padding: 0 17px;}
#blog_posts #pagination ul.pages li.newer a {width: 60px; height: 22px; margin-left: -17px;}
#blog_posts #pagination ul.pages li.older {padding: 0 27px;}
#blog_posts #pagination ul.pages li.older a {width: 80px; height: 22px; margin-left: -27px;}
#blog_posts #pagination ul.pages li a {color: #b4b4b4; background-color: #f7f7f7; width: 26px; height: 22px; display: block;}
#blog_posts #pagination ul.pages li a:hover {color: #FFFFFF; background-color: #a8235d; text-decoration: none;}

#blog_sidebar{width:224px; float:right;}
#blog_sidebar a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;}
#blog_sidebar .blogmod{ background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position: bottom; margin-top:30px; padding-bottom:30px;}
#blog_sidebar .blogmod.last{background-image:none;}
#blog_sidebar .blogmod.first{ margin-top:0;}
#blog_sidebar .blogmod h3{text-transform:uppercase; margin-bottom:20px;}
#blog_sidebar #papers_mod.blogmod p{color:#999999;}
#blog_sidebar #tag_menu.blogmod a{color:#999999;}
#blog_sidebar #blog_tags_module #tag_menu ul li{display:block; border-bottom:1px solid #fff;}
#blog_sidebar #blog_tags_module #tag_menu ul li a{display:block; font-size:15px; font-weight:bold; background-image:url(/assets/gfx/blog_sidebar_arrow.jpg); background-position: right center; background-repeat:no-repeat;}
#blog_sidebar #blog_tags_module #tag_menu ul li a:hover{color:#871c4b;}
#blog_sidebar #author_mod img{float:left;}
#blog_sidebar #author_mod .author_info{float:right; width:145px; margin-top:-5px;}
#blog_sidebar #author_mod div.author_name{text-transform:uppercase; font-size:13px; font-weight:bold;}
#blog_sidebar #author_mod p{text-transform:uppercase; color:#939393; font-size:10px; line-height:17px; }
#blog_sidebar #awards_mod ul li{ margin-bottom: 15px; }
#blog_sidebar #awards_mod ul li a:hover{ text-decoration:none; color:#871c4b;  background-image:none;}
#awards_mod p {float: right; text-align: left; width: 170px; font-weight: normal;}
#blog_sidebar .award_icon {float: left; margin-right: 15px;}
#blog_search {padding: 0 0 10px; }
#blog_search_input {float: left; width: 125px; height: 12px; padding: 2px 2px; color: #b4b4b4;}
#blog_search_btn {float:right; width: 78px; height: 22px;}
#search_message{font-size: 24px;}
#press_module a:hover{color:#871c4b;}
#press_module span {float: left; font-size: 14px; font-weight: bold; margin-right: 15px;}
#press_module p {float: right; text-align: left; width: 170px; font-weight: normal; display: block;}

/* around the web */
#extra_footer #around_the_web{width:944px; margin:0 auto; padding: 14px 0;}
#extra_footer #around_the_web h3{font-size: 14px; font-weight: bold; color: #333333; margin: 0; padding: 0;}

#extra_footer #around_the_web_title{float:left; width: 944px; padding: 0 0 10px;}

#extra_footer #around_the_web_links{float:left; width: 400px; padding: 0 0 25px;}
#extra_footer #around_the_web_links #delicious {float:left; width: 209px; padding-right: 15px;}
#extra_footer #around_the_web_links #twitter {float:left; width: 161px; padding-right: 15px;}

#extra_footer #around_the_web_links ul {}
#extra_footer #around_the_web_links ul li {padding: 12px 10px 10px 0; list-style: none; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position: bottom; }
#extra_footer #around_the_web_links ul li a{font-weight: bold;}
#extra_footer #around_the_web_links ul li a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;}
#extra_footer #around_the_web_links ul li.first {}
#extra_footer #around_the_web_links ul li.last {background-image: none;}

#extra_footer #around_the_web_flickr {float:right; width: 544px; margin: 0; padding: 0;}
#extra_footer #around_the_web_flickr ul {margin-top: 15px;}
#extra_footer #around_the_web_flickr ul li {width: 75px; height: 75px; list-style: none; float: left; margin: 0 2px 2px 0; padding: 0;}
.twitter_logo {float: left; margin: 1px 6px 0 0;}

#blog_comments{}
#blog_comments li.comment{border-bottom:1px dotted #b7b7b7; margin-bottom:15px; padding-bottom:5px;}
#blog_comments li.comment .comment_meta{float:left; width:144px;}
#blog_comments li.comment .comment_meta .author{color:#636363; font-size:14px; font-weight:bold; text-align:right;}
#blog_comments li.comment .comment_meta .author .says{color:#ffb6d5;}
#blog_comments li.comment .comment_meta .comment_date{font-size: 9px; color:#939393; font-weight:bold; text-transform:uppercase; text-align:right;}
#blog_comments li.comment .comment_body{float:right; width:455px; font-size:12px; line-height:20px;}
#blog_comments #write_comment{ width:385px; }
#blog_comments #write_comment h4{font-size:13px; margin-bottom:20px;}
#blog_comments #write_comment fieldset{margin-bottom:20px;}
#blog_comments #write_comment #contact_fields #name_field{float:left; width:180px; margin-right:15px;}
#blog_comments #write_comment #contact_fields #email_field{float:left; width:180px;}
#blog_comments #write_comment #contact_fields input{width:170px; padding:3px;}
#blog_comments #write_comment textarea{width:368px; height:140px; font-family:arial; font-size:12px; color:#333333; padding:3px;}
#blog_comments #write_comment input.submit{float:right;}


/*MODULES*/

#modules .tag_intro{background-color:#ffffff; background-image:url(/assets/gfx/pink_stripe.gif); background-repeat:repeat-x; background-position:bottom; width:464px; height:392px; float:left; margin-right:16px;}
#modules .tag_intro p{padding:30px; padding-left:22px; color: #de3d81; font-size:28px; line-height:32px;}

#tag_header{height:119px;}
#tag_header h1{padding-top:38px; float:left;}

#tag_header #other_tags_dropdown{z-index:21; position:relative; float:right; width:225px; margin-top:50px; background-image:url(/assets/gfx/header_horiz_dots.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px;}
#tag_header #other_tags_dropdown .other_tags_button{cursor:pointer; color:#fff; font-weight:bold; background-image:url(/assets/gfx/down_arrow_white.gif); background-repeat:no-repeat; background-position:right 8px;}
#tag_header #other_tags_dropdown #tag_menu .other_tags_button{line-height:10px; padding:5px 10px; margin-right:7px; margin-top:5px; background-position:right 7px;}
#tag_header #other_tags_dropdown #tag_menu{display:none; padding-bottom:6px; width:242px; overflow:hidden; position:absolute; top:-4px; left:-10px; z-index:10; background-color:#a8235d;}
#tag_header #other_tags_dropdown #tag_menu ul{ padding:10px 0; display:none; }
#tag_header #other_tags_dropdown #tag_menu ul li{ width:242px; display:block; cursor:pointer !important;}
#tag_header #other_tags_dropdown #tag_menu ul li.last {padding-bottom: 15px;}
#tag_header #other_tags_dropdown #tag_menu ul li a{display:block; background-image:url(/assets/gfx/more_tags_arrow.gif); background-repeat:no-repeat; background-position:225px center; width:100%; padding:1px 10px; cursor:pointer !important; color:#fff; font-size:13px; font-weight:bold;}
#tag_header #other_tags_dropdown #tag_menu ul li.big a{font-size:16px}
#tag_header #other_tags_dropdown #tag_menu ul li.big.last{margin-bottom: 15px; padding-bottom: 15px; background-image:url(/assets/gfx/tag_nav_sep.jpg); background-repeat:no-repeat; background-position: 10px bottom;}
#tag_header #other_tags_dropdown #tag_menu ul li.separator{height:1px;padding-bottom: 15px;}
#tag_header #other_tags_dropdown #tag_menu ul li.separator div{height:1px; background-image:url(/assets/gfx/dropdown_dots.gif); background-repeat:repeat-x; background-position:top; padding:10px 0;}
#tag_header #other_tags_dropdown #tag_menu ul li.active a{color:#f08bb7; background-image:none;}
#tag_header #other_tags_dropdown #tag_menu ul li a:hover{background-color:#871c4b; text-decoration:none;}


#modules{ width:960px; position:relative; margin-bottom:50px; z-index:20;}


.module a:hover{text-decoration:none !important; cursor:pointer;}
.module a.inner{display:block;}
.module{float:left; display:block; position:relative; background-color:#df3d82; margin-right:16px; margin-bottom:16px; overflow:hidden;}
.module .module_icon{position:absolute !important; bottom:15px; right:15px;}
.module .module_body .module_body_inner{padding-top:13px; padding-left:15px; padding-right:15px;}
.module .module_body{font-weight:bold;}
.hover .subhead{color:#FFB5CF !important;}
.module .module_body .head{color:#ffffff;}
.module .module_body .subhead{color:#ffb5c5;}
.module .taglist{position:absolute; bottom:9px; left:14px; font-size:11px; font-weight:bold; color:#FFB5CF;}
.module .taglist a{color:#ffffff;}
.module .taglist a:hover{text-decoration:underline !important;}
.module.hover .taglist{}

.xl a{width:464px; height:392px;}
.xl .module_body{font-size:20px; line-height:22px;}
.xl .taglist{width:350px; height: 20px; overflow: hidden;}

.l a{width:304px; height:290px;}
.l .module_body{font-size:20px; line-height:22px;}
.l .taglist{width:218px; height: 40px; overflow: hidden;}

.s a{width:224px; height:188px;}
.s .module_body{font-size:15px; line-height:17px;}
.s .module_body .module_body_inner{padding-top:8px;}
.s .taglist{display:none;}

.xs a{width:144px; height:137px;}
.xs .module_body{font-size:12px; line-height:14px;}
.xs .module_body .module_icon{display:none;}
.xs .module_body .module_body_inner{padding-top:8px;}
.xs .taglist{display:none;}


.speech{background-color:#ffffff !important;}
.speech .module_body{border-left:1px solid #bdbdbd; height:108px; font-size:14px; line-height:17px; padding-top:7px;}
.speech a:hover .module_body .head,
.speech a:hover .module_body .subhead{color:#ffffff;}
.speech .module_body .head,
.speech .module_body .subhead{color:#636363; margin-bottom: 2px;}
.speech .stripe{background-color:#bdbdbd; width:100%; height:17px; position:absolute; bottom:17px;}
.speech .stripe{overflow:hidden; color:#ffffff;}
.speech .stripe div{padding-left:15px; padding-top:3px; text-transform:uppercase; font-size:11px !important;}
.speech .point{ background-image:url(/assets/gfx/grey_arrow.gif); height:17px; width:100%; position:absolute; bottom:0px; background-repeat:no-repeat; left:0; background-position:15px top; }



.speech_s .module_body{ height:158px; font-size:14px; line-height:17px; }
.speech .stripe{ height:28px; }
.speech .stripe div{ font-size:14px; text-indent:0; }
.speech_s img.module_icon{ bottom:55px !important;  }

.speech_xs .stripe{ height:11px; }
.speech_xs .stripe div{ text-indent:-9999px; }



#related_modules_tag_page{clear:both; padding-top:30px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:top; margin-bottom:160px;}

.module_award img.module_icon{display:block; bottom:43px; right:10px;}
.speech .subhead{ color:#b4b4b4 !important; }
.speech a:hover .subhead{ color:#ffffff !important; }

.module_paper .module_body{border-color:#ccc09c;}
.module_paper .stripe{background-color:#ccc09c;}
.module_paper .point{background-image:url(/assets/gfx/beige_arrow.gif);}

.module_award .module_body{border-color:#1ba2b5;}
.module_award .stripe{background-color:#1ba2b5;}
.module_award .point{background-image:url(/assets/gfx/teal_arrow.gif);}

.related_speech_group{float:left;}
.related_speech_group h3{text-transform:uppercase; font-size:14px; margin-bottom:30px;}

.video_indicator{display:none;}


/*VIDEO AND MOTION*/

#video_motion_player{margin-bottom:10px;}
#video_motion_player #html_content{background-color:#333; height:532px; width:945px;}
#video_motion_player #html_content #getflash{text-align:center; padding-top:250px;}
#now_playing_info{ position:relative; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:bottom; margin-bottom:15px;}
#now_playing_info h3{margin-bottom:13px;}
#now_playing_info h2{margin-bottom:0;}
#now_playing_info .data{float:left; width:784px;}
#now_playing_info .jumplink a{text-align:right; width:144px; position:absolute; bottom:15px; right:0; font-weight:bold;}
#now_playing_info #view_project_page{float:right; font-weight:bold; position:absolute; bottom:15px; right:0;;}

/*vid modules*/

.video_module{}
.video_module .video_indicator{display:block; position:absolute; top:3px; left:3px;}
.playing{background-color: #871c4b; height:188px; width:224px;}
.playing .video_indicator{display:block; position:absolute; top:3px; left:3px;}

/*CLIENTS INDEX*/
#clients_wrap{ margin-top:100px; margin-bottom:90px; }
#client_modules{ width:960px; }
.client_module{ float:left; position:relative; margin-right:16px; margin-bottom:16px; background-repeat:no-repeat;}
.big_client_module{ width:304px; height:290px; background-image:url(/assets/gfx/big_client_module_background.gif); }
.big_client_module img.client_logo{position:absolute; top: 0; left: 0; }
.small_client_module{ width:144px; height:137px; background-image:url(/assets/gfx/small_module_bg.gif); }
.small_client_module img.client_logo{ position:absolute; top:15px; left:20px; }
img.brand_story_violator{display:none;}


.client_hover_panel{ display:none; background-color:#a8235d; position:absolute; left:-8px; top:-8px;}
.big_client_module .client_hover_panel{width:320px; height:306px; }
.small_client_module .client_hover_panel{width:160px; height:153px; }
.client_hover_panel .client{color:#fff; font-weight:bold; font-size:25px !important; line-height: 26px; margin:30px 0 13px 30px;}
.small_client_module .client_hover_panel .client{margin:20px 20px 13px 20px;}
.small_client_module .client{margin-left:18px; font-size:22px !important; line-height:24px;}
.client_hover_panel .projects ul{}
.client_hover_panel .projects ul li{display:inline;}
.client_hover_panel .projects ul li a{font-weight:bold; color:#fff; display:block; padding:0 0 0 30px; font-size:14px; line-height: 21px; cursor:pointer;}
.small_client_module .projects ul li a{padding-left:18px;}
.client_hover_panel .projects ul li a:hover{ background-color:#871c4b; text-decoration:none; }

a.brand_story{cursor:pointer; background-image:url(/assets/gfx/brand_story_label.png); background-position:10px 14px; display:block; position:absolute; left:9px; bottom:13px; width:283px; height:33px;}
.panel_on a.brand_story{background-position:10px -16px;  border-top:1px dotted #f8b4c6;}

.small_client_module a.brand_story{ left:1px; bottom:5px; width:140px; }

span.brand_story{cursor:pointer; background-image:url(/assets/gfx/brand_story_label.png); background-position:left top; display:block; position:absolute; left:9px; bottom:13px; width:115px; height:16px; text-indent: -9999px; z-index: 9999;}
.panel_on span.brand_story{background-position: left 20px;}




/*BRAND STORY*/

#brand_story_wrap{ margin-top:50px; margin-bottom:65px; }
#brand_story_wrap #textcol{ float:left; width:417px; }
#brand_story_wrap #textcol #brand_story_intro{ }
#brand_story_wrap #textcol h2{ margin-top:50px; }
#brand_story_wrap #textcol #brand_story_quote{ border-top:1px dotted #b7b7b7; border-bottom:1px dotted #b7b7b7; margin-top:5px; margin-bottom:15px; padding-top:15px; padding-bottom:20px;}
#brand_story_wrap #textcol #brand_story_quote .byline{margin-top:5px;}

#brand_story_wrap #imgcol{ float:right; width:464px; }
#brand_story_wrap #imgcol .img_module{margin-bottom:55px;}
#brand_story_wrap #imgcol .img_module .caption{color:#808080; font-size:11px;}




/*JOBS PAGE*/

body.jobs #main_background_top{height:173px;}
body.jobs #main_background_bottom{height:50px; background-image:url('/assets/gfx/pink_dot_bg_header_small.gif');}


#jobs_wrap{margin-top:35px; margin-bottom:100px;}
#jobs_wrap #jobs_nav{width:224px; float:left;}
#jobs_wrap #jobs_nav ul{margin-bottom:35px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:bottom;}
#jobs_wrap #jobs_nav li{display:inline;}
#jobs_wrap #jobs_nav ul a,
#jobs_wrap #jobs_nav ul span.active_job{padding:5px 0; display:block; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; font-size:16px;}
#jobs_wrap #jobs_nav ul span.active_job{color:#333333;}
#jobs_wrap #jobs_content{float:left; margin-left:97px; width:464px; }
#jobs_wrap #jobs_content p#job_intro{color:#df3d82; font-size:28px; line-height:34px;}
#jobs_wrap h2{margin-top:20px; margin-bottom:0;}


/*AWARDS PAGE*/
#awards_wrap{margin-bottom:90px;}
#awards_wrap h2.sIFR-replaced{width:200px; overflow:hidden;}
#awards_wrap .home_module_row{position:relative;}
#awards_wrap .home_module_row ul.award_list{ width:400px; float:right; width:721px;}
#awards_wrap .home_module_row ul.award_list li{float:left; height:70px; margin-right:16px; width:224px; margin-bottom:30px;}

#awards_wrap .award_list img{float:left;}
#awards_wrap .award_list .award_info {float:left; margin-left:10px; width:174px;}
#awards_wrap .award_list .award_info .award_title {}
#awards_wrap .award_list .award_info .award_subtitle {color:#999;}
#awards_wrap .award_list .award_info .award_client {}

#award_modules{width:960px; margin-top:25px;}
#award_modules .award_module{position:relative; background-color:#eee; margin-right:16px; margin-bottom:16px; float:left;}
#award_modules .large_award_module{width:464px; height:392px;}
#award_modules .small_award_module{width:224px; height:188px;}

#award_modules .award_module .inner{font-weight:bold;}
#award_modules .award_module .inner .client{color:#b4b4b4;}

#award_modules .large_award_module .inner{font-size:30px; line-height:34px; padding:25px;}
#award_modules .large_award_module .award_icon{position:absolute; bottom:30px; right:30px;}

#award_modules .small_award_module .inner{font-size:15px; line-height:17px; padding:20px;}
#award_modules .small_award_module .award_icon{position:absolute; bottom:20px; right:20px;}


/*STRATEGY PROJECT PAGE*/
#strategy_project_header{height:130px;}

#strategy_project_top{}
#strategy_project_top #strategy_nav{float:left; width:215px;}
#strategy_project_top #strategy_nav ul li{}
#strategy_project_top #strategy_nav ul li{background-image:url(/assets/gfx/chapter_dots.gif); font-size:16px; display:block; padding:1px 0 1px 6px; padding-left:0; margin-top:-1px;}
#strategy_project_top #strategy_nav ul li a{display:block; background-color:#de3d81; padding:5px 0 6px 0;}
#strategy_project_top #strategy_nav ul li.active a{background-color:#B53269; padding-left:10px;}
#strategy_project_top #strategy_nav ul li.active{margin-left:-10px;}
#strategy_project_top #strategy_nav ul li a{color:#fff; outline:none; cursor:pointer;}
#strategy_project_top #strategy_nav ul li a span.number{font-size:11px; color:#FFA3CA; padding-right:5px;}
#strategy_project_top #strategy_nav ul li a:hover{text-decoration:none;}

#strategy_project_top #strategy_hero{float:right; width:704px; height:180px; }

#strategy_project_content{margin-left:241px; margin-top:140px;}
#strategy_project_content #text_content{float:left; width:449px;}
#strategy_project_content div.strategy_block{margin-bottom:60px;}
#strategy_project_content #sidebar{float:right; width:223px;}
#strategy_project_content{}

#strategy_project_content #sidebar .strategy_sidebox{margin-bottom:25px;}
#strategy_project_content #sidebar .strategy_sidebox img{display:block; }
#strategy_project_content #sidebar .strategy_sidebox .dotbox{background-image:url(/assets/gfx/box_dots.gif); padding:1px; }
#strategy_project_content #sidebar .strategy_sidebox .dotbox.notop{padding-top:0; }
#strategy_project_content #sidebar .strategy_sidebox .dotbox .mask{background-color:#fff; padding:10px; }
#strategy_project_content #sidebar .strategy_sidebox .dotbox .mask blockquote{font-size:17px; line-height:20px; margin-bottom:35px; }










/*HACKS*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */





/*
===================================================================
Contact Us
===================================================================
*/

/* Body Styles */
#contactUs #main_background_top {
	height:				1116px;
	background:			#df3d82 url(/assets/gfx/contactus_bgBody.gif) no-repeat top center;
	}

#contactUs a{}
#contactUs a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;}

/* Header */
#contactUs #contactUs_header {
	position:			relative;
	height:				90px;
	}

/* Main Content */
#contactUs #contactUs_wrap {
	width:				100%;
	height:				927px;
	}
	
#contactUs #infoModule_wrap {	
	float:				right;
	width:				624px;
	margin:				40px 0 0 0;
	padding:			0;	
	}
#contactUs #infoModule {	
	float: 				left;
	padding:			15px;
	background:			#fff;
	}
#contactUs #infoModule #map {
	position:			relative;
	width:				594px;
	height:				314px;
	margin:				0;
	padding:			0;
	background: 		url(/assets/gfx/contactus_map.gif) no-repeat;
	}
#contactUs #infoModule #map #odopod {
	position:			absolute;
	top:				108px;
	left:				326px;
	width:				73px;
	height:				27px;
	margin:				0;
	padding:			0;
	}
#contactUs #infoModule #map #zipcar {
	position:			absolute;
	top:				119px;
	left:				276px;
	width:				32px;
	height:				27px;
	margin:				0;
	padding:			0;
	}	
#contactUs #infoModule #map #sugar {
	position:			absolute;
	top:				185px;
	left:				360px;
	width:				32px;
	height:				27px;
	margin:				0;
	padding:			0;
	}
#contactUs #infoModule #map #suppenkuche {
	position:			absolute;
	top:				230px;
	left:				72px;
	width:				32px;
	height:				27px;
	margin:				0;
	padding:			0;
	}
#contactUs #infoModule #map #huf {
	position:			absolute;
	top:				191px;
	left:				155px;
	width:				32px;
	height:				27px;
	margin:				0;
	padding:			0;
	}
#contactUs #infoModule #map #thePark {
	position:			absolute;
	top:				210px;
	left:				205px;
	width:				32px;
	height:				27px;
	margin:				0;
	padding:			0;
	}
#contactUs #infoModule #map #blueBottle {
	position:			absolute;
	top:				232px;
	left:				300px;
	width:				32px;
	height:				27px;
	margin:				0;
	padding:			0;
	}		
.tooltip_wrap {
	position:			relative;
}
.tooltip_wrap a.pin {
	float:				left;
	display:			absolute;
	width:				32px;
	height:				27px;
}
.tooltip_wrap a.updated.odo {
	width:				73px;
}
.tooltip {
	position:			absolute;
	display:			block;
	width:				144px;
	height:				108px;
	bottom:				-27px;
	left:				0px;
	background:			#fff;
}

.tooltip a {
	display:			block;
	width:				144px;
	height:				108px;
	margin:				0;
	padding:			0;
	background:			#DE3D81;
}

.tooltip a img {
	text-decoration:	none;
}
	
#contactUs #infoModule dl {	
	float:				left;
	width:				180px;
	margin:				12px 10px 0 0;
	}
#contactUs #infoModule dl.last {	
	float:				left;
	width:				213px;
	margin-right:		0;
	}
#contactUs #infoModule dl dt,#contactUs #infoModule dl dd {	
	margin:				0;
	padding:			0;
	}	
#contactUs #infoModule h3 {	
	color:				#636363;
	margin-bottom:		5px !important;
	}
#contactUs #infoModule dl dd p {	
	font-size:			12px;
	line-height:		17px;
	margin:				0;
	padding:			0;
	}
#contactUs #infoModuleBtm {	
	float:				left;
	width:				609px;
	height:				37px;
	margin:				0;
	padding:			0;
	background: 		url(/assets/gfx/contactus_module_diag.gif) no-repeat 161px 0;
	}	

/* Footer */
#contactUs #footer #footer_dots {
	height:				47px;
	background: 		url(/assets/gfx/contactus_footerDots.png) repeat-x center;
	}













/*
===================================================================
Inside Odopod: Being Here
===================================================================
*/

/* Body Styles */
#beingHere #main_background_top {
height:				2960px;
}
#beingHere #main_background_bottom {
height:				173px;
}

/* Header */
.inside_odopod_header {
position:			relative;
height:				182px;
}
.inside_odopod_header ul#subNav {
position:			absolute;
left:				0;
bottom:				0;
width:				944px;
height:				62px;
list-style-type:	none;
}
*+html .inside_odopod_header ul#subNav {
bottom:				2px;
}
* html .inside_odopod_header ul#subNav {
bottom:				2px;
}
.inside_odopod_header ul#subNav li {
position:			relative;
display:			block;
float:				left;
width:				304px;
height:				62px;
margin-right:		16px;
background:			#b53268;
}
.inside_odopod_header ul#subNav li.last {
margin-right:		0;
}
.inside_odopod_header ul#subNav li a {
display:			block;
width:				304px;
height:				62px;
background-repeat:	no-repeat;
text-indent:		-9999px;
}
.inside_odopod_header ul#subNav li#theBasics a {
background:			none;
background-color:	#ce3978;
}
.inside_odopod_header ul#subNav li#theBasics a span {
	position:			absolute;
	left:				0;
	top:				21px;
	display:			block;
	width:				304px;
	height:				21px;
	background:			transparent url("/assets/gfx/subnav_insideOdo_theBasics.gif") no-repeat left top;
}
.inside_odopod_header ul#subNav li#theBasics.active a {
	background-color:	#b53268;
}
.inside_odopod_header ul#subNav li#theBasics.active a span {
	background-image:	url("/assets/gfx/subnav_insideOdo_theBasics_active.gif");
}

.inside_odopod_header ul#subNav li#beingHere a {
background:			none;
background-color:	#ce3978;
}
.inside_odopod_header ul#subNav li#beingHere a span {
	position:			absolute;
	left:				0;
	top:				21px;
	display:			block;
	width:				304px;
	height:				27px;
	background:			transparent url("/assets/gfx/subnav_insideOdo_beingHere.gif") no-repeat left top;
}
.inside_odopod_header ul#subNav li#beingHere.active a {
	background-color:	#b53268;
}
.inside_odopod_header ul#subNav li#beingHere.active a span {
	background-image:	url("/assets/gfx/subnav_insideOdo_beingHere_active.gif");
}

/* Main Content */
#beingHere #beingHere_wrap {
width:				100%;
padding-top:		1px;
background:			url(/assets/gfx/white_horz_dot.gif) repeat-x top left;
}
#beingHere #beingHere_wrap #intro {
width:				100%;
height:				391px;
background:			url(/assets/gfx/beingHere_default_intro.gif) repeat;
}	
#beingHere #beingHere_wrap ul li {
width:				100%;
background:			url(/assets/gfx/white_horz_dot.gif) repeat-x top left;
padding-top:		1px;
}
#beingHere #beingHere_wrap ul li#thingsOverheard div {
height:				451px;
background:			url(/assets/gfx/beingHere_default_thingsOverheard.gif) no-repeat top left;
}	
#beingHere #beingHere_wrap ul li#howWeRoll div {
height:				234px;
background:			url(/assets/gfx/beingHere_default_howWeRoll.gif) no-repeat top left;
}	
#beingHere #beingHere_wrap ul li#compost div {
height:				237px;
background:			url(/assets/gfx/beingHere_default_compost.gif) no-repeat top left;
}	
#beingHere #beingHere_wrap ul li#helmetCam div {
height:				435px;
background:			url(/assets/gfx/beingHere_default_helmetCam.gif) no-repeat top left;
}	
#beingHere #beingHere_wrap ul li#odofotos div {
height:				518px;
background:			url(/assets/gfx/beingHere_default_odofotos.gif) no-repeat top left;
}	
#beingHere #beingHere_wrap ul li#multiDisciplinary div {
height:				393px;
background:			url(/assets/gfx/beingHere_default_multidis.gif) no-repeat top left;
}			

/* Context */
#beingHere_context {
margin:				0 0 90px 0;
padding:			15px 15px 35px 15px;
border-bottom:		5px solid #df3d82;
background:			#fff;
}
#beingHere_context #jobListings {
float:				left;
width:				382px;
margin-right:		33px;
display:			inline;
}
#beingHere_context #jobListings h2 {
margin:				20px 0 5px 0;
}	
#beingHere_context #jobListings .jumplink a {
margin:				0;
padding:			0;
font-weight:		bold;
}

#beingHere_context #jobListings .jumplink a:hover {
  text-decoration:none;
  color:#871c4b;
  background-image:url(/assets/gfx/pinkdots3.gif);
  background-repeat:repeat-x;
  background-position:bottom;
}
	
#beingHere_context #linkContainer {

}
#beingHere_context #linkContainer div {
float:				left;
width:				222px;
margin:				10px 38px 0 0;
}
#beingHere_context #linkContainer div h3 {
font-size:			16px;
margin:				34px 0 6px 0;
}	
#beingHere_context #linkContainer div.last {
margin-right:		15px;
}	
#beingHere_context #linkContainer ul {
float:				left;
width:				222px;
}
#beingHere_context #linkContainer ul.last {
margin-right:		0;
}
#beingHere_context #linkContainer ul li {
display:			block;
background-image:	url(/assets/gfx/gray_horiz_dot.gif);
background-repeat:	repeat-x;
padding:5px 0 5px 0;
}
#beingHere_context #linkContainer ul li.first {
background:			none;
}
#beingHere_context #linkContainer ul li a {
/*display:      block;*/
font-weight:		bold;
padding:			5px 0 0px 0;
}
#beingHere_context #linkContainer ul li a:hover {
text-decoration:none;
color:#871c4b;
background-image:url(/assets/gfx/pinkdots3.gif);
background-repeat:repeat-x;
background-position:bottom;
}
#beingHere_context #linkContainer ul li a span.twitter {
display:			block;
background-image:	url(/assets/gfx/icon_twitter.gif);
background-repeat:	no-repeat;
background-position:0 3px;
padding:			0 0 0 24px;
}


/* hello page */

#hello_wrap{margin-top:50px; margin-bottom:60px;}
#hello_wrap #message_col{width:464px; float:left;}
#hello_wrap #list_col{width:464px; float:right;}
#hello_wrap #list_col p{font-size:11px; line-height:15px;}

#hello_wrap #message_col h2{font-size:28px; margin-bottom:16px;}
#hello_wrap #message_col #author_contact{font-size:11px; line-height:15px;}
#hello_wrap #message_col #name{line-height:15px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:11px; margin-bottom:15px;}
#hello_wrap #message_col #name #author{color:#df3d82; text-transform:uppercase; font-weight:bold; font-size:13px; font-weight:bold;}
#hello_wrap #message_col #name #title{text-transform:uppercase; font-size:13px;}

#hello_wrap #message_col #avatar{padding-bottom:5px;}

#hello_wrap #list_col #hero_img{margin-bottom:30px;}
#hello_wrap #list_col h3{
	margin-bottom:0;
	color:#FFFFFF;
	text-transform:none;
}
/* #hello_wrap #list_col h3.sIFR-replaced{margin-bottom:-10px;} */
#hello_wrap #list_col ol{list-style-type:none;}
#hello_wrap #list_col ol li.clearfix{background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; padding-top:20px;}
#hello_wrap #list_col ol li.clearfix ul{ padding-bottom:27px;}
#hello_wrap #list_col ol li.clearfix ul li a:after{content: ' Â»';}
#hello_wrap #list_col ol div.number{width:64px;float:left; font-size:45px; color:#df3d82; line-height:50px;}
#hello_wrap #list_col ol div.item_content{width:400px; float:left;}


/*error pages*/
#error_wrap{ height:580px; }
#error_wrap h1{ padding-top:165px; color:#fff; font-weight:bold; font-size:70px; }
p#error_sub{ color:#ffbcc7; font-size:20px; margin-top:50px; }
#error_links a{ color:#fff; font-size:21px; margin-right:60px; }

