/* -- SETUP -- */

body{
	font: 76% Arial, Verdana, sans-serif;
	background: #fff url(../graphics/bg.jpg) repeat-x;
	color: #7f849a;
}

p{
	margin: 0 0 20px 0;
}

a{
	text-decoration: none;
	color: #7f849a;
	font-weight: normal;
}

a:hover{
	text-decoration: underline;
}

#container{
	width: 1020px;
	margin: 0 auto;
	position: relative;
}

#header{
	background: url(../graphics/header.gif) center no-repeat;
	width: 1020px;
	height: 151px;
}

#header a#home{
	display: block;
	width: 300px;
	height: 90px;
	position: absolute;
	margin: 20px 0 0 20px;
	/*border: 1px solid red;*/
	text-indent: -9999px;
}

#language{
	position: absolute;
	top: 13px;
	right: 270px;
}

#newsletter{
	position: absolute;
	top: 13px;
	right: 80px;
}

#newsletter a{
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 1px;
}

#requestquote{
	position: absolute;
	top: 13px;
	right: 90px;
}

#requestquote a{
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 1px;
}

#stocksymbols{
	position: absolute;
	top: 60px;
	right: 40px;
}

#stocksymbols a{
	color: #666;
	text-transform: uppercase;
	font-size: 1.0em;
	letter-spacing: 1px;
}


/* -- MAIN NAVIGATION -- */

#mainNav {
	color: #7f849a;
	height: 23px;
	margin-left: 60px;
	padding-top: 128px;
}

#mainNav ul {
	height: 23px;
}

#mainNav li{
	float: left;
	background: none;
	height: 22px;
	margin-left: 3px;
	text-align: center;
}

#mainNav a {
	text-decoration: none;
	color: #7f849a;
	font-weight: normal;
	font-size: 1em;
	letter-spacing: .1em;
	text-transform: uppercase;
	display: block;
	width: 125px;
	height: 22px;
}

#mainNav a:hover{
	background: url(../graphics/nav-bg.gif) bottom no-repeat;
	/*border-bottom: 3px solid #7f849a;*/
}

body#company #button1 a.topLevel{background: url(../graphics/nav-bg.gif) bottom no-repeat;}
body#cellcube #button2 a.topLevel{background: url(../graphics/nav-bg.gif) bottom no-repeat;}
body#applications #button3 a.topLevel{background: url(../graphics/nav-bg.gif) bottom no-repeat;}
body#vanadium #button4 a.topLevel{background: url(../graphics/nav-bg.gif) bottom no-repeat;}
body#investors #button5 a.topLevel{background: url(../graphics/nav-bg.gif) bottom no-repeat;}
body#tradeshows #button6 a.topLevel{background: url(../graphics/nav-bg.gif) bottom no-repeat;}
body#contact #button7 a.topLevel{background: url(../graphics/nav-bg.gif) bottom no-repeat;}

/* -- DROPDOWN -- */

#mainNav ul li ul{
	margin-left: 0;
	border: none;
	width: 170px;
	height: auto;
	background: #fdfdfd url(../graphics/subnav_tile.gif) top repeat-x;
	z-index: 5000;
	padding: 5px 0;
}

#mainNav ul li ul, #mainNav ul li ul li ul.subMenu{
	position: absolute;
	left: -999em;
}

#mainNav li ul li{
	float: none;
	height: 20px;
	text-align: left;
	margin: 0;
	padding: 3px 5px;
}

#mainNav ul li#button3 ul{
	width: 220px;
}

#mainNav ul li#button4 ul{
	width: 210px;
}

#mainNav li ul {
	position: absolute;
	left: -999em;
}

#mainNav li ul li{
	float: none;
	height: 20px;
	text-align: left;
	margin: 0;
	padding-top: 0;
	padding: 3px 5px;
}

#mainNav li#button3 ul li a{
	width: 180px;
}

#mainNav li#button4 ul li a{
	width: 170px;
}

#mainNav li ul li a{
	font-size: 11px;
	line-height: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #516185;
	background: url(../graphics/subnav_arrow.gif) 10px 8px no-repeat;
	padding: 5px 10px 5px 20px;
	clear: both;
	text-indent: 0;
	width: 130px;
	height: 10px;
	text-transform: none;
}

#mainNav li ul li a:hover{
	color: #516185;
	background: #D1D6D9 url(../graphics/subnav_arrow.gif) 10px 8px no-repeat;
}

#mainNav li:hover ul, #mainNav li.sfhover ul{
	left: auto;
}

#mainNav ul li:hover ul{
	left: auto;
}

#mainNav ul li ul li:hover ul.subMenu{
	top: 0px;
	left: 162px;
}

/* -- SLIDE -- */

#slide{
	width: 960px;
	height: 349px;
	margin-bottom: 30px;
}

/* -- HOMEPAGE BOXES -- */

#home-cellcube {
	float: left;
	position: relative;
	margin: 0px 30px 40px 30px;
	background: url(../graphics/home-cellcube.jpg) no-repeat;
}

#home-vanadium {
	float: left;
	position: relative;
	margin: 0px 30px 40px 30px;
	background: url(../graphics/home-vanadium.jpg) no-repeat;
}

#home-cellcube div, #home-vanadium div{
	position: absolute;
	top: 12px;
	left: 5px;
}

#home-cellcube a, #home-vanadium a{
	width: 420px;
	height: 325px;
	display: block;
}

#home-videos {
	float: left;
	position: relative;
	margin: 20px 15px 0px 30px;
	background: url(../graphics/home2-videos.jpg) no-repeat;
}

#home-downloads {
	float: left;
	position: relative;
	margin: 20px 15px 0px 20px;
	background: url(../graphics/home2-downloads.jpg) no-repeat;
}

#home-requestaquote {
	float: left;
	position: relative;
	margin: 20px 10px 0px 20px;
	background: url(../graphics/home2-requestaquote.jpg) no-repeat;
}

#home-presentations {
	float: left;
	position: relative;
	margin: 20px 30px 0px 20px;
	background: url(../graphics/home2-presentations.jpg) no-repeat;
}

#home-videos div, #home-downloads div, #home-requestaquote div, #home-presentations div{
	position: absolute;
	top: 12px;
	left: 5px;
}

#home-videos a, #home-downloads a, #home-requestaquote  a, #home-presentations a{
	width: 200px;
	height: 200px;
	display: block;
}

#home-cellcube div, #home-vanadium div{
	position: absolute;
	top: 12px;
	left: 5px;
}

#home-cellcube a, #home-vanadium a{
	width: 420px;
	height: 325px;
	display: block;
}

#box1, #box2, #box5, #box6{
	float: left;
	position: relative;
	margin: 0px 30px 0px 30px;
}

#box3, #box4, #box7, #box8{
	float: left;
	position: relative;
	margin: 20px 30px 0px 30px;
}

#box1 div, #box2 div, #box3 div, #box4 div, #box5 div, #box6 div, #box7 div, #box8 div{
	position: absolute;
	top: 12px;
	left: 5px;
}

#box1 a, #box2 a, #box3 a, #box4 a, #box5 a, #box6 a, #box7 a, #box8 a{
	width: 235px;
	height: 113px;
	display: block;
}

#box1 h2, #box2 h2, #box3 h2, #box4 h2, #box5 h2, #box6 h2, #box7 h2, #box8 h2{
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	color: #516185;
}

#box1 p, #box2 p, #box3 p, #box4 p{
	font-size: .9em;
	color: #516185;
	line-height: 1.5em;
	margin: 0;
}

#box1{
	background: url(../graphics/box1.png) no-repeat;
}

#box2{
	background: url(../graphics/box2.png) no-repeat;
}

#box3{
	background: url(../graphics/box3.png) no-repeat;
}

#box4{
	background: url(../graphics/box4.png) no-repeat;
}

#box5{
	background: url(../graphics/box5.png) no-repeat;
}

#box6{
	background: url(../graphics/box6.png) no-repeat;
}

#box7{
	background: url(../graphics/box7.png) no-repeat;
}

#box8{
	background: url(../graphics/box8.png) no-repeat;
}


/* -- CONTENT AREA -- */

#photo{
	width: 659px;
	height: 189px;
	float: left;
	margin: 20px 0 0 10px;
}

#contentContainer{
	width: 960px;
	margin: 0 auto;
	background: #FFF url(../graphics/internal_bg_home.jpg) no-repeat;
	overflow: auto;
}

#contentContainerInternal{
	width: 960px;
	margin: 0 auto;
	background: #FFF url(../graphics/internal_bg.jpg) no-repeat;
	overflow: auto;
}

#pageTitle{
	height: 69px;
}

#pageTitle h1{
	color: #C3E5CC;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: .2em;
	padding: 25px 0 0 65px;
}

#content{
	width: 600px;
	margin: 50px 50px 50px 65px;
	float: left;
	text-align: justify;
	color: #516185;
	/*color: #777779;*/
	font-size: 1.1em;
	letter-spacing: .05em;
	line-height: 1.6em;
}

#content2{
	width: 600px;
	margin: 5px 50px 5px 65px;
	float: left;
	text-align: justify;
	color: #516185;
	/*color: #777779;*/
	font-size: 1.1em;
	letter-spacing: .05em;
	line-height: 1.6em;
}

#content3{
	width: 600px;
	margin: 50px 50px 10px 65px;
	float: left;
	text-align: justify;
	color: #516185;
	/*color: #777779;*/
	font-size: 1.1em;
	letter-spacing: .05em;
	line-height: 1.6em;
}

#contentboxes{
	width: 600px;
	margin: -5px 50px 50px 65px;
	float: left;
	}

#contentHome{
	margin: 10px 30px 0px 30px;
	text-align: justify;
	font-size: 1.1em;
	letter-spacing: .05em;
	line-height: 1.6em;
	color: #516185;
}

#latestContainer{
	font-size: .9em;
	letter-spacing: .05em;
	line-height: 1.3em;
	height: 215px;
	margin-bottom: 15px;	
}

#latestContainer p{
	margin-bottom: 15px;
	padding: 0 10px;	
}

#latestContainer h2{
	line-height: 2em;
}

#latestNews{
	width: 420px;
	height: 200px;
	margin-right: 25px;
	margin-left: 40px;
	background: url(../graphics/latest-tile.png) top repeat-x;
	float: left;
	font-size: 1.2em;
	line-height: 1.2em;	
}

#latestNews h2{
	text-indent: -9999px;
	background: url(../graphics/latest-news.png) no-repeat;
	margin-bottom: 15px;
}


#latestMedia{
	width: 200px;
	height: 200px;
	background: url(../graphics/latest-tile.png) bottom repeat-x;
	float: left;
	font-size: 1.2em;
	line-height: 1.2em;	
}

#latestMedia a{
	color: #9a3095;
	
}

#latestMedia h2{
	text-indent: -9999px;
	background: url(../graphics/latest-media.png) no-repeat;
	margin-bottom: 15px;
}

#content h2{
	margin-bottom: 20px;
	font-size: 1.1em;
	font-weight: bold;
}

#content2 h2{
	margin-bottom: 20px;
	font-size: 1.1em;
	font-weight: bold;
}

#content3 h2{
	margin-bottom: 20px;
	font-size: 1.1em;
	font-weight: bold;
}

#content ul{
	margin: 0 0 20px 40px;
	list-style-type: disc;
}

#content ul li ul{
	list-style-type: circle;
}

#content p.listHeading{
	margin: 0;
}

#content blockquote, #contentHome blockquote{
	margin: 0 50px 20px 50px;
}

#content a{
	color: #9A3095;
}

#content2 a{
	color: #9A3095;
}

#content3 a{
	color: #9A3095;
}

#contentHome a{
	color: #9A3095;
}

#latestContainer a{
	color: #9A3095;
}

.footnotes{
	font-size: .8em;
	line-height: 1.4em;
}

#mapThumbs{
	margin: 0 0 20px 0;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #DADBE0;
	border-bottom: 1px solid #DADBE0;
}

#mapThumbs img{
	padding: 10px;
}

.pullQuote{
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px;
	background: #7F849A;
	color: #FFF;
	width: 460px;
	font-size: 1.4em;
}

.pullQuote span{
	font-size: .7em;
}

/* -- SIDEBAR -- */

#sidebar{
	width: 175px;
	float: right;
	margin: 55px 70px 0 0;
}

#sidebar a{
	color: #516185;
}

#subNav{
	margin: 0 0 30px 0;
}

#subNav li{
	margin: 0 0 15px 0;
	text-transform: uppercase;
	font-size: .8em;
}

#subNav li a{
	font-weight: normal;
	padding-left: 10px;
}

#subNav li a:hover{
	text-decoration: none;
	background: url(../graphics/sidenav_over.gif) 0px 2px no-repeat;
}

body.sub1 #subNav li.sub1 a,
body.sub2 #subNav li.sub2 a,
body.sub3 #subNav li.sub3 a,
body.sub4 #subNav li.sub4 a,
body.sub5 #subNav li.sub5 a,
body.sub6 #subNav li.sub6 a,
body.sub7 #subNav li.sub7 a,
body.sub8 #subNav li.sub8 a,
body.sub9 #subNav li.sub9 a,
body.sub10 #subNav li.sub10 a,
body.sub11 #subNav li.sub11 a,
body.sub12 #subNav li.sub12 a
{
	background: url(../graphics/sidenav_over.gif) 0px 2px no-repeat;
}
/*
#sidebar div{
	width: 165px;
	/*border-top: 1px solid #DADBE0;*/
	/*clear: both;
	float: right;
}*/

#sidebar #signup{
	width: 165px;
	clear: both;
	float: right;
	background: url(../graphics/am.vanadium_internal.newsletter.png) no-repeat;
	height: 57px;
	margin: 5px 0;
	position: relative;
}

#sidebar #signup a{
	width: 160px;
	height: 57px;
	display: block;
}

#sidebar #video{
	width: 165px;
	clear: both;
	float: right;
	background: url(../graphics/am.vanadium_side.video.png) no-repeat;
	height: 123px;
	margin: 5px 0;
	position: relative;
}

#sidebar #video a{
	width: 160px;
	height: 123px;
	display: block;
}

#sidebar #presentation{
	width: 165px;
	clear: both;
	float: right;
	background: url(../graphics/am.vanadium_side.presentation.png) no-repeat;
	height: 123px;
	margin: 5px 0;
	position: relative;
}


#sidebar #presentation a{
	width: 160px;
	height: 123px;
	display: block;
}


#sidebar #presentation p{
	font-weight: bold;
	margin: 0;
	position: absolute;
	top: 15px;
	left: 10px;
}

#sidebar #twitterWidget{
	width: 165px;
	clear: both;
	float: right;
	padding-bottom: 20px;
}

#sidebar p{
	color: #516185;
}

hr{
	border: 0;
	width: 165px;
	color: #DADBE0;
	background-color: #DADBE0;
	height: 1px;
	float: right;
}

#news{
	width: 165px;
	clear: both;
	float: right;
	margin-top: 10px;
}

#sidebar-contact{
	width: 165px;
	clear: both;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 20px;	
}

/* -- FOOTER -- */

#footer{
	width: 960px;
	margin: 0 auto;
	font-size: .7em;
	padding: 30px 0 0 0;
	clear: both;
	color: #516185;
}

#footer a{
	color: #516185;
}

#footerBox{
	width: 946px;
	height: 210px;
	padding: 7px;
	background-color: #DFE0E5;	
	font-size: 1.2em;		
}

#addressBox{
	float: left;
	margin-left: 20px;
	text-transform: uppercase;	
}

#addressBox a{
	font-weight: normal;
}

#addressBox h2{
	width: 200px;
	height: 30px;
	background: url(../graphics/request-quote-bk.gif) no-repeat;	
	margin-top: 20px;
	padding: 5px 20px 5px 20px;
	font-size: 1.3em;
}

#requestaquote-footer{
	width: 310px;
	height: 80px;
	margin-bottom: 10px;
}

#requestaquote-footer p{
	margin-bottom: 5px;
}

#requestaquote-footer h2{
	text-indent: -9999px;
	background: url(../graphics/request-quote-bk.gif) no-repeat;
	margin-bottom: 10px;
}



#footerInner{
	width: 960px;
	margin: 0 auto;

	color: #516185;
}

#footerInner a{
	color: #516185;
}


#footerBoxInner{
	width: 960px;
	

		
}

#bottomNav{
	background: url(../graphics/bottom-bk.png) repeat-x;
	height: 75px;	
	
}

#bottomNavText{
	color: #ffffff;
	font-size: .9em;
	text-transform: uppercase;
	float: left;
	margin-left: 15px;
	margin-top: 35px;
}

#bottomNav a{
	font-weight: normal;	
	color: #ffffff;
}

#socialMediaLogos{
	float: right;
	margin-top: 25px;
	margin-right: 15px;
}

#socialMediaLogos p{
	font-weight: bold;
	margin: 0 0 15px 0;
}

#facebook, #twitter, #linkedin, #youtube, #googleplus{
	width: 32px;
	float: right;
	margin-right: 15px;
}

#facebook a{
	background: url(../graphics/facebook.png) no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999px;
}

#twitter a{
	background: url(../graphics/twitter.png) no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999px;
}

#linkedin a{
	background: url(../graphics/linkedin.png) no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999px;
}

#youtube a{
	background: url(../graphics/youtube.png) no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999px;
}

#googleplus a{
	background: url(../images/icons/gplus-32.png) no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999px;
}

#footerBottom{
	clear: both;
	height: 30px;
}

.tablecontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#bold {
	font-weight: strong;
	background-color: #D8D9E0;
	font-size: 11px;
}