/* Name: InforNation */

/* -------- COLORS ---------
dk red: 8E141B
--------------------------*/

.hidden { display:none; visibility: hidden;} /* both properties given per 456berea advice*/
.invisible { visibility: hidden; }

/* 
	===================================
	>> CSS BUG HACKS <<
	===================================
*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*image replacement*/
.imgrpl{text-indent:-9999px;font-size:1; display:block;}
.hide{visibility:hidden;}

html{
	font-family: Tahoma, Geneva, Verdana;
	font-size:62.5%;
	line-height:1;
}

body{
	font-family:Tahoma,"lucida sans unicode","lucida sans",Arial,Sans-Serif;
	background: #c0bc4b url(../img/bg.jpg) repeat-x 0 0;
	color:#001111;
	font-size:15px;
	line-height:24px;
}
body.hide { background:#000; }
body.hide div { display:none; }

body#whois{	background: #c0bc4b url(../img/bg_whois.jpg) repeat-x 0 0;}
body#whoisnot{	background: #c0bc4b url(../img/bg_whoisnot.jpg) repeat-x 0 0;}
body#nation{	background: #c0bc4b url(../img/bg_nation.jpg) repeat-x 0 0;}

h2 {font-size:12px;}
h3 {font-size:14px;}
#content a {color:#8E141B;font-weight:bold;text-decoration:none;}
#container { margin:0 auto;width:950px;position:relative; height:692px; }
p.copy {
	font-size:11px;
	height:40px;
	margin:0 auto;
	text-align:right;
	width:890px;
}
#content { 
	padding:0 0 100px 0;
	height:509px;
	background:transparent url(../img/white_bg.png) repeat scroll 0 0;
	border-bottom:14px solid #8E141B;
	width:930px;
	z-index:1; 
	position:absolute; 
	top:65px; 
	left:0px;
	}

p { margin:0 0 10px 0; line-height:1.6em;}
.slideshow li.arrow { list-style-type:none; background:transparent url(../img/sprite.png) no-repeat scroll -271px -703px;font-size:12px;font-weight:bold;padding:0px 0 7px 30px; display:none;}
a.redLink {background:transparent url(../img/sprite.png) no-repeat scroll right -738px;color:#8E141B;font-weight:bold;padding:0 17px 0 0;text-decoration:none;}

.lt{ background:transparent url(../img/sprite.png) repeat scroll 0 0;height:625px;left:-20px;position:absolute;top:64px;width:20px;}
.rt{ background: transparent url(../img/sprite.png) repeat -20px 0; width: 20px;position:absolute;top:64px; right:0px;height:625px;}
div.shareThis{ position:absolute; bottom:25px; left:627px; z-index:1000; padding:3px 0; }
.shareThis a:link,
.shareThis a:visited,
.shareThis q:hover,
.shareThis a:active {color:#b5121b;font-size:12px;padding:0px 5px 2px 22px;}

/*-------------------------------
     Header
---------------------------------*/
#header {padding:0px 0 0; z-index:1000; position:absolute;top:0px; left:0px;}
ul.lang {margin:0 0 0 12px;}
.ie6 ul.lang, 
.ie7 ul.lang {padding-bottom:20px;}
ul.lang li{display:block;float:left; list-style-type:none;padding-right: 20px;font-size:12px;}
ul.lang li.label{color:#fff;}
ul.lang li a, ul.lang li a:hover, ul.lang li a:visited {color:#b5121b; text-decoration:none;}
ul.lang li.active a { color:#000; text-decoration:none; font-weight:bold;}

/*=====================================
   MENU
=======================================*/
ul.menu { margin:70px 0 0 10px;}
ul.menu li{background:transparent url(../img/menu_bg.png) repeat-x scroll 0 -5px;display:block;float:left;height:35px;list-style-type:none;padding:11px 7px 0;}
ul.menu li.logo {background: transparent url(../img/sprite.png) repeat -152px -627px; width:145px;height:45px;padding:0;}
ul.menu li.end{background: transparent url(../img/sprite.png) repeat 0 -627px; height:45px;padding:5px 0 0 26px;width:112px;}

ul.menu li a, 
ul.menu li a:hover, 
ul.menu li a:visited { color:#fff; text-decoration:none; font-size:11px; border-right:dotted 1px #fff; padding-right:10px; }
ul.menu li.last a:link,
ul.menu li.last a:visited,
ul.menu li.last a:hover,
ul.menu li.last a:active { padding-right:0; border:none; }
ul.menu li.sm a:link,
ul.menu li.sm a:visited,
ul.menu li.sm a:hover,
ul.menu li.sm a:active { font-size:9px; padding-right:0; border:none; }
ul.menu li.com a{padding-left:30px; padding-right:0; border:none; } 
ul.menu li.end a{width:26px;height:28px;float:left;margin-left:5px; padding-right:0; border:none; }
ul.menu li.logo a:link,
ul.menu li.logo a:visited,
ul.menu li.logo a:hover,
ul.menu li.logo a:active   {height:35px; border-right:none; padding-right:none;}
ul.menu li a.facebook:link,
ul.menu li a.facebook:visited,
ul.menu li a.facebook:hover,
ul.menu li a.facebook:active  { background: transparent url(../img/sprite.gif) repeat -48px 0; padding-right:0; border:none; }
ul.menu li a.twitter:link,
ul.menu li a.twitter:visited,
ul.menu li a.twitter:hover,
ul.menu li a.twitter:active { background: transparent url(../img/sprite.gif) repeat -48px -33px; padding-right:0; border:none; }
ul.menu li a.linkedin:link,
ul.menu li a.linkedin:visited,
ul.menu li a.linkedin:hover,
ul.menu li a.linkedin:active { background: transparent url(../img/sprite.gif) repeat -48px -67px; padding-right:0; border:none; }




/*-------------------------------
     Homepage
---------------------------------*/
/* hide homepage for now */
#pagecontent { z-index:2000 !important; position:absolute; top:0px; right:0px; bottom:0px; left:0px; }

/*top*/
#top {height:330px;}
.right {width:267px;float:left;height:198px;padding:90px 0 0 15px;}
#homepage .right {width:267px;float:left;height:198px;background: transparent url(../img/bg_right.png) no-repeat 0 50px;padding:90px 0 0 15px;}
#top .right p {font-size:11px; }
#top .right h2 {margin-bottom:1px; margin-top:5px; }
#top .right h2 a { color:#000; }
#top .right h2.redTitle a { color:#b5121b; font-size: 14px; }
#top .right div{width:160px;float:left;clear:both; }
#top .right div.fullwidth {width: 250px;}
a.video {float:left; width:70px; height:54px;}
.tn1{background:transparent url(../img/sprite.png) no-repeat scroll -87px 4px;}
.tn2{background:transparent url(../img/sprite.png) no-repeat scroll -87px -118px;}
.tn3{background:transparent url(../img/sprite.png) no-repeat scroll -87px -118px;}

/*homepage headline*/
.left {float:left;margin-right:20px;padding:100px 0 0 24px;width:625px;}
#homepage h1 { background:transparent url(../img/homepage_h1.png) no-repeat 0 0; height:40px;width:350px; }
#homepage .left { margin-right:0px; width:620px; }
p.subheader {font-size:20px; width:480px;}

/*scroller*/
.newsScroller{background:transparent url(../img/sprite.png) no-repeat scroll -192px -564px;clear:both;margin:0 0 0 23px;padding-left:7px;position:relative;width:875px; }
.newsScroller span {background:transparent url(../img/sprite.png) no-repeat scroll -158px -564px;height:27px;position:absolute;right:0;top:0;width:25px;}
#content .newsScroller a.arrow { color:#000000;float:left;font-size:13px;height:20px;padding:4px 0 0 9px;width:266px;border-top:1px solid #8E141B;border-bottom:1px solid #8E141B;background:#fff url(../img/sprite.gif) no-repeat -20px -698px;}
.newsScroller a { background:transparent url(../img/sprite.png) no-repeat scroll right -732px; width:20px; height:40px;cursor:default; }
div.scroller { border-top:1px solid #8E141B;border-bottom:1px solid #8E141B;background-color:#fff;height:24px;overflow:hidden; width:576px; position:relative; }
.ie6 div.scroller{ left:-4px; }
.scroller ul {width:1500px;  }
.scroller ul li { display:block;float:left; list-style-type:none; font-size:12px; padding:5px 10px; }
#content .scroller li a { background:none; font-weight:normal; color:#000; cursor:pointer; }

/*bottom*/
#bottom {padding:20px 0 0 0;}
#bottom .right{ width:253px; font-size:14px; margin-left:650px; }
#homepage #bottom { padding:6px 0 0 0; position:relative; height:267px; }
#homepage #bottom .right { background:#fff; padding-left:18px; padding-right:45px; margin:0; left:632px; top:6px; padding-top:19px; height:253px; position:absolute; }
.ie6 #homepage #bottom .right { padding-right:44px; }
/*flash piece placeholder*/
#home_carousel { width:650px; height:273px; position:absolute; top:6px; left:-18px; font-size:10px; color:#fff; background-color:#fff; }

.right h3 { background:transparent url(../img/sprite.png) no-repeat scroll -50px -387px;height:65px;width:237px; margin:0 0 8px; }
.flash {float:left;height:300px;width:630px;}

/*-------------------------------
     Who Is
---------------------------------*/

/*who is headline*/
#whois h1{background:transparent url(../img/whois_h1.png) no-repeat 0 0; height:40px;width:350px;}
#whois #top {height:296px; position:relative;}
#whois #top .scroll { height:210px; width:400px; overflow:hidden; }
#whois #bottom .scroll{height:145px; width:183px;}

#whois .right {float:left; width:464px; height:261px; padding-top:100px; }
#whois .left {float:left; width:420px; margin-right:10px; padding-left:20px; }
#whois #bottom {height:190px;padding-top: 120px;}
#whois #bottom .right {width:470px;float:left;}
#whois #bottom .left {float:left;width:470px;}
#whois .shareThis { bottom:-96px; position:absolute; left:790px; right:auto; }
#whois .shareThis a { padding:0;}
#bottom .rounded {-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #8E141B; width:365px; height:150px; float:left; background-color:white;border:1px solid #8E141B;margin:0 0 0 20px;padding:15px;}
#whois #bottom .last { margin-left:100px; }
#whois.ie6 #bottom .last {margin-left:70px;}

.ie6 #bottom .rounded{ background: transparent url(../img/rounded_bg.gif) no-repeat 0 0; border:none; margin:-12px 0 0 15px;}
.ie7 #bottom .rounded{ background: transparent url(../img/rounded_bg.gif) no-repeat 0 0; border:none; margin-left:15px;}
#bottom .rounded div { width:182px; float:left; font-size:13px;}
#bottom .rounded div.first { width:162px; padding-right:20px; }

/*thumbnail*/
span.tn {width:82px;height:64px;}
.sol {background:transparent url(../img/sprite.png) no-repeat scroll -176px 2px;}
.info {background:transparent url(../img/sprite.png) no-repeat scroll -176px -72px;}

/*whois flash*/
#top .right #whois_flash { width:464px; height:261px; font-size:10px; color:#fff;}

.slideshow li.active { z-index:10;display:block;}
.slideshow li.last-active { z-index:9;display:none;}

/*-------------------------------
     Who is Not
---------------------------------*/
/*who is not headline*/
#whoisnot h1{background:transparent url(../img/whoisnot_h1.png) no-repeat 0 0; height:40px;width:350px;}
#whoisnot #top { padding:10px 0 0; }
#whoisnot #top .right { width:265px; float:left; background:transparent url('../img/bg_in_news.png') repeat-x 0 75px; padding:85px 10px 0 10px;}
#whoisnot #top .right h2 {font-size:13px; margin:0 0 10px 0; }
#whoisnot #top .right div.scroll {
	width:auto;
	height:200px;
	float:none;
}
#whoisnot #top .right div.scroll a { clear:both; display:block; }
#whoisnot .left { float:left; width:450px; padding-left:20px; margin-right:155px;}
#whoisnot .follow { background:transparent url(../img/twitter_icon.gif) left 3px no-repeat; padding-left:20px; padding-bottom:2px;}
#whoisnot .follow a { background:transparent url(../img/sprite.gif) no-repeat scroll right -738px; padding-right:17px; padding-bottom:2px; font-size:.9em; }
#whoisnot .shareThis { 
	bottom:auto;
	left:775px;
	position:absolute;
	right:auto;
	top:570px;
	z-index:550;
}
#whoisnot #flash { background-color:#FFFFFF; font-size:10px; height:293px; left:-18px; position:absolute; top:334px; width:965px; z-index:0;}



/*-------------------------------
     Nation @ work
---------------------------------*/
/*nation headline*/
#nation #content { width:925px; }
#nation .rt { right:5px; }
#nation h1 {background:transparent url(../img/nation_h1.png) no-repeat 0 0; height:40px;width:350px;margin-left:-2px;}
#nation .right { left:748px; position:absolute; top:0; width:180px; z-index:40; }
#nation .right p{margin:0;}
#nation .right a{ font-size:11px; padding: 0 0 0 20px; display:block; white-space:nowrap; line-height:17px; height:17px; }
.nation{background:transparent url(../img/sprite.png) no-repeat scroll -169px -331px;height:29px;width:116px;}
.pdf{background:transparent url(../img/sprite.png) no-repeat scroll  -281px 1px;}
.fb{background:transparent url(../img/sprite.png) no-repeat scroll  -281px -62px;}
.li{background:transparent url(../img/sprite.png) no-repeat scroll  -281px -128px;}

#nation .left { float:left;padding:100px 100px 0 23px;width:625px; z-index:39; position:relative; }
#nation .left h2 { margin-bottom:0;  }
#nation #leftSideBar {width:150px; font-size:12px;}/* new added by Matt McGowan */
#nation #bottom { height:259px; position:relative;}
#nation #bottom h4 { font-weight:bold; position:absolute; bottom:0px; width:260px; font-size:.8em; background:transparent url(../img/sprite.gif) no-repeat scroll -45px -702px; }
#nation div.scroller { background-color:transparent; border:none;bottom:0px;left:250px;position:absolute; cursor:pointer; width:627px; }
#nation .shareThis { bottom:45px; left:728px; right:auto; }
#nation #flash { color:#FFFFFF; font-size:10px; height:390px; left:-18px; position:absolute; top:-137px; width:960px; z-index:10; }
span.arrowBullet { left:894px; position:absolute; top:259px; z-index:500; display:block; width:15px;}
#nation.ie6 div.scroller, 
#nation.ie7 div.scroller{ bottom:0px; }

/*-------------------------------
     Resources
---------------------------------*/
#resources h1 {background:transparent url(../img/resources_h1.png) no-repeat 0 0; height:40px;width:350px;margin-left:-12px;}
#resources #content { height:509px; }
#resources #content .left { padding-top: 83px;width:525px; margin-right:120px; }
#resources #content .right { padding-top: 83px; margin-top:40px; width:260px; padding-left: 0; }
#resources #content .right div{ width:250px; }
#resources #bottom { position:relative; padding-top: 0; }
#resources #flash { left:-14px; position:absolute; top:-84px; }
#resources .shareThis { bottom:auto; left:668px; right:auto; top:-110px; }
#resources .shareThis a { padding:0;}
#resources .tn1 { background:transparent url(../img/resource_woman_thumbnail.png) 1px 8px no-repeat; }
#resources.ie6 .tn1 { background:transparent url(../img/resource_woman_thumbnail.gif) 1px 8px no-repeat; }

/*-------------------------------
     Jscrollpane
---------------------------------*/
.jScrollPaneContainer{overflow-y:hidden;position:relative;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:transparent url(../img/sprite.png) no-repeat scroll -59px -155px; width:13px !important;}
.jScrollPaneDrag{position:absolute;cursor:pointer;overflow:hidden;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0px;right:0;text-indent:-2000px;overflow:hidden;height:9px;background:transparent url(../img/sprite.png) no-repeat scroll -283px -510px; width:13px !important;}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0px;right:0;text-indent:-2000px;overflow:hidden;height:9px;background:transparent url(../img/sprite.png) no-repeat scroll -283px -595px; width:13px !important;}


#content .rounded .scroll p { margin:0px;line-height:13px; }
#content .rounded .scroll p a { font-size:11px; color:#000; font-weight:normal; }
/*--------------------------------------
   IE6  Optimization
----------------------------------------*/

.ie6 a.redLink, 
.ie6 p.arrow, 
.ie6 a.jScrollArrowUp, 
.ie6 a.jScrollArrowDown, 
.ie6 .pdf, 
.ie6 .fb, 
.ie6 .li, 
.ie6 .sol, 
.ie6 .info, 
.ie6 .newsScroller span, 
.ie6 .newsScroller a, 
.ie6 .newsScroller, 
.ie6 .tn1, 
.ie6 .tn2, 
.ie6 .tn3,
.ie6 .slideshow li.arrow {background-image: url(../img/sprite.gif);}
.ie6 #home_carousel { top:5px; }