/* CSS Document */

/******************************* GENERAL CSS */
body {
	background: #013F00 url(images/globalBackGradation.jpg) repeat-x; 
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

a { z-index:1; }

a:link {
	color: #333; /*6563AD*/
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #333;
	font-weight: bold;
	text-decoration:none;
}

a:hover {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

h1 {
	margin: 0 0 .25em 0;
	padding: 0;
	color: #013F00;
	font: Arial, Helvetica, sans-serif;
	font-size: 2em;
}

h2 {
	margin: 0 0 .25em 0;
	padding: 0;
	color: #0A0849;
	font: "Times New Roman", Times, serif;
	font-size: 1.5em;
}

h3 {
	margin: .1em 0 .25em 0;
	padding: 0;
	color: #0A0849;
	font: "Times New Roman", Times, serif;
	font-size: 1.0em;
}

p {
	margin: 0 0 10px 0; 
	padding: 0;
	line-height: 1.55em;
}

#container {
	margin: 0 auto; /* center */
	text-align: left;
	position: relative; /* EI hack */
	width: 770px;
	height: 100%;
}

#header {
	margin: 0;
	padding: 0;
	height: 121px;
}

#logo {
	position: absolute;
	top: 14px;
	left: 12px;
	width: 406px;
	height: 95px;
}

#logo a { 
     display:block; 
     width:406px; 
     height:0px !important; 
     padding:95px 0 0 0; 
     margin:0; 
     overflow:hidden; 
     height /**/:95px; 
}


/* ----------------------------------------- main menu -------------------- -*/

#mainMenu {
	position: absolute;
	margin: 0;
	top: 121px;
	left: 0px;
	width: 764px;
	z-index: 100;
}

#mainMenu ul {
	border-top: 1px solid #FFF;
	list-style: none;
	margin: 0;
	padding: 0 0 0 330px;
}

#mainMenu li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	height: 23px;
}


#mainMenu li a { 
     display: block; 
     height:0px !important; 
     padding: 23px 0 0 0; 
     margin:0; 
     overflow:hidden; 
     height /**/:23px;
}


/* menuMain button */
#mainMenu li#aboutUs { 
	width: 81px;
     background:transparent url(images/menuAboutUs-over.gif) top left no-repeat;
}

#mainMenu li#aboutUs a{ 
	width: 81px;
     background:transparent url(images/menuAboutUs.gif) top left no-repeat;
}

#mainMenu li#aboutUsB { 
	width: 81px;
     background:transparent url(images/menuAboutUs-over.gif) top left no-repeat;
}

/* About Us button */
#mainMenu li#projects { 
	width: 73px;
     background:transparent url(images/menuProjects-over.gif) top left no-repeat;
}

#mainMenu li#projects a{ 
	width: 73px;
     background:transparent url(images/menuProjects.gif) top left no-repeat;
}

#mainMenu li#projectsB { 
	width: 73px;
     background:transparent url(images/menuProjects-over.gif) top left no-repeat;
}

/* Benefits button */
#mainMenu li#clientResources { 
	width: 136px;
     background:transparent url(images/menuClientResources-over.gif) top left no-repeat;
}

#mainMenu li#clientResources a{ 
	width: 136px;
     background:transparent url(images/menuClientResources.gif) top left no-repeat;
}

#mainMenu li#clientResourcesB { 
	width: 136px;
     background:transparent url(images/menuClientResources.gif) top left no-repeat;
}

/* Locations button */
#mainMenu li#news { 
	width: 57px;
     background:transparent url(images/menuNews-over.gif) top left no-repeat;
}

#mainMenu li#news a{ 
	width: 57px;
     background:transparent url(images/menuNews.gif) top left no-repeat;
}

#mainMenu li#newsB { 
	width: 57px;
     background:transparent url(images/menuNews-over.gif) top left no-repeat;
}

/* Contact Us button */
#mainMenu li#careers { 
	width: 72px;
     background:transparent url(images/menuCareers-over.gif) top left no-repeat;
}

#mainMenu li#careers a{ 
	width: 72px;
     background:transparent url(images/menuCareers.gif) top left no-repeat;
}

#mainMenu li#careersB {
	width: 72px; 
     background:transparent url(images/menuCareers-over.gif) top left no-repeat;
}

body #container #mainMenu ul li a:hover, body #container #mainMenu ul li a:active  {
     background:transparent;
}


/*---------------------------------------- News box -----------------------------*/


#newsBox {
	position: absolute;
	top: 121px;  /*121px*/
	left: 12px;
	width: 200px;
	border: 1px #FFF solid;
	color: #fff;
	z-index:99;
}

#newsBox #newsHeadline {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #FFF solid;
} 

#newsBox a {
	font-weight: bold;
	color: #FFF;
	z-index:1;
}
#newsBox ul {
	list-style: none;
	margin: 5px 10px;
	padding: 0;
}

#newsBox li {
	margin: 10px 0 0 0;
	padding: 0 0 0 30px;
}


#jobBox {
	position: absolute;
	top: 240px;  /*121px*/
	left: 12px;
	width: 200px;
	border: 1px #FFF solid;
	color: #222;
	z-index:99;
	padding:5px 0px 5px 5px;
}

#jobBox #newsHeadline {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #FFF solid;
} 

#jobBox a {
	font-weight: bold;
	color: #FFF;
	z-index:1;
}


#mainContent {
	position: relative;
	padding-top: 50px; /*50px*/
	padding-left: 329px;
	width: 400px;
}
	
/* --------------------- Fotter ---------------------- */
#footer {
	padding: 0;
	margin: 25px 0 0 0;
	height: 141px;
	width: 770px;
	text-align: right;
	font: .75em/.75em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#footer p {
	margin: 0;
	padding: 0 10px 0 0;
}

#footer .bottomNav {
	padding-top: 85px;
	font-size: 1.35em;
	font-weight: bold;
}