@charset "UTF-8";
/* CSS Document */

/* CSS Document */

/*-----------------------------------------------------------------------------
Taproot Systems

version:  1.0
website:  TapRootsystems.com
author:   Rachel Daniel
-----------------------------------------------------------------------------*/ 

* { margin: 0; padding: 0; } 

body { font: 62.5%  Arial, Helvetica, Verdana, sans-serif; color: #393333; background-color: #AFB1B5; text-align: center;/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ }

h1 { font-size:2em; padding:.4em 0 .25em; color:#F01F26; text-shadow: .025em .025em 2px rgba(0, 0, 0, .25); } /* red */
h2 { font-size:1.725em; padding-top:.5em; color:#40B6E1; } /* light blue (was dark grey #5A5252) */
h3 { font-size:1.5em; padding-top:.5em; color:#333; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
h6 { font-size:1.1em; }

h3 a:link {color:#333; text-decoration:none;}
h3 a:hover {text-decoration:underline; color:#F01F26;}
    
p { font-size:1.3em; padding:.5em 0; line-height:1.5em; }

a:link { color:#F01F26; } /* red */
a:visited { color:#5A5252; }
a:hover, a:focus { color:#F47F87; } /* light blue */

img{ border:0px none; }
a img { vertical-align:text-bottom; }

hr { margin: .5em 0; border: none; border-bottom: 3px #CDCED6 dotted; width: 640px; }


/* class styles throughout site */
.left  { float:left; width:inherit; }
.right { float:right; width:inherit; }
.clear { clear:both; }
.super { font-size:60%; vertical-align: super; line-height: 0; text-decoration:none; }
.large { font-size:115%; } 
.hidden {display:none;}
.red {color:#F01F26;}
.extraspace {margin-top: 1em;}


/*------ Background IDS --------*/

#wrapper { width: 100%; background: url(../images/theme/wrapper.png) #AFB1B5 repeat-x center top;  } 

#container { width:980px; height: auto; margin: 0 auto; padding: 0; text-align: left; background: url(../images/theme/container.png) repeat-y center top; }

#header { height: 98px; padding: 18px; padding-top: 24px; background: url(../images/theme/header.png) no-repeat center top; }

#header img { float: left; }

#flash object { display: block; margin: 0 auto; }

#creative { text-align: center; }

/*------ END Background IDS --------*/


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

#nav { width: 960px; height: 28px; padding-left: 30px; padding-right: 30px; text-align: center; font-size: 1.5em;  }
#nav ul { margin: 0px; padding: 0px; list-style-type: none; }
/*#nav ul { margin: 0 10px 0 8px; }*/
#nav ul li { margin-right: 54px; float: left; position: relative; }
#nav .last {margin-right: 0;} /* For the last navigation element - Contact Us */
#nav ul a { display: block;  height: 20px; padding-top: 8px; font-weight: bold; color: #505154; text-decoration:none; }
#nav ul a:hover, #home a.home, #products a.products, #markets a.markets, #news-events a.news-events, #company a.company, #careers a.careers, #support a.support, #contact a.contact  { color: #F01F26; } /* The id defines which section (ex. About Metozolv 2.0) the user is on and highlights the main nav button in pink */

	/*----- Drop Down Nav ------*/
	
#nav li ul { display: none; padding-top: 6px; padding-bottom: 5px; position: absolute; top: 23px; left: -4px; width: 140px; font-size: .925em; background: url(../images/nav/dropdown.png) no-repeat center bottom; }
#nav li:hover ul { display: block; }
#nav li ul li { width:140px; border-bottom: 1px dotted #AFB1B5; background-color: #FDFDFD; filter:alpha(opacity=85); opacity: .85; }
#nav li ul a, #nav li ul a:visited { display: block; margin-left: 0; padding: 6px 0px; width: 140px;  height: 100%; text-decoration: none; text-align: center; color: #4A4B4E; background: none; font-size: .9em; font-weight: bold; }
#nav li ul a:hover { background-color: #AFB1B5; background-image: none; color: #F01F26; }
	
	/*---- END Drop Down Nav ----*/

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


/*------ Maincontent & action-calls Columns --------*/

#maincontent{ width: 660px; float: left; padding: 0px 14px 0px 26px; margin-bottom: -8px }
#maincontent ul { margin-top: .85em; padding-left: 2.2em; }
#maincontent li { margin-bottom: .35em; font-size:1.3em; line-height:1.4em; vertical-align:middle; }
#maincontent li ul { margin: .25em 0 .5em 1em; padding: 0; font-size: .7em; }
#maincontent .check li { list-style-image:url(../images/theme/bullet-box.gif); vertical-align:top; }/* Checklist, used on 3.1 Mobile Operator and 3.3 Market Research */
#maincontent .check ul li {list-style-type:square; list-style-image: none; color: #5A5252; }
#maincontent .extraspace {margin-bottom: .5em;}

	/* Action calls Side column */
#action-calls { width: 280px; margin-top: 14px; float: left; }
#action-calls img { margin-bottom: 20px; }
	/* END Action calls Side column  */
	
#news-home { width: 280px; margin-top: 14px; float: left; background: url(../images/news/news-back.gif) repeat-y left top; }
#news-home h3, #news-home p { padding: 0 30px 0 18px;  }
#news-home p {color:#463F3F; font-size: 1.275em; margin-bottom: 1em; }
#news-home hr {margin: 0 26px 8px 18px; width: 216px; border-bottom: #CECCCC solid 1px;  }

/*------ END Maincontent & Side Columns --------*/


/*------ EMA Platform 2.3 -----*/
.diagram {padding-left: 55px;}


/*----- Open Positions 6.1 ------*/
.posted {color:#9EA1A5; font-size: 1.25em; line-height: 1.25em;}

/*------ Contact us / Forms 8.0 ------*/
form {margin-top: 10px;}
form div { clear:both; margin-bottom:.65em; font-size: 1.3em; }
form p { padding-top:.25em; font-size:.8125em; }
label { width:100px; float:left; margin-right:5px; padding-top:3px; display:block; text-align:right; vertical-align:bottom; }
.no-label { margin-left:100px; }
.button input { margin-right:10px; }
select option {padding: 0 5px;}
.option { width:inherit; float:none; display: inline; margin-left: 170px; }
.form-required {color:#F01F26; }
iframe {padding-top: .5em;}
/*------ END Contact us / Forms ------*/


/*------ Sitemap  ------*/
.column { width:45%; padding-right:5%; float:left; }
.column a { text-decoration:none; }
.column a:hover { text-decoration:underline; }
.column ul {font-size: 1.2em;}
/*------ END Sitemap ------*/


/*----- pages without action calls, Site map, Privacy Policy, Terms & Conditions ---*/
#noaction-calls #action-calls {display:none;}
#noaction-calls #maincontent {width: 920px;}
/*----- END pages without actionc calls ----*/


/*----------- Footer-------------*/
#footer { width: 980px; margin: 0 auto; text-align: left; }
#footer p { font-size: 1.15em; line-height: 1.5em; margin-left: 30px; color:#F01F26; letter-spacing: .02em; word-spacing: .15em; }
#footer a { color: #F01F26; }
#footer a:visited {color:#fff;}
#footer a:hover { color: #F47F87; }
/*--------- END Footer-----------*/