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

body {font-family: Arial, Verdana, Sans Serif; background:url(/images/bg.jpg) repeat-x #edf6e5; color: #444}

a {text-decoration: none; color:#2a96d1}

a:hover {text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {font-weight:100; font-family:Univers, Arial, Helvetica, Sans Serif ; }


#logo {width: 224px; height: 70px; display:block; text-indent:-9999px; background: url(/images/logo-tag.gif) no-repeat;}


/* layout/position styles */

#wrap, #footer { width:960px;margin: 0 auto; background:#fff; padding: 0px 10px;}

#wrap {margin-top:15px; }

#header {height:80px; padding-top:20px; position:relative; width:940px; margin:0 auto; }

#content {width:940px; margin:0 auto;}

#main {margin-bottom:35px; border:1px solid #ececec; width:938px;}

#welcome {float:left; width:657px; height:320px; position:relative; border-right: 1px solid #ececec;}

#call {float:left; width:280px; height:320px;}

#sub {margin-bottom:25px;}



/* Nav */

#nav {position:absolute; top:64px; right:0 }

#nav li {float: left; margin-right:35px;}

#nav li a {height:21px; background: url(/images/nav.gif) no-repeat; text-indent:-9999px; display:block;}

#nav li a:hover {text-decoration: none}

#nav .nav-about a {width:47px; background-position: 0px -27px}

#nav .nav-about a:hover, #nav .here.nav-about a {width:47px; background-position: 0px 0px}

#nav .nav-markets-applications a {width:164px; background-position: -87px -27px}

#nav .nav-markets-applications a:hover, #nav .here.nav-markets-applications a {width:164px; background-position: -87px 0px}

#nav .nav-products-solutions a {width:152px; background-position: -283px -27px}

#nav .nav-products-solutions a:hover, #nav .here.nav-products-solutions a {width:152px; background-position: -283px 0px}

#nav .nav-contact a {width:63px; background-position: -466px -27px}

#nav .nav-contact a:hover, #nav .here.nav-contact a {width:63px; background-position: -466px 0px}


/* welcome styles */

#welcome h1 { background: url(/images/oldwelcome.jpg) no-repeat; width:657px; height:320px;text-indent:-9999px}

#welcome span, #welcome p {position:absolute; bottom:0; left:0;}

#welcome p {font-size:13px; color:#fff; line-height:1.5; padding:15px 25px;}

#welcome span {height:85px; background:#333; opacity:.65; display:block; width:100%}

#welcome a {color:#8fdfff;}


/* call styles */

#call span {height:160px; width:280px; background: url(/images/call-pics.jpg) no-repeat; display:block}

#call a {display:block; height:160px; width:280px; background: url(/images/call-pics.jpg) no-repeat; text-indent:-9999px}

#call #energy {background-position: 0px 0px;}

#call .hover-fix-1:hover {background-position: 0px -160px!important; text-decoration:none;}

#call #lithium {background-position:-280px 0px;}

#call .hover-fix-2:hover {background-position:-280px -160px!important; text-decoration:none;}

#energy span {background-position: 0px -160px;}

#lithium span {background-position:-280px -160px;}




/* sub styles */

.sub-col {width:280px; float:left; margin-right:50px; font-size:12px;}

.sub-col h2 {font-size:20px;}

.sub-col p {line-height:2; font-style:italic; letter-spacing: -.01em;}

.sub-col li {line-height:1.5;}

.sub-col a, .sub-col span {display:block;}

.date h2 {padding-left:20px; color: #6bba2d}

.date span {font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#868686; margin-top:5px}

.date li {margin-top:15px; padding-bottom:10px; border-bottom:1px solid #ececec; padding: 0 10px 10px 20px}

.date .last { border:none !important; margin-bottom:0}

.event {background: url(/images/event.png) no-repeat 0 2px; }

.news {background: url(/images/news.png) no-repeat 0 2px; }

.photo h2 {position:relative;}

.photo p {padding: 15px 16px 0;}

.photo span {position: absolute; display:block; width:266px; height:36px; bottom:6px; left:6px; text-indent:-9999px}

.photo a {background: #f1f7ea; padding:5px; height:144px; width:268px; border: 1px solid #F1F7EA; position:relative}

.photo a:hover {background:#f6faf2; text-decoration:none;}

.photo img {border:1px solid #F1F7EA;}

.ideas span {background:url(/images/ideas-in-action.png) no-repeat;}

.application span {background:url(/images/featured-application.png) no-repeat;}

#sub .more {margin-left:20px; margin-top:10px; font-size:10px;}


/* search styles */

#search-submit {display:none;}

#search {display:block; height:20px; width:160px;  border:1px solid #f4f4f4; background: #fff url(/images/search.gif) no-repeat 143px 4px; position:absolute; top:10px; right:0}

#s { background:none; color:#ccc; border:none; font-size:9px; padding:4px 3px 3px 4px; width:160px; }


/* footer styles */

#footer {background:#fff; font-size:10px; height:45px;}

#footer p {float:left;}

#footer ul {float:left;}

#footer li {float: left; padding: 0 10px 0 10px; border-right: 1px solid #bbb}

#footer #foot-nav {text-transform:uppercase; float:right}

#foot-nav .last {border: none; padding-right:0;}

#footer-content {width:940px; margin:0 auto; border-top:1px solid #ececec;  padding-top:10px;}



#tell-us-wrap{position:fixed; width:100%; color:#fff; font-size:10px; top:-20px; left:0}

#tell-us-wrap .bg {width:100%; background:#005fba; opacity:.85; display:block; height:20px; margin-bottom:-20px}

#tell-us {width:960px; margin:0 auto; position:relative; height:15px; padding-top:5px; }

#tell-us a {margin-left:10px; display:block; color:#fff; float:left;}

#tell-us .hide {margin-right:10px; font-size:9px; float:right; margin-top:1px; background:transparent url(/images/mini_remove.png) no-repeat scroll 0 -3px; padding-left:15px}

#tell-us .application {background:transparent url(/images/arrow_go.png) no-repeat scroll right 4px; height:20px; margin-bottom:-12px; margin-top:-6px; padding-right:17px; padding-top:6px; }


.stay_green:link {
	color: #6bba2d;
text-decoration:none
}

.stay_green:visited {
	color: #6bba2d;
text-decoration:none
}
.stay_green:hover {
	color: #6bba2d;
text-decoration:none
}

.calendar_green:link {
	color: #6bba2d;
text-decoration:none
}

.calendar_green:visited {
	color: #6bba2d;
text-decoration:none
}
.calendar_green:hover {
	color: #2a96d1;
text-decoration:none
}
/* Classes */

.last {margin-right:0 !important;}


/* CLEAR FIX*/
.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 */