/* CSS Document */

/*

Organized by:

Global Typography
General Layout

Navigation
Header
Main
Footer

Forms and Tables
Misc.

*/



/* Global Typography
-------------------------------------------------------------- */

body { 
	color: #666; 
	font-family: Arial, Helvetica, sans-serif;
	}

a { color: #CC3300; text-decoration: none; }
a:hover { color: #CC3300; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #FFF; }
h2 { font-weight: bold; }
h3 { font-size: 2em; line-height: 1.5; }
h4 { font-size: 1.5em; line-height: 1.5; }



/* General Layout
-------------------------------------------------------------- */

body { 
	margin: 0;
	background-color: #FFF; 
	}
	
#header {
	position: relative;
	width: 993px;
	height: 157px;
	margin: 0 auto;
	}
	
#main, #flashcontent {
	position: relative;
	width: 993px;
	height: 497px;
	margin: 0 auto;
	}
	
#footer {
	width: 993px;
	margin: 10px auto;
	}



/* Navigation
-------------------------------------------------------------- */

#header ul {
	float: right;
	width: 783px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#header li { float: left; }
#header li a {
	display: block;
	float: left;
	height: 40px;
	margin-left: 10px;
	text-indent: -999em;
	overflow: hidden;
	}

li.client-success a { width: 158px; background: url(../img/nav_client_success.gif) no-repeat top left; }
li.in-the-know a { width: 142px; background: url(../img/nav_in_the_know.gif) no-repeat top left; }
li.lets-connect a { width: 153px; background: url(../img/nav_lets_connect.gif) no-repeat top left; }
li.what-we-do a { width: 140px; background: url(../img/nav_what_we_do.gif) no-repeat top left; }
li.who-we-are a { width: 140px; background: url(../img/nav_who_we_are.gif) no-repeat top left; }

#header li a:hover, #header li a.selected { background-position: top right; }

#sub-nav {
	position: absolute;
	top: -3px;
	left: 0;
	width: 993px;
	height: 38px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../img/bg_sub_nav.gif) repeat-x 0 3px;
	z-index: 5;
	}
#sub-nav li { float: left; }
#sub-nav a {
	display: block;
	float: left;
	height: 28px;
	margin-left: 8px;
	padding: 10px 8px 0;
	color: #FFF;
	font-size: 0.92em;
	text-decoration: none;
	}
#sub-nav a:hover, #sub-nav a.selected {
	background-color: #CC3300; 
	text-decoration: none;
	}
	
.our-core #sub-nav, .our-belief #sub-nav, .our-vision #sub-nav, .our-reach #sub-nav {
	width: 803px;
	padding-left: 190px;
	}
.whats-fresh #sub-nav, .whats-happening #sub-nav, .opportunities #sub-nav, .philanthropic-support #sub-nav {
	width: 493px;
	padding-left: 500px;
	}



/* Header
-------------------------------------------------------------- */

#header h1 {
	float: left;
	width: 185px;
	height: 125px;
	margin: 10px 0 0;
	background: url(../img/logo.jpg) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}
#header h1 a {
	display: block;
	height: 125px;
	background: url(../img/logo.jpg) no-repeat top left;
	}
#header h1 a:hover { background-position: top right; }



/* Main
-------------------------------------------------------------- */

h2.in-the-know, h2.mcg-favorites, h2.privacy {
	width: 352px;
	height: 33px;
	margin: 0;
	background: url(../img/title_in_the_know.png) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}
h2.mcg-favorites {
	width: 336px;
	height: 62px;
	margin-bottom: 40px;
	background: url(../img/title_mcg_favorites.png) no-repeat top left;
	}
h2.privacy {
	width: 494px;
	height: 36px;
	margin-bottom: 40px;
	background: url(../img/title_privacy.png) no-repeat top left;
	}
	
#main p, #main ul, #main ol {
	color: #FFF;
	font-size: 1em; 
	}
	
.primary-content {
	position: absolute;
	top: 35px;
	left: 0;
	width: 993px;
	height: 462px;
	overflow: auto;
	}
	
.slide-content {
	width: 993px;
	height: 462px;
	text-indent: -999em;
	overflow: hidden;
	}
.slide-content ol, .slide-content ul { list-style: none; }
	
.advertising .slide-content { background: url(../img/copy_advertising.png) no-repeat top left; }
.brand-partnerships .slide-content { background: url(../img/copy_brand_partnerships.png) no-repeat top left; }
.dodge-opportunity .slide-content { background: url(../img/copy_dodge_opportunity.png) no-repeat top left; }
.dodge-results .slide-content { background: url(../img/copy_dodge_results.png) no-repeat top left; }
.dodge-solution .slide-content { background: url(../img/copy_dodge_solution.png) no-repeat top left; }
.entertainment-marketing .slide-content { background: url(../img/copy_entertainment_marketing.png) no-repeat top left; }
.event-management .slide-content { background: url(../img/copy_event_management.png) no-repeat top left; }
.experiential-marketing .slide-content { background: url(../img/copy_experiential_marketing.png) no-repeat top left; }
.home .slide-content { background: url(../img/copy_home.png) no-repeat top left; }
.hyundai-opportunity .slide-content { background: url(../img/copy_hyundai_opportunity.png) no-repeat top left; }
.hyundai-results .slide-content { background: url(../img/copy_hyundai_results.png) no-repeat top left; }
.hyundai-solution .slide-content { background: url(../img/copy_hyundai_solution.png) no-repeat top left; }
.lets-connect .slide-content { background: url(../img/copy_lets_connect.png) no-repeat top left; }
.marketing .slide-content { background: url(../img/copy_marketing.png) no-repeat top left; }
.opportunities .slide-content { background: url(../img/copy_opportunities.png) no-repeat top left; }
.our-belief .slide-content { background: url(../img/copy_our_belief.png) no-repeat top left; }
.our-core .slide-content { background: url(../img/copy_our_core.png) no-repeat top left; }
.our-reach .slide-content { background: url(../img/copy_our_reach.png) no-repeat top left; }
.our-vision .slide-content { background: url(../img/copy_our_vision.png) no-repeat top left; }
.philanthropic-support .slide-content { background: url(../img/copy_philanthropic_support.png) no-repeat top left; }
.public-relations .slide-content { background: url(../img/copy_public_relations.png) no-repeat top left; }
.quince-opportunity .slide-content { background: url(../img/copy_quince_opportunity.png) no-repeat top left; }
.quince-results .slide-content { background: url(../img/copy_quince_results.png) no-repeat top left; }
.quince-solution .slide-content { background: url(../img/copy_quince_solution.png) no-repeat top left; }
.retail-marketing .slide-content { background: url(../img/copy_retail_marketing.png) no-repeat top left; }
.social-marketing .slide-content { background: url(../img/copy_social_marketing.png) no-repeat top left; }

#page-nav {
	position: absolute;
	height: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#page-nav li { float: left; }
#page-nav a {
	display: block;
	float: left;
	height: 14px;
	margin-right: 50px;
	text-indent: -999em;
	overflow: hidden;
	}
	
li.opportunity a { width: 113px; background: url(../img/page_nav_opportunity.png) no-repeat top left; }
li.solution a { width: 77px; background: url(../img/page_nav_solution.png) no-repeat top left; }
li.results a { width: 63px; background: url(../img/page_nav_results.png) no-repeat top left; }

#page-nav a:hover, #page-nav a.selected { background-position: top right; }

.dodge-opportunity #page-nav, .dodge-results #page-nav, .dodge-solution #page-nav { 
	top: 35px;
	left: 25px;
	}
.hyundai-opportunity #page-nav, .hyundai-results #page-nav, .hyundai-solution #page-nav { 
	top: 50px;
	left: 40px;
	}
.quince-opportunity #page-nav, .quince-results #page-nav, .quince-solution #page-nav { 
	top: 90px;
	left: 45px;
	}
	
a.link {
	position: absolute;
	display: block;
	height: 33px;
	overflow: hidden;
	}

a.cbgcla {
	top: 226px;
	left: 686px;
	width: 135px;
	background: url(../img/link_cbgcla.png) no-repeat top left;
	}
a.email-careers {
	top: 251px;
	left: 115px;
	width: 320px;
	background: url(../img/link_email_careers.png) no-repeat top left;
	}
a.email-christine {
	top: 356px;
	left: 270px;
	width: 352px;
	background: url(../img/link_email_christine.png) no-repeat top left;
	}
a.email-zully {
	top: 356px;
	left: 260px;
	width: 352px;
	background: url(../img/link_email_zully.png) no-repeat top left;
	}
a.laglc {
	top: 274px;
	left: 751px;
	width: 126px;
	background: url(../img/link_laglc.png) no-repeat top left;
	}
a.usasa {
	top: 179px;
	left: 488px;
	width: 132px;
	background: url(../img/link_usasa.png) no-repeat top left;
	}

a.link:hover { background-position: top right; }

.col-left {
	display: inline;
	float: left;
	width: 635px;
	margin: 20px 0 20px 20px;
	}
	
.col-right {
	display: inline;
	float: right;
	width: 283px;
	margin: 20px 15px 20px 0;
	}
	
.module {
	display: block;
	width: 283px;
	height: 44px;
	margin-bottom: 5px;
	background: url(../img/bg_module.png) no-repeat top left;
	}
form.module {
	width: 233px;
	height: 34px;
	padding: 10px 25px 0; 
	}
.module label {
	display: block;
	float: left;
	width: 100px;
	color: #FFF;
	vertical-align: middle;
	}
.module input, .module select {
	width: 130px;
	margin: 0;
	border: 1px solid #B4ACA0;
	border-top: 1px solid #5A5755;
	}
	
div.module {
	width: 233px;
	height: 319px;
	padding: 15px 25px;
	background: url(../img/bg_module_tall.png) no-repeat top left;
	}
div.module h2 {
	margin-bottom: 10px;
	color: #CC3300;
	font-size: 1.75em;
	line-height: 1.25;
	}
div.module h3 {
	margin-bottom: 25px;
	font-size: 1em; 
	}
div.module h4 {
	margin-bottom: 20px;
	color: #CC3300;
	font-size: 1.42em;
	font-weight: bold;
	line-height: 17px;
	}
div.module p { color: #999 !important; }
div.module form div { margin-bottom: 10px; }
div.module label {
	color: #999;
	font-weight: bold; 
	}
div.module input {
	width: 124px;
	padding: 2px 3px; 
	}
div.module input#submit {
	width: 73px;
	height: 31px;
	margin-left: 100px;
	padding: 0;
	border: none;
	}
	
a.open-the-blog {
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/btn_open_the_mcg_blog.gif) no-repeat top left;
	}
a.open-the-blog:hover { background-position: bottom left; }

.post {
	width: 465px; 
	margin-bottom: 40px;
	}
.post h3 {
	margin-bottom: 5px;
	font-size: 1.75em;
	font-weight: bold;
	letter-spacing: 0.75px;
	line-height: 1;
	}
.post h3 a, .post h3 a:hover { color: #FFF; }
.post a, .post a:hover { color: #F1C620; }

.date {
	float: left;
	width: 53px;
	height: 46px;
	margin-right: 10px;
	padding-top: 8px;
	background: url(../img/red_dot.png) no-repeat top left;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2.2em;
	line-height: 20px;
	text-align: center;
	}
.date span {
	display: block;
	font-size: 0.4em;
	text-transform: uppercase;
	}
	
.event { margin: 40px 0; }
.event h3 {
	margin-bottom: 5px;
	font-size: 1.33em; 
	font-weight: bold;
	letter-spacing: 0.75px;
	}
.event a, .event a:hover { color: #FFF; }
.event p {
	margin-bottom: 8px;
	font-size: 0.92em !important;
	line-height: 18px;
	}
	
#flashcalendar {
	width: 283px;
	height: 318px;
	}



/* Footer
-------------------------------------------------------------- */

#footer p {
	float: left;
	margin-right: 20px;
	padding-bottom: 40px;
	color: #BBB;
	font-size: 0.75em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.75px;
	}

#footer a, #footer a:hover { color: #666; }

#footer div.tools {
	width: 993px;
	height: 40px;
	margin-bottom: 10px;
	background-color: #DDD;
	}
#footer div.tools p {
	margin-right: 0;
	padding: 0;
	color: #666;
	font-size: 0.92em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	}	
	
.twitter-container {
	float: left;
	width: 715px;
	height: 40px;
	background: url(../img/apostrophe_left.gif) no-repeat 110px 8px;
	}
.twitter-container h3 {
	float: left;
	clear: none;
	width: 79px;
	height: 13px;
	margin: 14px 0 0 15px;
	background: url(../img/title_latest_tweet.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}
.twtr-hd { display: none; }
.twtr-widget .twtr-tweet { border-bottom: none !important; }
.twtr-widget .twtr-tweet-wrap { padding: 0 0 0 55px !important; }
div.twtr-tweet-text p {
	float: left;
	height: 25px;
	margin-top: 8px !important;
	padding: 5px 38px 0 0 !important;
	background: url(../img/apostrophe_right.gif) no-repeat top right;
	}
a.twtr-timestamp, a.twtr-reply { display: none; }
div.twtr-ft { display: none; }

.social-tools {
	float: right;
	height: 32px;
	padding: 8px 20px 0 0;
	}
.social-tools h3 {
	float: left;
	width: 92px;
	height: 13px;
	margin-top: 5px;
	background: url(../img/title_mcg_elsewhere.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}
.social-tools a {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	margin-left: 10px;
	text-indent: -999em;
	overflow: hidden;
	}
	
a.facebook { background: url(../img/icon_facebook.gif) no-repeat top left; }
a.linked-in { background: url(../img/icon_linkedin.gif) no-repeat top left; }
a.twitter { background: url(../img/icon_twitter.gif) no-repeat top left; }
a.you-tube { background: url(../img/icon_youtube.gif) no-repeat top left; }

.social-tools a:hover { background-position: bottom left; }

a.privacy-terms {
	display: block;
	width: 140px;
	height: 12px;
	margin: 0;
	background: url(../img/btn_privacy_terms.gif) no-repeat top left;
	}


/* Forms and Tables
-------------------------------------------------------------- */

label, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	font-weight: normal;
	}
	
#header form {
	float: right; 
	margin: 70px 0 12px;
	padding: 0;
	}
#header form div { float: left; }
#header label {
	display: block;
	float: left;
	width: 66px;
	height: 23px;
	margin: 1px 5px 0 0;
	background: url(../img/label_client_login.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}
#header input {
	margin-top: 0;
	margin-left: 5px;
	padding: 3px 5px;
	border: 1px solid #B4ACA0;
	border-top: 1px solid #5A5755;
	}
#header input#submit {
	width: 50px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: none;
	}
	
form.view-events { margin-top: 5px;	}
form.view-events label {
	display: block;
	float: left;
	width: 85px;
	height: 15px;
	margin-top: 7px;
	background: url(../img/title_view_events.png) no-repeat top left;
	text-indent: -999em !important;
	overflow: hidden !important;
	}	



/* Misc.
-------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
.last { margin-right: 0; }

a.button {
	text-indent: -999em;
	overflow: hidden;
	}