@charset "UTF-8";
/*GLOBAL RESET
--------------*/
body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, form, 
fieldset, legend, input, textarea, p,
blockquote, th, td 											{ margin: 0; padding: 0; }
table 														{ border-collapse: collapse; border-spacing: 0; padding: 0;  width: 100%; }
fieldset,
img,
a img 														{ border: 0; }
caption,
th 															{ text-align:left;}
q:before,
q:after 													{ content:''; }
input, 
textarea, 
select 														{ font-family:inherit; font-size: inherit; font-weight: inherit; }
button														{ border: none; background: none; padding: 0; margin: 0; cursor: pointer; }
.clearer													{ margin: 0; padding: 0; clear:both; }
legend,
.hide														{ display: none; visibility: hidden; }

body														{ font: 0.75em/1.4em Arial, Helvetica, sans-serif; color: #717475; width: 100%; overflow:auto; }


/*TYPOGRAPHY
-----------*/

#content p,
#content ul,
#content ol													{ margin-bottom: 0.91em; }

#content h1													{ font-size: 1.17em; color: #2c88d0; margin-bottom: 10px; }
#content h2													{ font-size:; color:; }
#content h3													{ font-size:; color:; }

#content .main-content a:link,
#content .main-content a:visited							{ color: #62a6da; text-decoration: none; }
#content .main-content a:hover,
#content .main-content a:active								{ color: #000; text-decoration: underline; }

#content .sub-content a:link,
#content .sub-content a:visited								{ color: #87898c; text-decoration: none; }
#content .sub-content a:hover,
#content .sub-content a:active								{ color: #333; text-decoration: none; }

p.readmore a												{ padding-left: 20px; background:url(../images/shared/icon/read-more-arrow.gif) 0 50% no-repeat; }


#content #left-column li									{  }

/*IMAGES*/
img.right													{ float: right; margin: 0 0 10px 30px; }
img.left													{ padding: 10px 0 10px 0;}
img.leftInner												{ padding: 0 10px 10px 0;}


/*STRUCTURE
----------*/
#wrap														{ width: 100%; height: 100%;}
#header														{ height: 80px; }
#banner														{ height: 230px; background: #061D3C; border-bottom: 3px solid #2c88d0;  }
#content													{  background: red; padding-bottom: 25px; background:url(../images/shared/backgrounds/content-bg.gif) 0 0 repeat-y; min-height: 370px; }
#footer														{ border-top: 1px solid #e2e4e5; padding-top: 20px; }
.container													{ text-align: left; padding-left: 30px; }
#header .container											{ min-width: 960px; }
#banner .container											{ background:url(../images/shared/backgrounds/banner-gradient.gif) 0 0 no-repeat; width: 960px; height: 230px;  position: relative; }
#content .container											{ width: 960px; }
#footer .container											{}

/*HEADER
-------*/
/*logo*/
#header h1													{ float: left; width: 155px; height: 51px; margin: 20px 0 0 0; }
/*newsletter subscription*/
#header #newsletter-form									{ /*float: right; width: 370px; margin: 40px 0 0 0; font-size: 0.91em;*/
															margin-left:295px; padding:20px 0;}
																
#header #newsletter-form p									{ float: left; width: 300px; }
#header #newsletter-form p label							{ float: left; width: 145px; height: 19px; color: #2c88d0; }
#header #newsletter-form p input							{ border: 1px solid #2c88d0; width: 145px; height: 19px; color: #949799; }
#header #newsletter-form p#submit							{ width: 55px; }
#header #newsletter-form p#submit button					{ border: none; background: none; width: 52px; height: 19px; }


/*BANNER
--------*/
/*menu*/
#menu														{ float: left; width: 260px; margin: 25px 0 0 0; }
#menu li 													{ list-style: none; display: block; width: 260px; height: 26px; }
#menu li a													{ display: block; height: 26px; width: 260px; background-position: 0 0; background-repeat: no-repeat; }
#menu li a span												{ display: none; }
#menu li a#mm-home											{ background-image: url(../images/shared/menu/mm-home.gif); }
#menu li a#mm-who-we-are									{ background-image: url(../images/shared/menu/mm-who-we-are.gif); }
#menu li a#mm-creative										{ background-image: url(../images/shared/menu/mm-creative.gif); }
#menu li a#mm-campaigns										{ background-image: url(../images/shared/menu/mm-campaigns.gif); }
#menu li a#mm-clients										{ background-image: url(../images/shared/menu/mm-clients.gif); }
#menu li a#mm-contact										{ background-image: url(../images/shared/menu/mm-contact.gif); }
#menu li a:hover,
body.home #menu li a#mm-home, 								
body.who-we-are #menu li a#mm-who-we-are,
body.creative #menu li a#mm-creative,
body.campaigns #menu li a#mm-campaigns,
body.clients #menu li a#mm-clients,
body.contact #menu li a#mm-contact							{ background-position: 0 -26px; }

#hero														{ float: right; width: 675px; margin-top: 15px; }


/*CONTENT
--------*/
.main-content												{ float: right; width: 650px; margin-top: 20px; }
.sub-content												{ float: left; width: 275px; }

/*fluid layout*/
.fluid														{ position: absolute; min-height: 425px; display: block; top: 80px; left: 305px; border-top: 5px solid #FFF; border-left: 5px solid #FFF; background: #FFF;  }
.main-content #left-column									{ float: left; width: 420px;  }
.fluid #left-column											{ width: 660px; padding: 20px; }
body.campaigns .fluid #left-column							{ width: 500px; padding: 20px; }
body.campaigns .fluid #content .sub-content					{ height: 1000px; }
body.contact .fluid #left-column							{ width: 440px; padding: 20px; }
body.contact .fluid #right-column							{ float:left;padding-top: 20px; }

.main-content #right-column									{ float: right; width: 190px; }

/*Sub-content*/
.sub-content .article										{ display: block; background:url(../images/shared/backgrounds/article-bg.gif) 100% 0 repeat-y; padding: 5px 45px 5px 0; border-bottom: 1px solid #edeff1; } 
#content .sub-content .article p							{ margin: 0; }
#content .sub-content										{ font-size: 0.92em; color: #87898c; line-height: 1.45em; }
#content .sub-content h1									{ di//splay: none; }
#content .sub-content h2									{ font-size: 1em; font-weight: normal; color: #2c88d0; }

/*FOOTER
-------*/
#footer														{ font-size: 0.91em; }
#footer ul,
#footer p													{ clear: both; margin-bottom: 5px; }

#footer	li													{ list-style: none; display: inline; margin-right: 5px; padding-right: 5px; border-right: 1px solid #3b8bc8; }
#footer	li.last												{ border: none; }
#footer li a												{ color: #3b8bc8; text-decoration: none; }

.privacy													{ color: #3b8bc8; text-decoration: none; }

#footer ul.icons a											{ display: block; background-repeat: no-repeat; background-position: 0 0; width: 16px; height: 16px; }
#footer ul.icons li											{ float: left; border: none; margin-right: 2px; }
#footer li.rss a											{ display: block; background: url(../images/shared/icon/rss-icon.gif) 0 0 no-repeat; width: 16px;  }
#footer li.youtube a										{ display: block; background: url(../images/shared/icon/Youtube-16x16.png) 0 0 no-repeat;}
#footer li.facebook a										{ display: block; background: url(../images/shared/icon/facebook-16x16.png) 0 0 no-repeat;}

#footer span												{ display: none; }

/*HOME
------*/
body.home #hero												{ float: right; width: 675px; height: 279px; margin: 0; }
body.home #banner											{ height: 280px; }
body.home .sub-content										{ margin: 0; }


body.home #banner .container								{ height: 280px; }
body.home .main-content										{}	
.feature													{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; float:right; }

body.home #content #left-column								{ width: 520px; }
	
body.home #content #right-column							{ width: 110px;  background: url(../images/home/content-bg.gif) 0 0 repeat-y;  }
body.home #content #right-column h1							{ color: #5c5e5d;  }
body.home #content #right-column p							{ margin: 0; }

#tabs														{ position: absolute; bottom: -3px; left: 30px; width: 275px; height: 28px; }
#tabs ul													{  margin: 0; }
#tabs li													{ list-style: none; float: left; height: 28px; }
#tabs li a													{ background-position: 0 -28px; background-repeat: no-repeat; display: block; height: 28px; }
#tabs li a span												{ display: none; }
#tabs li a#news-tab											{ width: 90px; margin-right: 2px; background-image: url(../images/shared/buttons/news-tab.gif); }
#tabs li a#campaign-tab										{ width: 175px; background-image: url(../images/shared/buttons/campaign-tab.gif); }
#tabs li a.active-tab										{ background-position: 0 0; }

/*SIDEMENU*/
.bullets li													{ list-style: none; margin-bottom: 0; _height: 1%; _overflow: auto; }
.bullets li a												{ text-decoration: none; font-weight: bold; font-style: normal; color: #2a90cf; font-size:11px;line-height:13px; }
.bullets li a 												{ display: block; padding: 0 0px 10px 10px; background: url(../images/shared/icon/arrow.gif) 0px 2px no-repeat; font-style: normal; }
.bullets li a:hover											{ color: #666666; background: url(../images/shared/icon/arrow.gif) 0px 2px no-repeat; text-decoration:none;  }

.bullets2 li												{ list-style: none; margin-bottom: 0; _height: 1%; _overflow: auto; }
.bullets2 li a												{ text-decoration: none; font-style: normal; color: #2a90cf; font-size:12px;line-height:14px; }
.bullets2 li a 												{ display: block; padding: 0 0px 5px 10px; background: url(../images/shared/icon/arrow.gif) 0px 2px no-repeat; font-style: normal; }
.bullets2 li a:hover										{ color: #666666; background: url(../images/shared/icon/arrow.gif) 0px 2px no-repeat; text-decoration:none;  }

					



/*SUBMENU'S
-----------*/
/*#sub-content #submenu										{ padding-top: 5px; }
*/
#submenu li													{ list-style: none; }
#sub-content #submenu li									{ list-style: none; padding: 5px 0; }
.fluid #submenu												{ height: 22px; margin-top: 10px;}
body.creative .fluid #submenu								{ margin-left: 25px; }
.fluid #submenu li											{ float: left; margin-right: 5px; }

#submenu li a												{ display: block; background-position: 0 0; background-repeat: no-repeat; }
#submenu li a span											{ display: none; }
/*
#sub-content #submenu li a									{ height: 15px; }
#sub-content #submenu li a.active,
#sub-content #submenu li a:hover							{ background-position: 0 -15px; }

#sub-content #submenu li a#sm-television					{ background-image: url(../images/shared/submenu/sm-television.gif); }
#sub-content #submenu li a#sm-print-outdoor					{ background-image: url(../images/shared/submenu/sm-print-outdoor.gif); }
#sub-content #submenu li a#sm-interactive					{ background-image: url(../images/shared/submenu/sm-interactive.gif); }
#sub-content #submenu li a#sm-catalogues					{ background-image: url(../images/shared/submenu/sm-catalogues.gif); }
#sub-content #submenu li a#sm-below-the-line				{ background-image: url(../images/shared/submenu/sm-below-the-line.gif); }
#sub-content #submenu li a#sm-campaign1						{ background-image: url(../images/shared/submenu/sm-campaign1.gif); }
#sub-content #submenu li a#sm-campaign2						{ background-image: url(../images/shared/submenu/sm-campaign2.gif); }
*/
.fluid #submenu li a										{ height: 17px; background-repeat: no-repeat; }
.fluid #submenu li a.active,
.fluid #submenu li a:hover									{ background-position: 0 -17px; }

.fluid #submenu li a#fm-television							{ width: 80px; background-image: url(../images/shared/submenu/fm-television.gif); }
.fluid #submenu li a#fm-print-outdoor						{ width: 120px; background-image: url(../images/shared/submenu/fm-print-outdoor.gif); }
.fluid #submenu li a#fm-interactive							{ width: 90px; background-image: url(../images/shared/submenu/fm-interactive.gif); }
.fluid #submenu li a#fm-catalogues							{ width: 85px; background-image: url(../images/shared/submenu/fm-catalogues.gif); }
.fluid #submenu li a#fm-below-the-line						{ width: 110px; background-image: url(../images/shared/submenu/fm-below-the-line.gif); }

.fluid #submenu li a#fm-ambra								{ width: 55px; background-image: url(../images/shared/submenu/fm-ambra.gif);}
.fluid #submenu li a#fm-yakka								{ width: 90px; background-image: url(../images/shared/submenu/fm-yakka.gif); }
.fluid #submenu li a#fm-shannons							{ width: 85px; background-image: url(../images/shared/submenu/fm-shannons.gif); }
.fluid #submenu li a#fm-haymes								{ width: 65px; background-image: url(../images/shared/submenu/fm-haymes.gif); }
.fluid #submenu li a#fm-bosch								{ width: 60px; background-image: url(../images/shared/submenu/fm-bosch.gif); }




.gallery-list												{}
#content  #left-column .gallery-list li						{ list-style: none; float: left; margin: 0 10px 10px 0; }
.gallery-list li a											{  }
.gallery-list li a span										{ display: none; }


/*CREATIVE
---------*/
#gallery-scroll												{ overflow: auto; }
#content .fluid #gallery-scroll ul							{ margin: 0; padding: 0; } 
.fluid #gallery-scroll ul 									{ white-space: nowrap; padding: 0; margin: 0; }
#content .fluid #gallery-scroll ul li 						{ display: inline;  margin: 0; list-style: none; padding: 0; padding-right:5px;}

/*Scrolling Gallery*/
.fluid #text												{ width: 610px; padding: 20px; }
/*gallery nav*/
#nav-controller ul											{ display: none; }
.on ul														{ display: block; }
.on															{ position: absolute; top: -5px; right: 0; width: 200px; backg//round: #FFF; z-index: 9999; }
#content .on p												{ cursor: pointer; background: url(../images/shared/buttons/show-portfolio-tab.gif) 0 0 no-repeat; height: 18px; display: block; }
#content .on p span											{ display: none; }
#content .on ul												{ background: #FFF; margin: 0; display: none; }
.on li														{ list-style: none; padding: 2px; border-bottom: 1px solid #CCC; }
* html .on li												{ overflow: visible; height: 1%; }
.on li a													{ display: block; }
/*gallery images*/
#gallery-scroll												{ width: 100%; }
#gallery-scroll img 											{opa//city: 0.2; fil//ter: alpha(opacity=20);}
#gallery-scroll img.imageOn									{ opacity: 1; filter: alpha(opacity=100); }
#gallery-scroll ul											{ visibility: hidden; }
#gallery-scroll ul.view										{ visibility: visible; }

/*Television*/
body.television .gallery-list li a							{ width: 140px; height: 120px; }

.window														{ width: 600px; display: none; }
body.television #content									{ min-height: 330px; }
body.television #content .fluid	 h1							{ ma//rgin: 0 0 10px 10px; height: 15px; padding-top:15px; }	
body.television #content .fluid h1 span						{ display: none; }
body.television #content .fluid p							{ mar..gin-left: 10px; }

/*CLIENTS
------------*/
body.clients #content										{ min-height: 420px; }


/*WHO WE ARE
------------*/
body.who-we-are #content									{ min-height: 330px; }
body.who-we-are #main-content #left-column					{ width: 610px; }
body.who-we-are #main-content #right-column					{ width: 0px; }


/*CONTACT US
-----------*/
.form-container p											{ padding: 2px 0; clear: both; overflow: visible; }
.form-container p.required									{}
.form-container label										{ float: left; width: 150px; }
.form-container input,
.form-container select,
.form-container textarea									{ width: 200px; }
.form-container p#submit									{ text-align: left;}
.form-container p#submit input								{ width: auto; }

#gmap														{ width: 180px; height: 130px; display: block; background: #000; margin-bottom: 10px; }
#gmap span													{ visibility: hidden; }
body.contact #content #left-column							{ width: 400px; }
body.contact #content #right-column							{ width: 200px; }
body.contact #content #sub-content  h1 						{ font-size: 1em; color:#87898c; }
body.contact #content #right-column h1						{ font-size: 1.17em; color: #2c88d0; }
.geo														{ display: none; }

/*CAMPAIGNS
----------*/
body.campaigns .fluid #left-column							{ padding-top: 0; }
body.campaigns .fluid #submenu								{ margin-bottom: 20px; }

#submenu li a#sm-ambra										{ background-image: url(../images/shared/submenu/sm-ambra.gif); }
#submenu li a#sm-yakka										{ background-image: url(../images/shared/submenu/sm-yakka.gif); }
#submenu li a#sm-haymes										{ background-image: url(../images/shared/submenu/sm-haymes.gif); }
#submenu li a#sm-shannons									{ background-image: url(../images/shared/submenu/sm-shannons.gif); }

/*NEWS
-----*/
#submenu li a#sm-news-yakka									{ background-image: url(../images/shared/submenu/sm-news-yakka.gif); }
#submenu li a#sm-news-volvo									{ background-image: url(../images/shared/submenu/sm-news-volvo.gif); }
#submenu li a#sm-news-homedics								{ background-image: url(../images/shared/submenu/sm-news-homedics.gif); }
#submenu li a#sm-news-pentair								{ background-image: url(../images/shared/submenu/sm-news-pentair.gif); }
body.news #content #left-column								{ width: 400px; }
body.news #content #right-column							{ width: 190px;float:left; padding-top:20px;padding-leftp:20px; }

/*PROMOTION FORM
-----------*/
.promo-form-container 										{color:#FFFFFF;	background-image: url(../images/shared/promotion/promo-bg.jpg);	height:500px;width:600px;text-align: center;background-repeat: no-repeat;padding-top:300px;	}
.promo-form-container p										{ height: 17px; }
.promo-form-container p.required							{}
.promo-form-container label									{  width:150px; text-align:left; font-weight:bold; }
.promo-form-container textarea								{font-size: 12px;color: #FFFFFF;float:left;	}
.promo-form-container input 								{ background-color:#161210; margin-left:10px;color:#fff;border:#443e3a solid 1px;width:230px;  }
.promo-form-container input#checkbox						{ background:none; width:20px;float:center;}


.promo-form-container p#submit								{ }
.promo-form-container p#submit input						{ width: auto; background-color:#fff;}

.promo-form-container2 										{color:#FFFFFF;	background-image: url(../images/shared/promotion/promo-bg-thanks.jpg);	height:500px;width:500px;text-align: center;background-repeat: no-repeat;padding:30px;font-size:16px;	}

.nameClass													{ padding-top: 10px; padding-bottom:10px; border-top-width: 1px; border-bottom-width:1px; border-top-style: solid;border-bottom-style: solid;border-top-color: #FFFFFF;border-bottom-color: #FFFFFF;margin-right: 90px;	margin-left: 90px;}

.news-underline												{ border-bottom: 1px solid #c0d2e0;}
.news-promo													{
	background-image: url(../images/news/promo-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#123254;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}

ul.sitemap li {
	padding: 2px 0;
	list-style: none;
}
ul.sitemap li a {
	font-weight: bold;
}
ul.sitemap li ul li {
	margin-left: 30px;
	list-style-type:square;
	border: none;
}
ul.sitemap li ul li a {
	font-weight: normal;
}
body.body_sitemap #content									{ min-height: 880px; }