/* Page setup */
* { margin: 0; padding: 0; }
form { height: 100%; }
html { min-height:100%; height:100%; }
body { min-height:100%; height:100%; padding: 0; margin: 0 !important; }
#site_container { height:auto; width:100%; }/*site_containter is for the siteResize function. Height must remain as auto*/

/* clearfix */
html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.hidden { visibility: hidden; overflow: hidden; }
.display_none { display: none; overflow: hidden; }
span.label { display: none; }
a.fill { display: block; width: 100%; height: 100%; text-decoration: none; }
a img{text-decoration:none; border:medium none;}

h2.cufonReplace_clare { font-size: 2.8em; padding: 0; margin: 0; }
h3.cufonReplace_goth { font-size: 2.6em; color: #535353; }
h4.cufonReplace_goth { font-size: 1.4em; color: #004796; margin-bottom: 1em; text-transform:uppercase;}
h4.cufonReplace_clare { font-size: 1.2em; color: #5e5e5e; margin-bottom: 1em;}
p.section_description { line-height: 1.8em; margin: 1em 0; float: left; width: 100%; }

.section_header { padding: 20px 0 0 0; }
.section_header h2 { width: 310px; float: left; }
.section_header_btn { float: right; margin: 0; padding: 0; height: 30px; }

.divider { border-top: 1px solid #e2e2d1; margin: 15px 0; }

/* floats */
.float_right{float:right;}
.float_left{float:left;}

/* list styles */
ul li{padding:2px 0px 2px 0px; list-style-type:none;}
.beige_bullets{list-style-image:url(/images/bullet_beige.gif); margin:-11px 0 26px -22px;}

/* three column */
.three_column { margin:0 0 20px; padding:20px 0 0;}
.column_one, .column_two, .column_three { float: left; width: 274px; height: auto; }
.column_two { margin: 0 40px; }

/*CSS class "cufonReplace" is used to specify what Cufón needs to replace*/
.cufonReplace {  }

/* Head styles */
#header_container { background-color: #252525; height: 90px; width: 100%; }
#header_content { width: 975px; height: auto; margin: 0 auto; }

#header_content h1 { background: transparent url(/images/ml-logo.png) no-repeat; float: left; width: 208px; height: 72px; }

#global_nav { float: right; list-style-type: none; height: 70px; margin: 15px 0 0; padding: 0; }
#global_nav li { background: transparent url(/images/global-navigation-divider.png) no-repeat 0 30px; float: left; height: 70px; overflow: hidden; padding: 0 0 0 4px; }
#global_nav li div { background: transparent url(/images/navigation-sprite.png) no-repeat 0 0; height: 140px; }
#global_nav li .pageLocked { margin-top: -70px !important; }

#nav_about { background-image: none !important; }
#nav_about div { width: 162px; background-position: 0 0 !important; }

#nav_services div { width: 91px; background-position: -166px 0 !important; }
#nav_work div { width: 97px; background-position: -262px 0 !important; }
#nav_clients div { width: 110px; background-position: -364px 0!important; }
#nav_careers div { width: 86px; background-position: -479px 0 !important; }
#nav_contact div { width: 102px; background-position: -574px 0 !important; }

/* Body styles */

#body_container { background: #ffffff url(/images/body-container-bg.png) repeat-x 0 0; }
#body_content { width: 975px; min-height: 100px; height: auto; margin: 0 auto; }

/*Default.aspx*/
#slider_gallery_container { padding: 23px 0 0; height: auto; width: 100%; }
#slider_gallery_content { margin: 0 0 0 40px !important; }
#slider_gallery_content ul { height: auto; }
#slider_gallery_content ul, #slider_gallery_content li { margin: 0; padding: 0;	list-style: none; }
#slider_gallery_content li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:891px;
	height:312px;
	overflow:hidden; 
	}
	
#slider_gallery_content li img { border: 0 solid black; }
	
#slider_controls { margin: 0; position: relative; display: none;} 

#prevBtn, #nextBtn { display: block; margin: 0; overflow: hidden; text-indent: -8000px;	width: 39px; height: 48px; position: absolute; left: 1px; top: -160px; }	
#nextBtn { background: url(/images/btn-next-slide.png) no-repeat 0 0; left: 931px; }
#prevBtn { background:url(/images/btn-previous-slide.png) no-repeat 0 0; }													
#prevBtn a, #nextBtn a { display: block; width: 100%; height: 100%; }

#slide01_text { width: 375px; float: left; margin: 20px 0 0 15px; }
#slide01_text h2 { font-size: 2.4em !important; }
#slide01_text h4 { font-size: 1.6em !important; }
#slide01_text h4 a { color: #004796; }
#slide01_text p { color: #4b4b4b; line-height: 1.6em; width: 92%; margin: 15px 0 20px; }
#slide01_text #view_project { background: transparent url(/images/btn-view-project.png) no-repeat 0 0; width: 145px; height: 30px; }
a#slide01_image { float: left; }

#slide02_text { width: 425px; float: left; margin: 20px 0 0 30px; }
#slide02_text h2 { font-size: 2em !important; }
#slide02_text h2 strong { font-size: 1.3em !important; }
#slide02_text p { color: #4b4b4b; line-height: 1.6em; width: 92%; margin: 15px 0 20px; }
#slide02_text #learn_about_ml { background: transparent url(/images/btn-about-marketlink.png) no-repeat 0 0; width: 185px; height: 30px; }
a#slide02_image { float: left; }

#dot_container { height: 17px; left: 45%; margin: 20px 0; position: absolute; top: -50px; }
a.slider_position_dot { margin: 0 5px; display: block; float: left; text-decoration: none; }
a.slider_position_dot#off { background: url(/images/btn-slide-position-off.png)no-repeat 0 0; width: 19px; height: 17px; }
a.slider_position_dot#on { background: url(/images/btn-slide-position-on.png)no-repeat 0 0; width: 19px; height: 17px; }


#home_vignettes_container { background: #eeeee3 url(/images/vignettes-bg.png) repeat-x top left; padding: 25px 0 0 0; }
#home_vignettes_content { width: 975px; height: 300px; margin: 0 auto 5px; }
.vignette_styles { float: left; width: 230px; height: 275px; margin: 0 5px 0 0; }
.vignette_styles .hidden_text { display: none; }

#ML_news { background: transparent url(/images/vignette01-marketlinkNews.jpg) no-repeat 0 0; margin: 0 5px 0 25px; }    
#ML_hires { background: transparent url(/images/vignette02-marketlinkHiring.jpg) no-repeat 0 0; }
#ML_success_story { background: transparent url(/images/vignette03-success-story.jpg) no-repeat 0 0; }
#ML_success_story2 { background: transparent url(/images/vignette04-success-story.jpg) no-repeat 0 0; }
#ML_tweets { background: transparent url(/images/vignette04-marketlinkTweets.jpg) no-repeat 0 0; position: relative; }
#ML_tweets #tweet_container { height: 176px; margin: 40px 0 0 19px; width: 183px; }
#ML_tweets #tweet_container p.preLoader { padding: 15px 0 0 0; }
#tweet_container ul { list-style-type: none; margin: 0; padding: 8px 0 0 0; overflow: hidden; }
#tweet_container ul li { border-top: 1px dotted #000000; margin: 5px 0 0; padding: 5px 2px 0; line-height: 1.3em; }
#tweet_container a { color: #dd9b01; }
#tweet_container a:hover { color: #c98d00; }
#tweet_container a:visited { color: #dd9b01; }
#ML_tweets a#to_twitter_profile { display: block; height: 53px; width: 100%; text-decoration: none; }
#ML_tweets img { position: absolute; left: 156px; position: absolute; top: 230px; cursor: pointer; }

/*Our Work*/

#our_work_container { width: 970px; height: 577px; margin-bottom: 15px; overflow: hidden; position: relative; }
#our_work_content { width: 100%; height: auto; margin: 0 0 0 12px; }

.work_tile { width: 229px; height: 186px; float: left; margin: 3px; }
.work_tile .work_mask { height: 175px; overflow: hidden; position: relative; }

.work_tile .work_tile_info { height: auto; margin: 0 0 0 9px; margin-top: 175px; width: 209px; background: transparent url(/images/our-work/work-info-bg.png) no-repeat 0 0; }                          
.work_tile .work_tile_info p { color: #ffffff; font-size: 1.3em; margin: 7px 0 5px 7px; width: 95%; float: left; }
.work_tile .work_tile_info a { background: transparent url(/images/our-work/arrow-link.png) no-repeat right 3px; color: #f4ad06; text-decoration: none; padding: 0 10px 0 0; margin: 0 0 7px 7px; float: left; display: block; } 

#paging_controls { margin: 0 0 0 10px; }
#paging_controls p { float: left; width: 15px; height: 17px; margin: 0 5px 10px 0; }
#paging_controls p#page1 {  }
#paging_controls p#page1.active { background: transparent url(/images/our-work/btn-page-1-active.png) no-repeat 0 0; }
#paging_controls p#page1.deactive { background: transparent url(/images/our-work/btn-page-1-deactive.png) no-repeat 0 0; }
#paging_controls p#page2.active { background: transparent url(/images/our-work/btn-page-2-active.png) no-repeat right 0; border-left: 1px solid #dadada; width: 21px; }
#paging_controls p#page2.deactive { background: transparent url(/images/our-work/btn-page-2-deactive.png) no-repeat right 0; border-left: 1px solid #dadada; width: 21px; }

/*Page 01*/
#reach_out_with_red_rose { background: transparent url(/images/our-work/thumb-reach-out-with-red-rose.jpg) no-repeat 0 0; }
#knorr_masterbrand { background: transparent url(/images/our-work/thumb-knorr-masterbrand.jpg) no-repeat 0 0; }
#lipton { background: transparent url(/images/our-work/thumb-lipton.jpg) no-repeat 0 0; }
#sidekicks_2009 { background: transparent url(/images/our-work/thumb-sidekicks-2009.jpg) no-repeat 0 0; }

#becel { background: transparent url(/images/our-work/thumb-becel.jpg) no-repeat 0 0; }
#becel_ost { background: transparent url(/images/our-work/thumb-becel-ost.jpg) no-repeat 0 0; }
#becel_concert { background: transparent url(/images/our-work/thumb-becel-concert.jpg) no-repeat 0 0; }
#ero_menu_planner { background: transparent url(/images/our-work/thumb-ero-menu-planner.jpg) no-repeat 0 0; }

#nutristep { background: transparent url(/images/our-work/thumb-nutristep.jpg) no-repeat 0 0; }
#redrose { background: transparent url(/images/our-work/thumb-red-rose.jpg) no-repeat 0 0; }
#oppi { background: transparent url(/images/our-work/thumb-oppi.jpg) no-repeat 0 0; }
#cougar { background: transparent url(/images/our-work/thumb-cougar.jpg) no-repeat 0 0; }

/*Page 02*/
#knorr_eat_in_colour { background: transparent url(/images/our-work/thumb-knorr-eat-in-colour.jpg) no-repeat 0 0; }
#ero { background: transparent url(/images/our-work/thumb-ero.jpg) no-repeat 0 0; }
#sidekicks_2007 { background: transparent url(/images/our-work/thumb-sidekicks-2007.jpg) no-repeat 0 0; }
#knorr_flavours_of_asia { background: transparent url(/images/our-work/thumb-knorr-flavours-of-asia.jpg) no-repeat 0 0; }

#brand_name_food_list { background: transparent url(/images/our-work/thumb-brand-name-food-list.jpg) no-repeat 0 0; }
#healthy_fats { background: transparent url(/images/our-work/thumb-healthy-fats.jpg) no-repeat 0 0; }
#ic_leasing { background: transparent url(/images/our-work/thumb-ivanhoe-cambridge.jpg) no-repeat 0 0; }
#eatracker { background: transparent url(/images/our-work/thumb-eatracker.jpg) no-repeat 0 0; }

#dc { background: transparent url(/images/our-work/thumb-dc.jpg) no-repeat 0 0; }
#ccfn { background: transparent url(/images/our-work/thumb-ccfn.jpg) no-repeat 0 0; }

/*Our-Work/Case-Study*/

#case_study_header {  }
#case_study_header h2 { width: 300px; float: left; padding-bottom: 0 !important; }
.next_case_study { background: url(/images/our-work/btn-next-case-study.png) no-repeat 0 0; width: 134px; }

#case_study_cloumnOne { width: 300px; float: left; }
#case_study_cloumnTwo { width: 630px; margin: 0 0 0 45px; float: left; }

#site_client_produced_blurb { margin: 0 0 20px 0; }
#site_client_produced_blurb a { color: #3F3F3F; text-decoration: none; }
#site_client_produced_blurb a:hover { color: #3F3F3F; }
#site_client_produced_blurb a:active { color: #3F3F3F; }
#label_website { background: url(/images/our-work/case-study/lbl-website.png) no-repeat 0 0; height: 25px; padding: 5px 0 0 80px; }
#label_client { background: url(/images/our-work/case-study/lbl-client.png) no-repeat 0 0; height: 25px; padding: 5px 0 0 80px; }
#label_produced { background: url(/images/our-work/case-study/lbl-produced.png) no-repeat 0 0; height: 25px; padding: 5px 0 0 80px; }


#case_study_gallery { padding: 23px 0 0; }
#case_study_gallery { margin: -27px 0 0 0 !important; }
#case_study_gallery ul, #case_study_gallery li { margin: 0; padding: 0; list-style: none; }
#case_study_gallery li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:620px;
	height:414px;
	overflow:hidden; 
	}
	
#case_study_gallery li img { border: 0 solid black; }

#case_study_controls { margin: 5px auto 0; position: relative; width: 205px; } 
#case_study_controls span { float: left; }
#titleText { margin: 4px 0 0 0; text-align: center; width: 165px; }
#cs_prevBtn, #cs_nextBtn { display: block; margin: 0; overflow: hidden; text-indent: -8000px;	width: 19px; height: 23px; }	
#cs_nextBtn { background: url(/images/btn-next-slide-small.png) no-repeat 0 0; float: right !important; }
#cs_prevBtn { background:url(/images/btn-previous-slide-small.png) no-repeat 0 0; }													
#cs_prevBtn a, #cs_nextBtn a { display: block; width: 100%; height: 100%; }

#additional_info {  }
#results_target_blurb { float: left; margin: 0 20px 0 10px; width: 280px; }
#capacties_blurb { width: 295px; float: left; }

#related_work { background: url(/images/our-work/case-study/lbl-related-work.png) no-repeat 0 0; padding: 35px 0 0 10px; } 
#related_work a { color: #f3b100; display: block; margin: 0 0 4px 0; }
#related_work a:hover { color: #f3b100; }
#related_work a:active { color: #f3b100; }

#case_study_utilities { width: 100%; margin: 0 0 15px 0;}
#back_to_gallery { background: transparent url(/images/our-work/case-study/btn-back-to-gallery.gif) no-repeat 0 0; float: left; width: 105px; height: 16px; }
/*#case_study_utilities .next_case_study { background: transparent url(/images/our-work/case-study/btn-next-case-study.gif) no-repeat 0 0; float: right; width: 105px; height: 16px; margin: 0; padding: 0; }*/

/* Cast Study Awards */
#rgd_ontario_award { background: transparent url(/images/our-work/case-study/rgd-ontario-award.gif) no-repeat 0 0; float: left; width: 294px; height: 91px; margin:10px 0 0 2px; }


/* Foot styles */
#foot_container { background-color: #e6e5d6; height: 118px; width: 100%; clear: both; }
#foot_content { width: 975px; height: 100%; margin: 0 auto; }

#footer_links { width: 608px; float: left; }
#footer_links p { background: transparent url(/images/h4-slogan.png) no-repeat 0 0; margin: 15px 0 5px; width: 210px; height: 23px; }

#social_links { float: right; }
#social_links p { margin: 0; padding: 0; height: 0; }

#footer_links ul { background: transparent url(/images/navigation-footer-sprite.png) no-repeat 0 0; list-style-type: none; width: auto; height: 23px; margin: 0; padding: 0; }
#footer_links ul li { float: left; height: 23px; margin: 0 5px 0 0; }

li#footer_nav_home { width: 55px; }
li#footer_nav_about { width: 123px; }
li#footer_nav_services { width: 75px; }
li#footer_nav_work { width: 79px; }
li#footer_nav_client { width: 84px; }
li#footer_nav_careers { width: 72px; }
li#footer_nav_contact { width: 89px; margin: 0px; }

#social_links { background: transparent url(/images/h4-follow-us-here.png) no-repeat 0 15px; width: 275px; padding: 35px 0 0 0;  }
#twitter { background: transparent url(/images/twitter-logo.png) no-repeat 0 0; width: 94px; height: 34px; float: left; }
#facebook { background: transparent url(/images/facebook-logo.png) no-repeat 0 0; width: 92px; height: 34px; float: left; }
#linkedin { background: transparent url(/images/linkedin-logo.png) no-repeat 0 0; width: 88px; height: 34px; margin: 0 0 0 10px; float: left; }

/* About Page */
.header_image{background:url(/images/about-corporate-overview.jpg) no-repeat; height:272px; width:934px;}
.body_about_marketlink .three_column{margin:0px 0px 0px 10px;}
ul.headshots{margin:0px 0px 0px 0px; padding:0 5px 0 0px; float:left;}
.headshot_group{margin:0px 0px 10px 0px;}

/* Client List */
.client_list_container{overflow:hidden; height:740px; position:relative;}

.client_list { height:740px; !important;}
.client_list ul{float:left; padding:0 40px 0 0; width:173px;}
ul.col4{padding:0; }
.client_list li{ padding:25px;}
.client_list li img{display: block; margin:0 auto; }

ul.col2 li{padding:38px 0 30px;}
ul.col3 li{padding:43px 0 10px;}
ul.col4 li{padding:29px 0 49px;}

.list{padding:0 73px 0 0; float:left; }
.list li{padding:0;}
.list_last_column ul{padding:0 !important;}
.list_last_column li{padding:0 !important;}
.title{margin:21px 0 -10px !important;}


/* careers */

.careers_content .float_left{width:483px;}
.opportunities_overview{padding:20px 0px 10px 0px;}

.alt_colours a{padding:5px 0px 5px 0px;}
.alt_colours h4{color:#f4ad06; font-size: 1em; width:170px;}
.alt_colours h4.grey{color:#535353;}

.jobs_container {height:auto; overflow:hidden; border:0px solid red; width:900px; position:relative; }