html {height: 100%;}

body {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 76%;
	background: url(images/bg_tl.gif) no-repeat top left;
	line-height: 1.3em;
	margin: 0;
	color: #000066;
	height: 100%;
}

a {text-decoration: none; color: #00A6DE;}

a:hover {color:#000066}

a img {border: none; vertical-align:middle;}

li {padding: 0em 0;}

h2 {font-size: 1.6em; color: #00A6DE; font-style:italic; margin: 0;}
h3 {font-size: 1.3em; font-style:bold; padding: 10px 0 0px 0;}

h5 {font-size: 1.5em; color: #00A6DE; font-style:normal; font-family:Arial, Helvetica, sans-serif,?l?r ?o?S?V?b?N, Osaka, ?q???M?m?p?S Pro W3; padding: 10px 0 3px 0; margin: 0;}

p {font-size: 1.1em; color: #000066; font-style:normal; font-family:Arial, Helvetica, sans-serif; line-height:1.4em;}

p.jp {font-size: 1.0em; color: #000066; font-style:normal; font-family:Arial, Helvetica, sans-serif,?l?r ?o?S?V?b?N, Osaka, ?q???M?m?p?S Pro W3; line-height:1.4em;}

#page { background: url(images/bg_br.gif) no-repeat bottom right; min-height:100%; _height:100%}

#wrapper {width: 906px; margin: 0 auto; padding: 2em 0;}

#nav ul {margin: 0; padding: 0; list-style: none; white-space:nowrap;}

	#nav li {float: left; font-size: 13px;}
	
	#nav li a {display: block; padding: 19px 9px 8px 9px; color: #000066; font-weight:bold; margin: 0;}
	
	#nav li a:hover {text-decoration:underline; color: #00A6DE ;}
	
	#navLogo {padding: 0 20px 0 0;}
	
	#nav li#navLogo a {padding: 5px !important;}
	
	#navLogo a:hover {filter:alpha(opacity=50); -moz-opacity: .5; opacity: .5;}
	

#masthead {clear:both;}

#content {padding: 1em 0;}

#footer {font-size: 0.9em; clear: both; clear: both;float: right;}


.right {float: right;}

.center {text-align: center;}

.email {padding: 0 23px 0 0; background:url(images/ico_email.gif) no-repeat right; font-size: 0.9em;}

/* HOME PAGE */

#pgHome #masthead {height: 407px; background: url(images/mast_mountainCollage.jpg) no-repeat;}

#banners {float:right; width: 350px; padding: 0 10px 0 10px; white-space:nowrap;}

	#banners a img {padding: 0 5px;}
	
	#banners a:hover img {filter:alpha(opacity=50); -moz-opacity: .5; opacity: .5; height: 225px;}
	
/* ENVIRONMENTALISM */
#pgEnviro #masthead {height: 258px; background: url(images/mast_factory.jpg) no-repeat;}

#googleNews {float:right; width: 250px; border-left: 1px dashed #CCCCCC; padding: 0 0 0 10px; color: #999999; line-height: 1.3em;}

#greenz {padding: 0.5em 1.5em; border: 1px solid #66CCFF; clear:both;}

/* FUTUREWORLD */
#pgFuture #masthead {height: 258px; background: url(images/mast_future.jpg) no-repeat;}

/* TECHNOLOGIES */
#pgTechs #masthead {height: 258px; background: url(images/mast_oxy-hydro.jpg) no-repeat;}


/* INVESTORS */
#pgInvestors #masthead {height: 258px; background: url(images/mast_investors.jpg) no-repeat;}

/* ABOUT */
#pgAbout #masthead,
#pgContact #masthead {height: 266px; background: url(images/mast_about.jpg) no-repeat;}

#pgAbout span.title1 {color: #00BB00; font-weight: bold; font-size: 1.1em;}

#rightabout {float: right; padding: 10px 0 10px 15px; width: 250px; height: 1210px; margin-left: 10px; border-left: 1px dashed #CCCCCC;}
#rightabout_ja {float: right; padding: 10px 0 10px 15px; width: 250px; height: 600px; margin-left: 10px; border-left: 1px dashed #CCCCCC;}

#rightabout .border {width: 200px; height:10px; border-bottom: 1px dotted #CCCCCC;}

#rightres {float: right; padding: 10px 0 10px 15px; width: 250px; height: 840px; margin-left: 10px; border-left: 1px dashed #CCCCCC;}

#righttec1 {float: right; padding: 10px 0 10px 15px; width: 250px; height: 250px; margin-left: 10px; border-left: 1px dashed #CCCCCC;}
#righttec2 {float: right; padding: 10px 0 10px 15px; width: 250px; height: 160px; margin-left: 10px; border-left: 1px dashed #CCCCCC;}

#rightinv {float: right; padding: 10px 0 10px 15px; width: 250px; height: 400px; margin-left: 10px; border-left: 1px dashed #CCCCCC;}

#rightbio {float: right; padding: 10px 0 10px 15px; width: 250px; height: 980px; margin-left: 10px; border-left: 1px dashed #CCCCCC;}