/* 
	Design by David Schroder
   	Copyright Blue Nano, 2008-2010
*/

/* 	
	Consistently Applied Styles 
	- html
	- body
	- wrapper
	- header
	- footer
	- spacer
	
	The above styles are applied to all pages at BlueNanoInc.com
*/
html {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 1.3em;
	font-family: Tahoma, Geneva, sans-serif;
	background-repeat: repeat-y;
	background-position: left;
}
img {
	border-style: none;
}
#wrapper {
	background-color: #FFF;
	padding: 0px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	background-repeat: repeat-y;
	background-position: left;
}
#wrapper #header {
	width: 960px;
	height: 110px;
	margin: 0px;
	padding: 0px;
}
#wrapper #header h1{
	border-style: none;
	margin: 0px;
	padding: 0px;
}
#wrapper #header img{
	border-style: none;
	margin: 0px;
	padding: 0px;
}
#wrapper #header img a{
	border-style: none;
}
#wrapper #header img a_visited{
	border: none;
}
#wrapper #header a{
	border: none;
	margin: 0px;
	padding: 0px;
}
#wrapper #footer {
	color: #FFF;
	text-align: right;
	clear: both;
	font-size: 1.0em;
	padding: 10px;
	background-color: #005991;
}
#wrapper #footer p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper #footer a {
	color: #FFF;
	text-decoration: none;
}
#wrapper #footer a:hover {
	color: #D6D6D6;
	text-decoration: underline;
}
#wrapper #spacer {
	height: 13px;
	width: 960px;
	clear: both;
	background-color: #FFF;
}
/*
	Generic Styles
	
	These style are default for all pages, but may be overriden
*/
#wrapper #mainbody {
	height: auto;
}
#wrapper #mainbody a{
	text-decoration: none;
}
#wrapper #mainbody a:hover{
	text-decoration:underline;
}
#wrapper #mainbody a:visited{
	color: #005991;
}
#wrapper #mainbody p{
	margin: 0px;
	padding: 0px;
}
#wrapper #mainbody p a{
	color: #00788A;
}
#wrapper #mainbody h2{
	font-size: 1.5em;
	color: #005991;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #mainbody h2 a{
	color: #005991;
}
#wrapper #mainbody h3{
	margin: 0px;
	color: #005991;
	font-size: 1.3em;

}
#wrapper #mainbody h3 a{
	color: #005288;
}
#wrapper #mainbody h4 {
	font-size: 1em;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#wrapper #mainbody h4 a{
	color: #00788A;
}
#wrapper #mainbody #leftmain {
	float: left;
}
#wrapper #mainbody #centermain {
	float: left;
}
#wrapper #mainbody #rightmain {
	float: right;
	display: inline;
}
.nav-title {
	font-weight: normal;
	text-decoration: none;
	font-size: 1.2em;
	color: #005288;
	font-family: Arial, Helvetica, sans-serif;
}
.nav-mainblue {
	background-image: url(images/navbox-01-mainblue.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 30px;
	line-height: 24px;
	vertical-align: middle;
}
.nav-otherblue {
	background-image: url(images/navbox-02-otherblue.gif);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 30px;
	line-height: 24px;
	vertical-align: middle;
}
.nav-skyblue {
	background-image: url(images/navbox-03-skyblue.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 30px;
	line-height: 24px;
	vertical-align: middle;
}
.nav-darkteal {
	background-image: url(images/navbox-04-darkteal.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 30px;
	line-height: 24px;
	vertical-align: middle;
}
.nav-lightteal {
	background-image: url(images/navbox-05-lightteal.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 30px;
	line-height: 24px;
	vertical-align: middle;
}
.nav-lightgreen {
	background-image: url(images/navbox-06-lightgreen.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 30px;
	line-height: 24px;
	vertical-align: middle;
}
.nav-darkgreen {
	background-image: url(images/navbox-07-darkgreen.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 30px;
	line-height: 24px;
	vertical-align: middle;
}
.mainblue {
	background-color: #005591;
}
.otherblue {
	background-color: #0069AA;
}
.skyblue {
	background-color: #009FC3;
}
.darkteal {
	background-color: #00788A;
}
.lightteal {
	background-color: #00A290;
}
.lightgreen {
	background-color: #50B948;
}
.darkgreen {
	background-color: #419639;
}
.lefttext {
	text-align: left;
}
.righttext {
	text-align: right;
}
.righttexttop {
	text-align: right;
	vertical-align: text-top;
}
.largefont{
	font-weight: normal;
	text-decoration: none;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
/* 
	Homepage Styles 
	
	Styles for the home page (index.html)
*/
.homepage #wrapper #productbar{
	background-color: #E6E6E6;
	padding-top: 5px;
}
.homepage #wrapper #productbar #ProdBarNano{
	width: 465px;
	float: left;
	padding-left: 15px;
	background-color: #E6E6E6;
}
.homepage #wrapper #productbar #ProdBarEnergy{
	width: 450px;
	float: right;
	background-image: url(images/productbar_background.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 30px;
	background-color: #E6E6E6;
}
.homepage #wrapper #mainbody {
	background-image: url(images/index_background.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.homepage #wrapper #mainbody p{
	padding-left: 5px;
}
.homepage #wrapper #mainbody h2{
	margin-top: 15px;
	padding-top: 0px;
	background: url('images/logo_bullet.gif') no-repeat;
	padding-left: 32px;
	line-height: 27px;
	vertical-align: middle;
}
.homepage #wrapper #mainbody h3{
	padding-left: 5px;
	color: #029EC4;
	font-size: 1em;
}
.homepage #wrapper #mainbody h3 a{
	color: #029EC4;
}
.homepage #wrapper #mainbody #leftmain {
	width: 255px;
	padding-left: 10px;
	padding-right: 20px;
}
.homepage #wrapper #mainbody #centermain {
	width: 350px;
	padding-right: 20px;
	padding-left: 25px;
}
.homepage #wrapper #mainbody #rightmain {
	width: 250px;
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
}
.homepage #wrapper #mainbody #rightmain h2 {
	padding-left: 5px;
	background: none;
	font-size: 1.3em;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
.homepage #wrapper #mainbody #rightmain h3{
	padding-left: 20px;
}
.homepage #wrapper #mainbody #rightmain p{
	padding-left: 20px;
}


/* 
	Product Styles - Nanomaterials & Energy Products
	
	These styles applied to Nanomaterials (Silver, Platinum, etc) & Energy Product (Solar, Batteries, Catalyst) pages
*/
.product #wrapper #mainbody {
	background-image: url(images/energyproduct_background.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.product #wrapper #mainbody h2 {
	margin-left: 20px;
	margin-right: 20px;
}
.product #wrapper #mainbody h3 {
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.product #wrapper #mainbody p {
	margin-left: 20px;
	margin-right: 20px;
}
.product #wrapper #mainbody #leftmain {
	width: 235px;
	padding-right: 10px;
}
.product #wrapper #mainbody #leftmain a h4{
	color: #00788A;
}
.product #wrapper #mainbody #leftmain a:hover h4{
	text-decoration: underline;
}
.product #wrapper #mainbody #leftmain a:visited h4{
	color: #005991;
}
.product #wrapper #mainbody #centermain {
	width: 470px;
}
.product #wrapper #mainbody #centermain h3{
	margin-left: 10px;
	margin-right: 10px;
}
.product #wrapper #mainbody #centermain p{
	margin-left: 10px;
	margin-right: 15px;
	text-align: justify;
}
.product #wrapper #mainbody #centermain .newslink{
	margin-left: 50px;
	text-align: left;
}
.product #wrapper #mainbody #centermain .monoimage{
	width: 460px;
	float: left;
	padding-bottom: 10px;
	border-style: none;
}
.product #wrapper #mainbody #centermain .monoimage a{
	border-style: none;
	margin-left: 5px;
}
.product #wrapper #mainbody #centermain .dualimage{
	width: 235px;
	float: left;
	text-align: center;
	padding-bottom: 10px;
	border-style: none;
}
.product #wrapper #mainbody #centermain .dualimage a{
	border-style: none;
}
.product #wrapper #mainbody #centermain .nanospec{
	width: 450px;
	margin-left: 10px;
	height: 60px;
}
.product #wrapper #mainbody #centermain .nanospec .nanospecpic{
	width: 110px;
	height: 60px;
	float: left;
}
.product #wrapper #mainbody #centermain table{
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	margin-bottom: 10px;
	vertical-align: top;
}
.product #wrapper #mainbody #centermain table .whiteletters{
	color:#FFF;
	background-color: #005991;
	line-height: 150%;
}
.product #wrapper #mainbody #centermain table .bluebg{
	background-color: #C6DDFF;
	text-align: center;
}
.product #wrapper #mainbody #centermain table .bluebg_left{
	background-color: #C6DDFF;
	text-align: left;
}
.product #wrapper #mainbody #centermain table .centeredtext{
	text-align: center;
}
.product #wrapper #mainbody #centermain .bodyimg{
	margin-left: 10px;
	margin-right: 10px;
}
.product #wrapper #mainbody #centermain ul{
	margin-top:0px;
	margin-bottom:0px;
}
.product #wrapper #mainbody #centermain #productname {
	height: 80px;
	width: 450px;
	padding-left: 20px;
	margin-bottom: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.product #wrapper #mainbody #centermain #productname h1 {
	color: #FFF;
	margin-top: 15px;
	margin-bottom: 0px;	
}
.product #wrapper #mainbody #centermain #productname h2 {
	color: #FFF;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 1px;
	font-size: 1.3em;
}
.product #wrapper #mainbody #rightmain {
	width: 215px;
}
.product #wrapper #mainbody #rightmain .rightimage{
	margin-top: 20px;

}
.product #wrapper #mainbody #rightmain h3{
	margin-left: 0px;
}
.product #wrapper #mainbody #rightmain h4{
	font-weight: normal;
	margin-bottom: 5px;
}
.product #wrapper #mainbody #rightmain table{
	margin-bottom: 10px;
	margin-left: 15px;
}
.product #wrapper #mainbody #rightmain table p{
	margin-left: 5px;
}
/* 
	General Styles - Nanomaterials & Energy Products
	
	These styles applied to non-product pages
*/
.general #wrapper #mainbody {
	background-image: url(images/energyproduct_background.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.general #wrapper #mainbody h2 {
	margin-left: 20px;
	margin-right: 20px;
}
.general #wrapper #mainbody h3 {
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.general #wrapper #mainbody p {
	margin-left: 20px;
	margin-right: 20px;
}
.general #wrapper #mainbody #centermain {
	width: 706px;
	background-image: url(images/blue-nano-globe-fade.jpg);
	background-repeat: no-repeat;
	background-position: center 70px;
}
.general #wrapper #mainbody #centermain .productpic{
	float: left;
	margin-right: 20px;
	height: 100px;
	width: 118px;
}
.general #wrapper #mainbody #centermain .nanopic{
	float: left;
	margin-right: 20px;
	height: 60px;
	width: 65px;
}
.general #wrapper #mainbody #centermain .nanoblock h3{
	padding-top: 0;
}
.general #wrapper #mainbody #centermain .address{
	float: left;
	width: 353px;
	height: 120px;
}
.general #wrapper #mainbody #centermain h3{
	margin-left: 20px;
	margin-top: 10px;
}
.general #wrapper #mainbody #centermain h3 .nolink{
	text-decoration: none;
}
.general #wrapper #mainbody #centermain h4{
	margin-left: 20px;
}
.general #wrapper #mainbody #centermain p{
	margin-left: 20px;
	margin-right: 15px;
	text-align: justify;
}
.general #wrapper #mainbody #centermain table .whiteletters{
	color:#FFF;
	background-color: #005991;
	line-height: 150%;
	margin-left: 20px;
	margin-right: 10px;
	text-align: left;
	margin-bottom: 10px;
	vertical-align: top;
}
.general #wrapper #mainbody #centermain table .bluebg{
	background-color: #C6DDFF;
	text-align: center;
	margin-left: 20px;
	margin-right: 10px;
	text-align: left;
	margin-bottom: 10px;
	vertical-align: top;
}
.general #wrapper #mainbody #centermain table .bluebg_left{
	background-color: #C6DDFF;
	text-align: left;
	margin-left: 20px;
	margin-right: 10px;
	text-align: left;
	margin-bottom: 10px;
	vertical-align: top;
}
.general #wrapper #mainbody #centermain table .centeredtext{
	text-align: center;
}
.general #wrapper #mainbody #centermain table{
	margin-left: 20px;
	margin-right: 10px;
	text-align: left;
	vertical-align: top;
}
.general #wrapper #mainbody #centermain table p{
	margin-left: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.general #wrapper #mainbody #centermain .bodyimg{
	margin-left: 20px;
	margin-right: 10px;
}
.general #wrapper #mainbody #centermain ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 20px;
	margin-right: 15px;
}
.general #wrapper #mainbody #centermain #pagename {
	height: 55px;
	width: 685px;
	padding-left: 25px;
	margin-bottom: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.general #wrapper #mainbody #centermain #pagename h1 {
	color: #FFF;
	margin-top: 15px;
	margin-bottom: 0px;	
}
.general #wrapper #mainbody #centermain #pagename h2 {
	color: #FFF;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 1px;
	font-size: 1.3em;
}
.general #wrapper #mainbody #rightmain {
	width: 215px;
}
.general #wrapper #mainbody #rightmain .rightimage{
	margin-top: 20px;

}
.general #wrapper #mainbody #rightmain h3{
	margin-left: 0px;
}
.general #wrapper #mainbody #rightmain h4{
	font-weight: normal;
	margin-bottom: 5px;
}
.general #wrapper #mainbody #rightmain table{
	margin-bottom: 10px;
	margin-left: 15px;

}
.general #wrapper #mainbody #rightmain table p{
	margin-left: 5px;
}