/* RESET v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main Layout
======================================*/

.noBorder
{
	border: 0;
}

.clear
{
	clear: both;
}

.bg
{
	height: 100%;
	left: 0;
	min-height: 93px; /*785px; /*744px;*/
	min-width:  124px; /*980px; /*970px;*/
	position: absolute;	
	top: 0;
	width: 100%;
	z-index: -100;
}

#bg img{
  display:none;
  position:absolute;
  top:0;
  left:0;
}
    
#bg img.active{
	display:block;
}

.mainNavWrapper
{
	background: transparent url(../images/bg_main_nav_with_sub_nav.png) repeat-x;
	height: 117px; /*39px;*/
	position: relative;
}

.logo
{
	/* border: solid 1px yellow; */
	float: left;
	margin-left: 30px;
}

.mainNav
{
	width: 800px;
	max-width: 850px;
	height: 30px;
	vertical-align: middle;
	position: absolute;
	left: 184px;
	top: 0px;
}

.subNav
{
	width: 765px;
	max-width: 820px;
	height: 30px;	
	vertical-align: middle;
	position: absolute;
	left: 184px;
	top: 31px;
}

.mainStrap
{
	/* border: solid 1px blue; */
	width: 420px;
	margin: -5px 0 15px 0;
	/* margin: 20px 0 10px 30px; */
	clear: both;
	height: 37px;
	text-indent: -999px;
}


.mainStrapH1
{
	/* border: solid 1px blue; */
	width: 980px;
	margin: 20px 0 10px 30px;
	clear: both;
	height: 37px;
	text-indent: -999px;
}


.mainContentTopShadow
{
	/*background: transparent url(../images/bg_opaque_top_shadow.png) repeat-x scroll 0 0;*/
	height: 4px;
}

.mainContent
{
	width: 960px;
	min-height: 530px;
	margin: 0 0 0 30px;
	/*overflow: hidden;*/ /*not sure this needed si  2010/08/09*/
}

.mainContent .col1
{
	/*border: solid 1px blue;*/
	float: left;
	/*width: 445px;*/
	width: 435px;
	height: 450px;
	border-right: solid 1px #ccc;
	margin: 20px 0 0 0;
	/*padding: 5px 25px 5px 5px;*/ /* apo commented */
	padding: 5px 25px 5px 15px;
	text-align: left;
}

.mainContent .col3
{
	float: left;
	/*width: 445px;*/
	width: 435px;
	height: 450px;
	border-right: solid 1px #ccc;
	margin: 10px 0 0 0;
	padding: 5px 25px 5px 5px;
	text-align: left;
}

.mainContent .col2
{
	/*border: solid 1px green;*/
	float: right;
	width: 462px; /*465px;*/
	height: 450px;
	margin: 20px 0 0 0;
	padding: 10px;	
	text-align: left;
}

.mainContent .col-left-news
{
	/*border: solid 1px blue;*/
	float: left;
	/*width: 445px;*/
	width: 562px;	
	border-right: solid 1px #ccc;
	margin: 20px 0 0 0;
	/*padding: 5px 25px 5px 5px;*/ /* apo commented */
	padding: 5px 25px 5px 15px;
	text-align: left;
}

.mainContent .col-right-news
{
	/*border: solid 1px green;*/
	float: left;
	width: 320px; /*465px;*/	
	margin: 20px 0 0 6px;
	padding: 10px;	
	text-align: left;
}

.footerWrapper
{	
	
	/*background-image: url(../images/bg_opaque.png);
	height: 55px;
	margin: 10px 0 0  0;
	padding: 10px 0 0 0;*/
}

.footerContent
{
	/*border: solid 1px yellow;*/
	width: 930px;
	margin: 0 0 0 30px;
	height: 44px;
	padding: auto;
}


/* Main Styles
======================================*/

.mainNav li
{
	float: left;
	margin: 14px 6px 5px 6px;
}

.mainNav li.share
{
	margin-top: 8px;
}

.subNav li
{
	float: left;
	margin: 17px 8px 5px 8px;
}

.footer ul
{
	height: 44px;
	vertical-align: middle;
}

.footerContent li
{
	/*border: solid 1px red;*/
	display: block;
	float: left;
	list-style: none;
	vertical-align: middle;
	height: 44px;
	/*margin: 0 4px;*/
	padding: 0 6px;
}

.footerContent li.smallButton
{
	padding: 0 1px;
}

.footerContent li.smallButton a
{
	display: block;
}

.footerContent img
{
	border: 0;
}

.footerContent li.smallLogo
{
	margin: 0 0 0 10px;
	float: right;
}

.footerContent li.greyLeftDivider
{
	background-image: url(../images/grey_search_divider.png);
	background-position: left;	
	background-repeat: no-repeat;
}

.footerContent li.greyRightDivider
{
	background-image: url(../images/grey_search_divider.png);
	background-position: right;	
	background-repeat: no-repeat;
}

.footerContent li.paddingRight25
{
	padding-right: 25px;
}

/* Generic Buttons Styles
======================================*/

a.btnMicro
{
	width: 44px;
	height: 19px;
	background: url(../images/btn_micro_sprite_indigo.gif) no-repeat;
	display: block;
	margin: 2px 2px;
	text-align: center;
	vertical-align: middle;
	line-height: 19px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}

a.btnSmall
{
	width: 101px;
	height: 23px;
	background: url(../images/btn_small_sprite.png) no-repeat;
	display: block;
	margin: 2px 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.btnMedium
{
	/*width: 119px;*/
	width: 175px;
	height: 23px;
	/*background: url(../images/btn_medium_sprite.png) no-repeat;*/
	background: url('../images/btn_large_sprite_submit.gif') no-repeat;
	display: block;
	margin: 2px 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 23px;
	color: #fff !important;
	font-family: Arial,Georgia,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.btnLarge
{
	width: 173px;
	height: 23px;
	background: url('../images/btn_large_sprite_submit.gif') no-repeat;
	display: block;
	margin: 2px 5px;
	text-align: left;
	vertical-align: middle;
	line-height: 23px;
	color: #fff !important;
	font-family: Arial,Georgia,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-left:27px
}

a.btnLargeYellowBg
{
	width: 173px;
	height: 23px;
	background: url('../images/btn_large_sprite_submit_yellow_bg.gif') no-repeat;
	display: block;
	margin: 2px 5px;
	text-align: left;
	vertical-align: middle;
	line-height: 23px;
	color: #fff !important;
	font-family: Arial,Georgia,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-left:27px
}

a.btnSmall:hover, a.btnMedium:hover, a.btnLarge:hover,
a.btnSmall:active, a.btnMedium:active, a.btnLarge:active,
a.btnSmall:visited, a.btnMedium:visited, a.btnLarge:visited
{
	background-position: 0 -26px;
	text-decoration: none;
	color: #ffffff;
}

a.btnMicro:hover
{
	background-position: 0 -21px;
	text-decoration: none;
}

input.btnMicro
{
	border: 0;
	width: 44px;
	height: 19px;
	background: url('../images/btn_micro_sprite_indigo.gif') no-repeat;
	display: block;
	margin: 2px 2px;
	text-align: center;
	vertical-align: middle;
	line-height: 19px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;cursor: pointer;
	padding-bottom: 2px;
	/*font*/
	font-family: Arial,Georgia,Sans-Serif;
	font-size: 11px;
	line-height: 23px;
}

input.btnSmall
{
	border: 0;
	width: 101px;
	height: 23px;
	background: url('../images/btn_small_sprite.png') no-repeat;
	display: block;
	margin: 2px 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	padding-bottom: 2px;
	/*font*/
	font-family: Arial,Georgia,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
}

input.btnMedium
{
	border: 0;
	/*width: 119px;*/
	width: 175px;
	height: 23px;
	/* background: url('../images/btn_medium_sprite.png') no-repeat; */
	background: url('../images/btn_large_sprite_submit.gif') no-repeat;
	display: block;
	margin: 2px 5px;
	text-align: left;
	vertical-align: middle;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	padding-bottom: 2px;
	/*font*/
	font-family: Arial,Georgia,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
}

input.btnLarge
{
	border: 0;
	width: 173px;
	height: 23px;
	background: url('../images/btn_large_sprite_submit.gif') no-repeat;
	display: block;
	margin: 2px 5px;
	text-align: left;
	vertical-align: middle;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	padding-bottom: 2px;
	padding-left:25px;
	/*font*/
	font-family: Arial,Georgia,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 23px;
}

input.btnLargeYellowBg
{
	border: 0;
	width: 173px;
	height: 23px;
	background: url('../images/btn_large_sprite_submit_yellow_bg.gif') no-repeat;
	display: block;
	margin: 2px 5px;
	text-align: left;
	vertical-align: middle;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	padding-bottom: 2px;
	padding-left:25px;
	/*font*/
	font-family: Arial,Georgia,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 23px;
}

input.btnSmall:hover, input.btnMedium:hover, input.btnLarge:hover
{
	background-position: 0 -26px;
}

input.btnMicro:hover
{
	background-position: 0 -21px;
	text-decoration: none;
}

/* Font Styles
======================================*/

body
{
	font-family: Arial, Georgia, Sans-Serif;
	color: #666;
	font-size: 10px;
}

.mainNav
{	
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.4px;
}

.subNav
{	
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0.4px;
}

.mainNav a, .subNav a
{
	color: #fff;
	text-decoration: none;
	padding-left: 3px;
}

.mainNav a:hover, .mainNav a:active, .mainNav a.active,
.subNav a:hover, .subNav a:active, .subNav a.active
{
	color: #f2bf0c; /*#ff5500*/
	text-decoration: none;
	padding-left: 3px;
}

h1
{
	font-size: 25px;
	color: #f2bf0c;
	letter-spacing: -0.4px;
}

h2
{
	font-size: 19px;
	color: #000033;
	letter-spacing: -0.4px;
}

h3
{
	font-size: 12px;
	color: #000033;
}

p
{
	font-size: 12px;
	line-height: 13px;
	color: #999999;
	margin: 10px 0;
}

p.intro
{
	margin: 0 0 10px 0;
}

a
{
	color:#1CC8FF;
	text-decoration:none;	
}


a:hover
{
	text-decoration:underline;	
}


blockquote p
{
	font-style: italic;
	font-size: 13px;
	line-height: 14px;
	color: #999999;
	margin: 10px 0;
}

blockquote h3
{
	font-style: italic;
	font-size: 12px;
	color: #333333;
}

.mainContent .col1 p:first-child
{
	margin-top: 0;
}


/* Generic Lists */

.mainContent ul
{
	margin: 0;
	/* padding: 0 0 0 10px; */
	padding: 0;
	list-style-type: none;
}

.mainContent ul li
{
	background: url(../images/indigo_bullet.png) no-repeat 0 5px;
	list-style-type: none; /* Important! for TinyMCE as numbered lists don't have ol tag? */
	font-size: 12px;
	color: #999999;
	padding: 2px 15px;
}

.mainContent ol
{
	margin: 0 0 0 28px;
	padding: 0;
	list-style-type: decimal;
}

.mainContent ol li
{
	font-size: 12px;
	color: #999999;
	padding: 0;
}


/* tooltip styling */ 
.tooltip
{ 
    display: none;
    /*background: url(../images/black_arrow_big.png);
    height: 163px; 
    padding: 30px 30px 10px 30px; 
    width: 310px;  */
    font-size: 12px; 
    color: #fff;
    background: url(../images/tooltip_bg_small.png) no-repeat;
    width: 248px; /*308px;*/
    height: 112px; /*132px;*/
    padding: 8px 30px;
    z-index: 300;
    text-align: center;
}

.tooltip h2
{
	color: #ff5500 !important;
	margin: 10px 0;	
}

.tooltip p
{
	margin: 2px 0;
	color: #333;
}

/*
	new css
*/
#jobalert-wrapper		{float:left; width:34px; height:40px; margin-right:2px}
#mobilealert-wrapper	{float:left; width:33px; height:40px; margin-right:2px}
#twitter-wrapper		{float:left; width:33px; height:40px; margin-right:2px}
#rss-wrapper			{float:left; width:33px; height:40px; margin-right:45px}



        #crumbs                                 {height:2.3em}
        #crumbs li                              {float:left; line-height:2.3em; color:#777; padding-left:.75em}		
        #crumbs li a                            {background:url('../images/orange-menu-divider.jpg') no-repeat right 10px; display:block; padding:0 15px 0 0}
        #crumbs li a.subactive					{color:#ff5500 !important}
        #crumbs li:last-child a                 {background:none!important}
        #none-i6-hack							{margin:0 0 0 -8px; background:#fff !important}
			        						
        #crumbs li a:link,
        #crumbs li a:visited                    {color:#777; text-decoration:none}
	        	
        a:link, a:visited,	
        #crumbs li a:hover,
        #crumbs li a:focus                      {color:#ff5500}
	    
	    a.btnMicro:link, a.btnSmall:link, a.btnMedium:link, a.btnLarge:link,
	    a.btnMicro:hover, a.btnSmall:hover, a.btnMedium:hover, a.btnLarge:hover,
		a.btnMicro:active, a.btnSmall:active, a.btnMedium:active, a.btnLarge:active,
		a.btnMicro:visited, a.btnSmall:visited, a.btnMedium:visited, a.btnLarge:visited
												{color:#ffffff;} /* must override normal link style */
	    
        .clearfix:after                         {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
        .clearfix                               {display: inline-block}
        html[xmlns] .clearfix                   {display: block}
        * html .clearfix                        {height: 1%}
        
        #navMenu                                {display: inline; margin: 0; padding: 0; position: relative; z-index: 9; height: 35px; width: 828px; }
        #navMenu li                             {float: left; display: inline}
        
        
        /* ie
                #navMenu li ul                          {background: #e1ddd3; border: 1px solid #ccc; color: #333; display:none; padding:0; margin: -3px 0 0 -133px; width: 200px; position:absolute; top:54px; left:inherit}
        */
        #navMenu li ul                          {background: #fff; border: 1px solid #ccc; border-bottom:none !important; color: #333; display:none; padding:0; margin: -3px 0 0 4px; width: 200px; position:absolute; top:54px; left:inherit}
        #navMenu li ul li                       {width: 100%; border-bottom:1px solid #ccc}
        #navMenu li ul li a                     {background: none; border: none; line-height: 30px; margin: 0; padding: 0 0 0 5px; font-size:12px; font-weight:normal !important}
        #navMenu li ul li a:hover               {background: #f7f7f7}

        /* CSS fallback */
        #navMenu li:hover > ul.child            {display: block;}
        
        span.container                          {display:block; padding:8px 20px 0; line-height:1.3em}
        #navMenu li a                           {color:#000041 !important; text-decoration:none !important; font-size:1.35em; font-weight:bold}
        
        a#homepage, a#homepage_a                {display:block; float:left; width:137px; height:51px; background: url('../images/nav1.jpg') no-repeat}
        a#homepage:hover, #navMenu li .activehome           {background: url('../images/nav1.jpg') 0 -357px !important}
        a#homepage_a                            {background: url('../images/nav1.jpg') 0 58px}
        
        a#yourFurure, a#yourFurure_a            {display:block; float:left; width:137px; height:51px; background: url('../images/nav1.jpg') no-repeat}
        a#yourFurure:hover                      {background: url('../images/nav1.jpg') 275px -357px}
        a#yourFurure_a                          {background: url('../images/nav1.jpg') 275px 58px}	

        a#yourProspects, a#yourProspects_a      {display:block; float:left; width:137px; height:51px; background: url('../images/nav1.jpg') no-repeat}
        a#yourProspects:hover                   {background: url('../images/nav1.jpg') 275px -357px}
        a#yourProspects_a                       {background: url('../images/nav1.jpg') 275px 58px}	

        a#yourDevelopment, a#yourDevelopment_a  {display:block; float:left; width:137px; height:51px; background: url('../images/nav1.jpg') no-repeat}
        a#yourDevelopment:hover                 {background: url('../images/nav1.jpg') 275px -357px}
        a#yourDevelopment_a                     {background: url('../images/nav1.jpg') 275px 58px}	

        a#yourCareer, a#yourCareer_a            {display:block; float:left; width:137px; height:51px; background: url('../images/nav1.jpg') no-repeat}
        a#yourCareer:hover                      {background: url('../images/nav1.jpg') 275px -357px}
        a#yourCareer_a                          {background: url('../images/nav1.jpg') 275px 58px}	
	
        a#yourJob, a#yourJob_a                  {display:block; float:left; width:137px; height:51px; background: url('../images/nav1.jpg') no-repeat}
        a#yourJob:hover, #navMenu li .active    {background: url('../images/nav1.jpg') 275px -357px !important}
        a#yourJob_a                             {background: url('../images/nav1.jpg') 275px 58px}

        #top-container                          {padding:0 0 0 30px; margin:0; border-bottom:3px solid #ff5105; background:#fff !important}
	    .top-header                             {display:block; width:960px; height:150px; padding:0; margin:0; height:150px}
	        .header-logo                        {display:block; height:99px}
	            #logo-container                 {float:left; width:300px; padding:20px 0 0}
	            #future-container               {float:right; width:370px; padding:25px 0 0}
	        .menu-container                     {display:block}
	            #main-menu                      {float:left; width:828px; height:51px}
	            #share-container                {float:right; width:126px; height:51px; vertical-align:bottom !important; position: relative;}
	            #share-container img            {position:absolute; top:22px}
    
        #submenu-container                      {padding:0 0 0 30px; height:30px; margin:0}
	        .submenu-wrap                       {font-size:1.3em; display:block; width:960px; padding:0 ; margin:0}
    	    
	    #content-wrapper                        {background:url('../images/open-top.jpg') no-repeat 25px 0; border:1px solid #fff}
	    
            #wrapper-bottom-bg                  {background:url('../images/closed-footer.jpg') no-repeat 25px bottom;
                                                 min-height: 530px;
                                                 height:auto !important; 
                                                 height: 530px;
                                                 padding: 0 0 20px 0;}

/* Bite Footer 
============== */
.bitefooter
{
	float:right;
	margin: 12px 20px 0px 0px;
	text-align: right;
}

.bitehomefooter
{
	float:right;
	margin: -32px 26px 0px 0px;
	text-align: right;
}