/*======= HTML ======= */
html { background-image : url("images/bg.jpg");
background-color : #e5e5e5;
background-repeat : repeat-x; 
margin : 0;
padding : 0;}

/* ======= BODY=======  */
body { margin : 0;
padding : 0;
text-align: center; 
min-width : 954px; }

/*======= CONTAINER======= */
#container { margin: 0 auto;
width: 954px;
text-align: left; 
background-color : #fff; 
overflow : auto;}

/*LOGO*/
#logo {float : left;
width : 305px;}

#logo h1{ position : relative;
background: url("images/logo.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 15px 0 0 10px;
height : 85px; 
width : 303px;
text-indent : -9999px;}

/*======= NAVIGATION======= */
#navigation {float : right;
width : 629px;
height : 43px;
background-image : url("images/navbar.jpg");
background-repeat : repeat-x; 
margin : 32px 0 0 0;
padding : 0;}

#navigation ul { margin : 5px 0 0 27px;}

#navigation ul li { display : block;}

#navigation li a {font: 13px  arial, helvetica, sans-serif;
font-weight : bold;
color : #fff;
text-decoration : none;
padding : 5px;}

li.mainli {margin-left : 17px;}

#navigation li a:hover {color : #FFFFFF;
background: url("images/mouseover_bg2.jpg");}

/*======= DROP-DOWN MENU  ======= */
#nav, #nav ul {padding:0;
margin:0;
list-style:none;
line-height:1;}

#nav{margin:0;
padding:4px 0 0 27px;}

#nav a {display:block;}

#nav li {float:left;}

#nav li ul {position:absolute;
padding:8px 5px 5px;
text-align:left;
background:/*#255d8c*/#225f95;
left:-999em;
z-index:100;
margin:-1px 0 0;}

#nav li:hover ul, #nav li.sfhover ul {display:block;
left:auto;}

#nav .submenu {display:block;
width:146px;
padding:8px 5px;
text-decoration:none;
color:#fff;
font: 12px  arial, helvetica, sans-serif;
font-weight : bold;
text-shadow: 2px 2px 2px #000;
color : #FFCEA3;}

#nav .submenu li{display:block;
float:none;}

#nav .submenu a,#nav .submenu a:active,#nav .submenu a:link,#nav .submenu a:visited{display:block;
width:134px;
padding:8px 6px;
text-decoration:none;
color:#fff;
font: 12px  arial, helvetica, sans-serif;
font-weight : bold;
text-shadow: 2px 2px 2px #000;
color : #fff;}

#nav .submenu a:hover{display:block;
background: url("images/mouseover_bg.jpg");
color:#FFFFFF;}


/*=======DIV CLEAR======= */
#clear {clear : both;}

/*======= HEADER======= */
#header img{ width : 902px;
height : 212px;
margin-left : 25px;
margin-bottom : 15px;
border : 0;}

/*LEFT AREA*/
#left_area {float : left;
width : 315px;}

/*======= OUR SERVICES LEFT======= */
#ourservices h2 {position : relative;
background: url("images/ourservices.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 27px; 
width : 140px;
text-indent : -9999px;}

#servicesbox {width : 292px;
background-color : #fbfbfb;
border : 1px solid #e5e5e5;
margin : 7px 0 0 25px;}

#servicesbox p {font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;
padding : 5px 10px 0 10px;
margin-left : 10px;
line-height : 20px;}

#servicesbox ul {list-style-image: url("images/bullet.jpg");
font: 12px  lucida grande, helvetica, sans-serif;
font-weight : bold;
color : #2067a3;}

#servicesbox li {margin-bottom : 7px;}

#servicesbox a {margin: 0 0 20px 20px;}

a.contact_hover:link {display:block;
width:148px; height: 26px;
background-image: url(images/contact_hover.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

a.contact_hover:hover {
background-position: 0 -26px;
}

/*======= OUR CLIENTS LEFT======= */
#ourclients h2 {position : relative;
background: url("images/ourclients.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 10px 0 0 19px;
height : 26px; 
width : 128px;
text-indent : -9999px;}

#clientsbox {width : 292px;
margin : 7px 0 0 25px;}

#clientsbox a {margin: 0 0 20px 70px;}

#clientslogo {text-align : center;
margin-bottom : 10px;}

#clientslogo img {margin : 0;}

a.client_hover:link {display:block;
width:148px; height: 26px;
background-image: url(images/clientlist_hover.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

a.client_hover:hover {
background-position: 0 -26px;
}

/*======= MAIN AREA======= */
#main_area {width : 590px;
float : left;
margin-bottom :10px;}

#main_area h2 {position : relative;
background: url("images/welcome.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 2px 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

#main_area p {font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;
line-height : 20px;
padding : 0 10px 0 20px;
margin-top : 10px;
margin-left : 10px;}

#main_area a {text-decoration : none;
font: 12px  lucida grande, helvetica, sans-serif;
font-weight : bold;
color : #2067a3;}

#main_area a:hover {color : #f1a30a;}

.highlight {background-color : #c0e4f0;
border : 1px solid #89cee5;
margin: 10px 0 17px 27px;}

.highlight p {color : #fff;
margin : 17px;}

/*======= BRANDS WE'VE WORKED WITH======= */
#brands_title {width : 590px;
float : left;
margin-bottom :10px;}

#brands_title h2 {position : relative;
background: url("images/brands.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 2px 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

#brands_title p {font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;
line-height : 20px;
padding : 0 10px 0 20px;
margin-top : 10px;
margin-left : 10px;}

#brands_title a {text-decoration : none;
font: 12px  lucida grande, helvetica, sans-serif;
font-weight : bold;
color : #2067a3;}

#brands_title a:hover {color : #f1a30a;}

.highlight {background-color : #c0e4f0;
border : 1px solid #89cee5;
margin: 10px 0 17px 27px;}

.highlight p {color : #fff;
margin : 17px;}

/*======= FOOTER======= */
#footer {clear : both;
width : 944px;
height : 42px;
margin : 0 0 4px 5px;
background: url("images/footer_bg.jpg");
background-repeat : repeat-x;}

#logo_footer {float : left;}

#logo_footer img {margin : 0;}

#footer_links {list-style-type : none;
float : left;
margin : 14px 0 0 90px;}

#footer_links li {display : inline;
font: 12px  lucida grande, helvetica, sans-serif;
color : #fff;}

#footer_links li a {text-decoration : none;
font: 12px  lucida grande, helvetica, sans-serif;
color : #fff;}

#footer_links li a:hover {color : #f1a30a;}

#top_link {float : right;
margin : 10px;}

#top_link img {margin : 0;}

/*======= OUR COMPANY======= */
#ourcompany h2 {position : relative;
background: url("images/ourcompany.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 27px; 
width : 160px;
text-indent : -9999px;}

#companybox {width : 292px;
margin : 7px 0 0 25px;}

#companynav {list-style-type : none;
width : 290px;
margin :0 0 0 -40px;}

#companynav li {padding-bottom : 2px;}

#companynav li img {margin : 0 10px 2px 2px;}

#companynav li a{text-decoration : none;
font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;
display : block;
background-color : #fbfbfb;
border : 1px solid #e5e5e5;
margin : 0;
padding : 7px;}

#companynav li a:hover {color : #007cc3;
background-color : #f5f5f5;}

/*======= OUR COMPANY : ABOUT US MAIN======= */
h2#aboutus_title {position : relative;
background: url("images/aboutus.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= OUR COMPANY : OUR VISION MAIN======= */
h2#ourvision_title {position : relative;
background: url("images/ourvision.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}


/*======= OUR COMPANY : OUR VALUES MAIN======= */
h2#ourvalues_title {position : relative;
background: url("images/ourvalues.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= OUR SERVICES PAGE ======= */
#services h2 {position : relative;
background: url("images/ourservices.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 27px; 
width : 140px;
text-indent : -9999px;}

#ourservicesbox {width : 292px;
margin : 7px 0 0 25px;}

#servicesnav {list-style-type : none;
width : 290px;
margin :0 0 0 -40px;}

#servicesnav li {padding-bottom : 2px;}

#servicesnav li img {margin : 0 10px 2px 2px;}

#servicesnav li a{text-decoration : none;
font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;
display : block;
background-color : #fbfbfb;
border : 1px solid #e5e5e5;
margin : 0;
padding : 7px;}

#servicesnav li a:hover {color : #007cc3;
background-color : #f5f5f5;}

/*======= OUR SERVICES : INTERACTIVE BRAND MAIN======= */
h2#interactivebrand_title {position : relative;
background: url("images/interactivebrand.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

#main_area .interactive_images {list-style-type : none;}

#main_area .interactive_images li{display : inline;
margin-left : 6px;}

/*======= OUR SERVICES : MERCHANDISING MAIN======= */
h2#merchandising_title {position : relative;
background: url("images/merchandising.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= OUR SERVICES : MYSTERY SHOP MAIN======= */
h2#mysteryshop_title {position : relative;
background: url("images/mysteryshop.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= OUR SERVICES : SMS MOBILE MAIN======= */
h2#smsmobile_title {position : relative;
background: url("images/smsmobile.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

.sms_image {float : left;
margin : 0 3px 4px 25px;}

/*======= OUR SERVICES : ADLINES MAIN======= */
h2#adlines_title {position : relative;
background: url("images/adlines.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

#main_area .adlines_images {list-style-type : none;}

#main_area .adlines_images li{display : inline;
margin-left : 2px;}

/*======= OUR SERVICES : FIELD MARKETING MAIN======= */
h2#fieldmarketing_title {position : relative;
background: url("images/fieldmarketing.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= OUR SERVICES : MASS DISTRIBUTION MAIN======= */
h2#massdistribution_title {position : relative;
background: url("images/massdistribution.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= OUR SERVICES : VERIFICATION MAIN======= */
h2#verification_title {position : relative;
background: url("images/verification.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= OUR SERVICES : WALL/FLOOR GRAPHICS MAIN======= */
h2#wallgraphics_title {position : relative;
background: url("images/wallgraphics.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= OUR SERVICES : NEWSPAPERS AND FLYERS MAIN======= */
h2#newspapersflyers_title {position : relative;
background: url("images/newspapersflyers.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}


/*======= LIFE AT TNM PAGE ======= */
#lifeattnm h2 {position : relative;
background: url("images/lifeattnm.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 27px; 
width : 140px;
text-indent : -9999px;}

#lifeattnmbox {width : 292px;
margin : 7px 0 0 25px;}

#lifeattnmnav {list-style-type : none;
width : 290px;
margin :0 0 0 -40px;}

#lifeattnmnav li {padding-bottom : 2px;}

#lifeattnmnav li img {margin : 0 10px 2px 2px;}

#lifeattnmnav li a{text-decoration : none;
font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;
display : block;
background-color : #fbfbfb;
border : 1px solid #e5e5e5;
margin : 0;
padding : 7px;}

#lifeattnmnav li a:hover {color : #007cc3;
background-color : #f5f5f5;}

/*======= LIFE AT TNM : OUR WORK MAIN======= */
#ourwork {width : 590px;
float : left;
margin-bottom :10px;}

#ourwork h2
{
	color: #fff;
	font-size: 1em;
	line-height : 20px;
	margin-bottom: 0px;
	float : left;
	font: 13px  arial;
	face: strong;
}

#ourwork p {font: 10px  lucida grande, helvetica, sans-serif;
color : #ffffff;
line-height : 14px;
padding : 0 10px 0 10px;
margin-top : 10px;
margin-left : 10px;}

#ourwork a {text-decoration : none;
font: 12px  lucida grande, helvetica, sans-serif;
font-weight : bold;
color : #ffffff;}

#ourwork a:hover {color : #ffffff;}

.highlight {background-color : #ffffff;
border : 1px solid #89cee5;
margin: 10px 0 17px 27px;}

.highlight p {color : #fff;
margin : 17px;}

#ourwork h1
{
	color: #fff;
	font-size: 27px;
	font-weight: bolder;
	margin: 0 40px;
	padding: 0.08em 0;
}

#ourwork h1 sup
{
	color: #ddd;
}

#ourwork h1 a
{
	color: #fff;
	text-decoration: none;
}

#ourwork h1 .company, h1 a .company
{
	color: #fff;
}



#ourwork h3
{
	color: #fff;
	font-size: 1.5em;
}

#ourwork h4
{
	font-size: 1.3em;
}

#ourwork content
{
	margin: 0 20px;
}

#ourwork content a
{
	color: #fff;
}


#ourwork content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #fff;
}

#ourwork content p.linkage a { color: #fff; }

#ourwork content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

#ourwork content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/

#ourwork myGallery
{
	text-align: left;
	margin: 0 auto;
}

/*======= LIFE AT TNM : OUR CULTURE MAIN======= */
h2#ourculture_title {position : relative;
background: url("images/ourculture.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}



/*======= LIFE AT TNM : OUR PEOPLE SPEAK MAIN======= */
h2#ourpeoplespeak_title {position : relative;
background: url("images/ourpeoplespeak.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

.people_speak {margin : 0;
padding : 2px;
margin : 0;}

.people_speak h3 {font: 14px  lucida grande, helvetica, sans-serif;
font-style : italic;
color : #2067a3;
margin: 0 0 0 30px;}

.people_speak p {margin : 0;}



/*======= JOIN OUR TEAM PAGE ======= */
#joinourteam h2 {position : relative;
background: url("images/joinourteam.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 27px; 
width : 160px;
text-indent : -9999px;}

#joinourteambox {width : 292px;
margin : 7px 0 0 25px;}

#joinourteamnav {list-style-type : none;
width : 290px;
margin :0 0 0 -40px;}

#joinourteamnav li {padding-bottom : 2px;}

#joinourteamnav li img {margin : 0 10px 2px 2px;}

#joinourteamnav li a{text-decoration : none;
font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;
display : block;
background-color : #fbfbfb;
border : 1px solid #e5e5e5;
margin : 0;
padding : 7px;}

#joinourteamnav li a:hover {color : #007cc3;
background-color : #f5f5f5;}

/*======= JOIN OUR TEAM : OVERVIEW MAIN======= */
h2#overview_title {position : relative;
background: url("images/overview.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= JOIN OUR TEAM : OUR PROCESS MAIN======= */
h2#ourprocess_title {position : relative;
background: url("images/ourprocess.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

/*======= JOIN OUR TEAM : POSITIONS MAIN======= */
h2#positions_title {position : relative;
background: url("images/positions.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 289px;
text-indent : -9999px;}

.current_positions {background-color : #fff;
border : 1px solid #e5e5e5;
padding : 7px;
margin : 12px 0 20px 25px;}

.current_positions h3 {font: 14px  lucida grande, helvetica, sans-serif;
color : #2067a3;
margin : 7px 0 0 30px;}

.current_positions h4 {font: 12px  lucida grande, helvetica, sans-serif;
color : #2067a3;
margin : 0 0 0 30px;}

.current_positions ol {font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;
margin-left : -10px;}

.current_positions ol li {margin : 20px 17px 0 30px;}

/*======= CONTACT US PAGE ======= */
#contact h2 {position : relative;
background: url("images/contactus.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 27px; 
width : 140px;
text-indent : -9999px;}

.contactbox {width : 292px;
background-color : #fbfbfb;
border : 1px solid #e5e5e5;
margin : 7px 0 10px 25px;}

.contactbox h3 {font: 12px  lucida grande, helvetica, sans-serif;
color : #ed920f;
font-weight : bold;
padding : 0 10px 0 10px;
margin-left : 10px;
line-height : 24px;}

.contactbox ul {list-style-type : none;
font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;
margin : -10px 0 0 -20px;
padding-bottom : 14px;}

.contactbox li {margin-bottom : 5px;}

/*======= REQUEST MAIN======= */
h2#request_title {position : relative;
background: url("images/request.jpg");
background-repeat : no-repeat;
background-position : left; 
margin: 0 0 0 19px;
height : 32px; 
width : 440px;
text-indent : -9999px;}

#contactusform {margin : 0;}

fieldset {width : 500px;
margin-left : 60px;
padding : 20px;
border : 0;}

fieldset div{padding : 7px;}

label {font: 12px  lucida grande, helvetica, sans-serif;
color : #4c4c4c;}

input#emailaddress {margin-left : 40px;}
input#name {margin-left : 89px;}
input#companyname {margin-left : 31px;}
textarea#comments {margin-left : 62px;}
input#tel {margin-left : 11px;}
select#brochure {margin-left : 72px;}
input#reset {margin-left : 127px;}
input#send {margin-left :5px;}