BODY
{ 
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(images/SearchNavBknd.gif);
	background-repeat:repeat-x;
	text-align:center;
}
body>div{
width:auto;
min-width:950px;
}

#MetricsWrapper 
{
	z-index:1;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}


/* ************************************* */
/* *** Message Control */
/* ************************************* */
.messages { color:#008000; font-weight:bold; }
.messages a:link, .messages a:visited, .messages a:hover, .messages a:active { color:#008000; text-decoration:'underline'; font-weight:bold; }

.errormessages 
{ 
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
	line-height: 150%;
}

.errormessages a:link, .errormessages a:visited, .errormessages a:hover, .errormessages a:active { color:#FF0000; text-decoration:'underline'; font-weight:bold; }
.errormessages ul { color:#FF0000; font-weight:bold; }


/*********************************************************************************************************************
 * Top Navigation     																							 *
 *********************************************************************************************************************/

.SearchNav
 {
  width:950px;
  height:61px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(images/SearchNavBknd.gif);
  background-color:#000000;
  }

.SearchNav #TopLink
  {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FFFFFF;
  float:left;
  margin-left:10px;
  margin-top:25px;
  }
  
#TopLink a:link
  {
   color: #FFF;
   text-decoration:none;
   }

#TopLink a:visited
   {
   color: #FFF;
   text-decoration:none;
}

#TopLink a:hover
{
	color: #D5FFFF;
	text-decoration: none; 
}
  

.SearchNav #Connect
   {
   float:right;
   margin-top:25px;
   padding-right:15px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#FFFFFF;
   vertical-align:top;
   }

.SearchNav #DropDown
   {
   float:right;
   margin-top:7px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#FFFFFF;
   vertical-align:top;
   }





/*********************************************************************************************************************
 * Index Landing Page    																							 *
 *********************************************************************************************************************/



.Metrics_bodyOuterContainer{
	background-repeat: no-repeat;
	background-position: center top;
	z-index:1;
}

#Metrics_bodyOuterContainerTertiary{
	background-image: url('images/tertiaryBknd.jpg');
	background-repeat: repeat-x;
	z-index:1;
}

/*NEW*//********************************************************************************************************************************************************************************/

.GreenBox
{
   width:219px;
   height:177px;
   background-image: url('images/SecondaryBoxBknd.png');background-repeat: no-repeat;
   margin:0px;
   margin-top:30px;
  }
  
.BlueBox
{
   width:219px;
   height:177px;
   background-image: url('images/SecondaryBoxBknd_2.png');background-repeat: no-repeat;
   margin:0px;
   margin-top:30px;
  }

.BlueBox #copy, .GreenBox #copy
{ padding:10px 10px 5px 10px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#333333;
   line-height:110%;	
   }

.BlueBox #title, .GreenBox #title
{
   padding:0px 0px 5px 0px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:22px;
   color:#FFF;
   line-height:130%;	
}

.Learn
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#FFFFFF;
   margin:0px;
   line-height:normal;
   position:relative;
   top:-17px;
   left:110px;	
}

.Learn a:link, .Learn a:visited
{
   color:#FFFFFF;
   text-decoration:none;
}

.Learn a:hover
{
   color:#CCC;
   text-decoration:none;
}

.TertiaryHeading
{
 text-align:right;
 padding-top:50px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:30px;
 color: #006699;
 line-height:100%;
  }

/*NEW ENDS HERE*//*******************************************************************************************************************************************************************/





.widthConstrainer{
	width: 950px !important;
	margin: 0 auto !important;
	text-align:left;
}

.widthConstrainerTertiary{
	width: 950px !important;
	margin: 0 auto !important;
	text-align:left;
}


#logo
{  
   margin-top:11px;
   width:212px;
   height:80px;
   background:url(images/MMG_logo.png) no-repeat top left;_behavior: url(iepngfix.htc);
}

/*NEW*/
.GreenNavHome
{
margin-top:30px;
width:219px;
height:337px;
background-color:none;
}

.GreenNav
{
margin-top:30px;
width:219px;
height:337px;
background-color:#60BA07;
}

.GreenNavTertiary
{
margin-top:20px;
width:205px;
height:337px;
padding:20px 7px 5px 7px;
background-color:#60BA07;
}


#clients
{
margin:0px;
width:219px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#right
{float:right;}

#left
{float:left;}

#testimonial
{
 padding:10px 0px;
 font-family:Arial, Helvetica, sans-serif;
 font-style:italic;
 font-size:12px;
 color:#666666;
 line-height:140%;
}

#testimonialDivider
{
 margin-top:20px;
 background-image:url(images/DividerDotted.gif);
 background-repeat:no-repeat;
 height:10px;
}

.midcont
{margin:0px;
width:210px;
float:left;
}

.midcont #content
{
margin-top:109px;
margin-left:10px;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:16px;
line-height:22px;

}

/*********************************************************************************************************************
 * MAIN TOP NAV      																							 *
 *********************************************************************************************************************/
/* Main Nav */
	#mainNav {z-index:5;width:521px;height:34px;margin-left:0px; float:left ;position:relative;top:5px;}
	#mainNav ul {display:inline;}
	#mainNav ul li {float:left;display:inline;}
	#mainNav ul li a {display:block;color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	/*#mainNav ul li a span.sub {font-size:9px;position:relative;top:2px;}*/
	#mainNav .empty {height:16px;display:block;color:#ffffff;}
	#mainNav ul#mainNavButtons li a {height:16px;display:block;font-weight:bold;text-align:center; padding:6px 0px 7px 0px;}
	
	
	/* Buttons*/
	#mainNav .WhyMetrics a {width:95px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;  border:1px dotted #E3ffff; text-decoration:none;}
	#mainNav .WhyMetrics a:Hover,
	#mainNav .WhyMetrics a.selected { width:95px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; border:1px solid #60BA07; background-color:#FFFFFF;}
	
	#mainNav .CanHelp a {width:125px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;  border:1px dotted #E3ffff; text-decoration:none;}
	#mainNav .CanHelp a:Hover,
	#mainNav .CanHelp a.selected {width:125px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; border:1px solid #60BA07; background-color:#FFFFFF;}
	
	#mainNav .WhoWeWork a {width:127px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;  border:1px dotted #E3ffff; text-decoration:none;}
	#mainNav .WhoWeWork a:Hover,
	#mainNav .WhoWeWork a.selected {width:127px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; border:1px solid #60BA07; background-color:#FFFFFF;}
	#mainNav .Insights a {width:144px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;  border:1px dotted #E3ffff; text-decoration:none;}
	#mainNav .Insights a:Hover,
	#mainNav .Insights a.selected {width:144px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; border:1px solid #60BA07; background-color:#FFFFFF;}
	

/*********************************************************************************************************************
 * SUB TOP NAV STUFF       																							     *
 *********************************************************************************************************************/

	/* Sub Navs */
	*html #mainNav div {z-index:8; text-align:left; padding-top:1px; margin:0px;}
	#mainNav div {z-index:8; text-align:left; padding-top:1px; margin:0px;}
	
	/*PLOWS BUTTON*/ /*NEW UPDATE*/
	#mainNav div.subNav a {display:inline;}
	*html #mainNav div.subNav div.column {float:left; width:200px; padding:0px 0px 0px 0px; background-color:#9A9A9A; margin-top:26px; margin-left:14px; border:3px solid #FFF;}
	#mainNav div.subNav div.column {float:left; width:200px; padding:0px 0px 0px 0px; background-color:#9A9A9A; margin-top:26px; margin-left:26px; border:3px solid #FFF;}
	/*#mainNav div.subNav div.lastColumn2 {float:right;padding:20px 20px 19px 20px;}*/
	#mainNav div.subNav ul,
	*html #mainNav div.subNav ul li {font-family:Verdana, Arial,Helvetica,sans-serif;float:none; display:block; color:#FFFFFF; line-height:100%; margin-top:-10px;}
	#mainNav div.subNav ul li {font-family:Verdana, Arial,Helvetica,sans-serif;float:none; display:block; color:#FFFFFF; line-height:100%; margin-top:0px;}
	#mainNav div.subNav ul.white li {}
	#mainNav div.subNav ul.white li a {font-family:Verdana, Arial,Helvetica,sans-serif; font-size:12px;color:#FFFFFF;}
	#mainNav div.subNav ul.white li span {color:#FFFFFF;cursor:default;}
	#mainNav div.subNav ul.white li ul.black {}
	#mainNav div.subNav ul.white li ul.black li {margin:0px; background-color:#9A9A9A; width:200px; border-bottom:1px dotted #FFF; line-height:140%;}
	#mainNav div.subNav ul.black li a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF;font-size:11px; text-decoration:none;  margin-left:10px;}
	#mainNav div.subNav ul.black li a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCC;font-size:11px; text-decoration:none;}
	
	
	#mainNav .Navdivider {background-image:url(images/NavDivider.png); background-repeat:no-repeat; width:4px; height:30px;}
	
    /*MeyerDropdowns background images */ /*NEW UPDATE*/
    #MetricsSubNav {float:left;position:absolute; top:5px; left:-23px;}
	#MetricsSubNav div.subNav {width:120px;height:315px;}
    #CanHelpSubNav {float:left;position:absolute; top:5px; left:78px;}
	#CanHelpSubNav div.subNav {width:120px;height:330px;}
	#WhoWeWorkSubNav {float:left;position:absolute;top:5px;left:209px;}
	#WhoWeWorkSubNav div.subNav {width:120px;height:330px;}
	#MeyerEZmatch {float:left;position:absolute;top:5px;left:342px;}
	#MeyerEZmatch div.subNav {width:120px;height:330px;}
	
	/********************** preLoad Image Section ***********************************/
	/* Preloaders */
	#preLoadComSolutions{background:url(images/subNav_corporate_solutions.png) no-repeat;}		
	#preLoadComCustomer{background:url(images/subNav_corporate_customer.png) no-repeat;}		
	
	 /* This clears floating divs */
    .clear {height:1px;clear:both;}
    
	/* Hide/Show elements */
	.off {display:none;}
	.on {display:block;}
	
	img {border:0px;}
	/*a:link {color:#2d8cbb; text-decoration:none;}
	a:visited {text-decoration:none;}
	a:hover {color:#056b9d; text-decoration:underline;}
	a:active {color:#2d8cbb; text-decoration:none;}*/
	ul {margin:0px;padding:0px;list-style:none;}
	li {list-style:none; text-decoration:none;}
	/*h1, h2, h3, h4, h5, h6, h7 {margin:0px 0px 10px 0px;padding:0px;cursor:default;}*/
	select {margin:0px;padding:0px;}



/*********************************************************************************************************************
I WANT TO:  BUTTON DROPDOWN    																							     *
 *********************************************************************************************************************/
/* Main Nav */
	#mainNav2 {z-index:1000;width:300px;height:24px;position:relative;top:0px;}
	#mainNav2 ul {display:inline;}
	#mainNav2 ul li {float:left;display:inline;}
	#mainNav2 ul li a {display:block; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px;}
	/*#mainNav ul li a span.sub {font-size:9px;position:relative;top:2px;}*/
	#mainNav2 .empty {height:24px;display:block;color:#ffffff;}
	#mainNav2 ul#mainNavButtons2 li a {display:block;text-align:center;padding:0px 0px 0px 0px;}
	
	
	/* Buttons*/
	#mainNav2 .WhyMetrics2 a {width:300px; height:24px; background:url(images/BtnIwantOff.gif); background-repeat:no-repeat;}
	#mainNav2 .WhyMetrics2 a:Hover,
	#mainNav2 .WhyMetrics2 a.selected {background:url(images/BtnIwantOn.gif); background-repeat:no-repeat;}
	
		
	/* Sub Navs */
	*html #mainNav2 div {z-index:8; text-align:left; padding-top:1px; margin:0px;}
	#mainNav2 div {z-index:8; text-align:left; padding-top:1px; margin:0px;}
	
	/*PLOWS BUTTON*/ /*NEW UPDATE*/
	#mainNav2 div.subNav a {display:inline; margin:0px;}
	*html #mainNav2 div.subNav div.column {float:left; width:232px; padding:0px 0px 0px 0px; background-color:#333; margin-top:23px; margin-left:13px;}
	#mainNav2 div.subNav div.column {float:left; width:232px; padding:0px 0px 0px 0px; background-color:#333; margin-top:23px; margin-left:26px; border:1px solid #333;}
	/*#mainNav div.subNav div.lastColumn2 {float:right;padding:20px 20px 19px 20px;}*/
	#mainNav2 div.subNav ul,
	*html #mainNav2 div.subNav ul li {font-family:Verdana, Arial,Helvetica,sans-serif;float:none; display:block; color:#FFFFFF; margin-top:-10px;}
	#mainNav2 div.subNav ul li {font-family:Verdana, Arial,Helvetica,sans-serif;float:none; display:block; color:#FFFFFF; margin-top:0px;}
	#mainNav2 div.subNav ul.white li {}
	#mainNav2 div.subNav ul.white li a {font-family:Verdana, Arial,Helvetica,sans-serif; font-size:12px;color:#FFFFFF;}
	#mainNav2 div.subNav ul.white li span {color:#FFFFFF;cursor:default;}
	#mainNav2 div.subNav ul.white li ul.black {}
	#mainNav2 div.subNav ul.white li ul.black li {margin:0px; background-color:#666; width:232px; border-bottom:1px dotted #000; line-height:180%;}
	#mainNav2 div.subNav ul.black li a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF;font-size:11px; text-decoration:none;  margin-left:10px;}
	#mainNav2 div.subNav ul.black li a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCC;font-size:11px; text-decoration:none;}
	
	
	
    /*MeyerDropdowns background images */ /*NEW UPDATE*/
    #MetricsSubNav2 {float:left;position:absolute; top:0px; left:38px;}
	#MetricsSubNav2 div.subNav {width:300px;}
    



/*********************************************************************************************************************
 * INDEX CONTENT AREA      																							 *
 *********************************************************************************************************************/
.rightColumn
{
width:521px;
margin:0px;
}

.rightColumn #NavigationDropdown
{
float:right;
margin-top:50px;
}

.rightColumn #FlashSequence
{
float:right;
margin-top:14px;
}


.rightColumn #Events 
{
 float:left;
 margin-top:25px;
 width:520px;
 background-color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333333;
 line-height:130%;
  }
  
#Events a:link
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#006699;
 text-decoration:none;
 line-height:130%;
  }
  
#Events a:visited
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#006699;
  }
  
#Events a:hover
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#CCC;
 text-decoration:none;
  }

.rightColumn #Events div.Title
{
font-size:14px;
font-weight:bold;
margin-bottom:15px;
}

.rightColumn #Events div.SubTitle
{
font-size:12px;
font-weight:bold;
}


/*********************************************************************************************************************
TERTIARY LEVEL																							     *
 *********************************************************************************************************************/

.rightColumn #Tertiary 
{
 float:left;
 margin-top:29px;
 width:520px;
 background-color:none;
 color:#333333;
  }
  
.rightColumn #Tertiary div.Heading1
  
{
 width:520px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px; 
 font-weight:bold; 
 text-transform:uppercase; 
 color: #006699;
 line-height:120%;
  }
   
.rightColumn #Tertiary div.Heading2
{
 width:520px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:30px;
 color: #006699;
 line-height:100%;
  }


.rightColumn #Tertiary div.Title
{
 margin-top:40px;
 font-family:Arial, Helvetica, sans-serif;
 width:520px;
 font-size:24px;
 color: #006699;
 line-height:100%;
  }
  
.rightColumn #Tertiary div.SubTitle
{
 margin-top:30px;
 font-family:Arial, Helvetica, sans-serif;
 width:520px;
 font-size:12px;
 font-weight:bold;
 color: #000;
 line-height:140%;
  }
  
.rightColumn #Tertiary div.SubTitleOrange
{
 margin-top:20px;
 font-family:Arial, Helvetica, sans-serif;
 /*width:520px;*/ 
 font-size:18px;
 color: #FF6600;
 line-height:140%;
  }
  
.rightColumn #Tertiary div.copy
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  line-height:150%;
 }
 
 
 .copy ul
{
	list-style-type: none;
	padding-bottom: 5;
	margin: 5;
    line-height: 120%;
	padding-top:8px;
}


.copy li
{
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 10px 4px;
	list-style:none;
	padding-left: 19px;
	margin-bottom: 5px;
	line-height:150%;
}


.copy a:link {color:#006699; text-decoration:none;}
.copy a:visited {text-decoration:none;}
.copy a:hover {color:#CCC; text-decoration:none;}
.copy a:active {color:#006699; text-decoration:none;}

  
.copy 
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  line-height:150%;
 }



/*********************************************************************************************************************
 * FOOTER																							     *
 *********************************************************************************************************************/
.search { border:1px solid #666; font-size:11px; color:#333; font-family:arial, verdana; width:190px; height:15px; background-color:#D5FFFF; padding-top:5px;}

/*.line {
 width:100%;
 height: 1px;
 color: #333;
 background-color: #CCC;
 }
*/
.line{
 width:100%;
 height: 4px;
 background-image: url(images/footer_line.gif);
 background-repeat:no-repeat;
 }
 
.footer {
	width:521px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:40px;
  }
  
 .footer #Elogo {
	position:absolute;
	width:166px;
	height:150px;
	margin-left:420px;
	margin-top:15px;
	 background:url(images/ExactTargetLogo.jpg) no-repeat top right;
  }
  
 *html .footer #Elogo {
	position:absolute;
	width:166px;
	height:150px;
	margin-left:420px;
	margin-top:32px;
	background:url(images/ExactTargetLogo.jpg) no-repeat top right;
  }
  
 .footer h1{
    margin-top:10px;
	font-family:Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	font-weight:normal;
	margin-left:10px;
	float:left;
	}
	
 .footer h2{
    font-family:Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight:normal;
	padding-left:3px;
	margin:0px;
	}
	

.footer a {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006699;
	line-height:150%;
	text-decoration:none;
	}
	
.footer a:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	line-height:150%;
	text-decoration:none;
	} 
 
 .footer #copyright {
 	margin:0px;
	width:190px;
	text-align:right;
	padding-right:10px;
	padding-top:8px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:9px;
}
	
.emailfooter 
{   
	margin-top:5px;
	font-family:Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666; 
	font-weight:normal;


/*SITEMAP*/
.CustomControlContainer {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	}

.CustomControlContainer a {
    padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006699;
	line-height:150%;
	text-decoration:none;
	}

.CustomControlContainer a:vlink {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006699;
	line-height:150%;
	text-decoration:none;
	}
	
.CustomControlContainer a:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CCC;
	line-height:150%;
	text-decoration:none;
	} 
	
	