@charset "UTF-8";
@import url("wp_main.css");
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
#splash {
	style="display:block;
	margin-left:auto;
	margin-right:auto;
	width:65%;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 88.626%;
	padding-left: 1.1869%;
	padding-right: 1.1869%;
}
#header {
	width:100%;
	height:100px;
}
#system_menu_index {
	float:left;
	display: block;
	clear:none;
	width: 84.25%;
	background-color: #DCA028;
	margin-left:0px;
	height:5px;
	padding-right:0px;
}
#body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#body_system_heading {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 100%;
	display: block;
}
.body_system_text {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 100%;
	display: block;
	padding-bottom:25px;
}
.body_cert_text {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 46%;
	display: block;
	padding-bottom:25px;
}
#body_system1 {
	clear: none;
	float: left;
	margin-left: 1.15%;
	width: 100%;
	display: block;
	padding-bottom:25px;
}
/* BR_systems_home page only - start */
#EcoSystem {
	float: left;
	margin-top: 0px;
	display:block;
	clear:none;
	position: relative;
	z-index: 1;
	top: 80px;
	left: 0;
}
#BioModule {
	float: left;
	margin-top: 0px;
	display:block;
	clear:none;
	position: relative;
	z-index: 1;
	top: 80px;
	left: 0;
}
#BioSystem {
	float: left;
	margin-top: 0px;
	display:block;
	clear:none;
	position: relative;
	z-index: 1;
	top: 80px;
	left: 0;
}
.tagline {
	margin-top:-30px;
	left:0px;
	width:100%;
	position:relative;
}
.secrettagline {
	visibility:hidden;
}
/* BR_systems left nav bar only - start */
#nav {
	margin-left:0px;
	margin-top:0px;
	width:100%;
	float:left;
	clear:none;
	padding-top:0px;
	height:auto;
}
/* BR_systems left nav bar only - end */

#logo {
	height:50px;
	text-align:left;
	padding-bottom:10px;
}
#bottombar {
	clear: both;
	float: bottom;
	width:auto;
	padding-left:5px;
	display: block;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
	bottom:0px;
	left:0px;
}
/*BR - - - - projects cover page only*/
#projects {clear:none; display:block; float:left; width: 100%; margin-left:1.15%;}
.projectbar {clear:none; display:block; float:left; width: 100%; border:1px dotted medium; opacity:0.4; filter:alpha(opacity=40); padding-bottom:1px; padding-top:1px;}
.projectbar:hover {opacity:1.0; filter:alpha(opacity=100);}
.projectbar a {color:#868686; text-decoration:none; font-size:12px; text-align:center; padding:1px;}
.projectbar a:hover {color:#868686; text-decoration:none; font-size:14px; font:bolder; text-align:center; padding:1px;}

/* projects pages image boxes */
#body_project {
	clear: none;float:left; margin-left: 1.15%; width:100%; display: block;}
.project {top: 0;left: 0;width:100%;}
.projectboxA {display: none;}
.projectboxB {display:block;padding-bottom:5px; padding-top:5px;}

/* downloads pages links */
.background {clear:none;width:100%; padding-top:5px;}
.background a {text-decoration: none;color:#666666;font:Arial, Helvetica, sans-serif;}
.background a:hover {color:#666666;}
.tbtext {clear: none; float: left;width:80%; }
.tbtext p {text-align: left; line-height:1.3; margin: 5px 0px 5px 0px;color: rgb(130,130,130);}
.transbox {width:100%; margin: 0px 5px 5px 0px;clear:none;float:left;}
.transbox:hover {background-color:#A0BED2;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
#splash {
	style="display:block;
	margin-left:auto;
	margin-right:auto;
	width:65%;
}
#background {
	background-image: url(../_images/_background-01.png2);
}
.gridContainer {
	width: 91.4836%;
	padding-left: 0.7581%;
	padding-right: 0.7581%;
	background-color:#ffffff;
}
#bar {
	width: 100%;
	height:5px;
	background-color:#DCA028;
}
#header {
	width:100%;
	height:100px;
}
#logo {
	height:50px;
	text-align:left;
	padding-bottom:10px;
}
#body {
	clear: both;
	position:relative;
	width: 100%;
	display: block;
	margin-top:40px;
	height:750px;
	resize:both;
	max-width:768px;
}
#system_menu_index {
	float:left;
	display: block;
	clear:none;
	width: 84.25%;
	background-color: #DCA028;
	margin-left:0px;
	height:5px;
	padding-right:0px;
}
.icon {
	padding:3px;
}
#EcoSystem {
	display:block;
	clear:none;
	position: relative;
	float: left;
	width:25%;
	margin-left:5%;
	resize:both;
}
#BioModule {
	display:block;
	clear:none;
	position: relative;
	float: left;
	width:50%;
	margin-top: 0px;
	margin-left: 28%;
}
#BioSystem {
	display:block;
	clear:none;
	position: relative;
	float: left;
	width:25%;
	margin-top: 0px;
	margin-left:75%;
}
.tagline {
	margin-top:-70px;
	left:0px;
	width:100%;
	position:relative;
}
.secrettagline {
	visibility:hidden;
}
.toplayer {
	display:block;
	clear:none;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	margin:auto;
}
.layer {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	margin:auto;
}
#Eco-image {
	margin-top: -100px;
	margin-left:-30px;
}
#Mod1-image {
	margin-top: -100px;
	margin-left:60px;
	width:50%;
}
#Mod2-image {
	margin-top: 40px;
	margin-left:60px;
	width:50%;
}
#Bio-image {
	margin-top: -100px;
	margin-left:-15px;
}
#systemsimage {
	margin-top: -350px;
	width: 1000px;
	margin-left: -50px;
}
/* BR_systems left nav bar only - start */
#nav {
	margin-left:0px;
	margin-top:0px;
	width:100%;
	float:left;
	clear:none;
	padding-top:0px;
	height:auto;
}
#nav li{
	border-color:#666666;
	border-style: dotted dotted dotted dotted;
	border-width:1px;
}
.navbox {
	display:none;
}
/* BR_systems left nav bar only - end */
#body_system1 {
	clear: none;
	float: left;
	margin-left: 1.15%;
	width: 31%;
	display: block;
}
#body_system3 {
	clear:none;
	float: left;
	width: 100%;
	display: block;
	margin-left: 1.15%;
}
#body_system_heading {
	clear:none;
	display:block;
	float:left;
	width: 100%;
	margin-left:1.15%;
}
.body_system_text {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 31%;
	display: block;
}
.body_cert_text {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 15.5%;
	display: block;
}
#bottombar {
	clear: both;
	float: bottom;
	margin-left:5px;
	width: auto;
	display: block;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
	bottom:0px;
	left:0px;
}
/*BR - - - - projects cover page only*/
#projects {clear:none; display:block; float:left; width: 100%; margin-left:0px;}
.projectbar {clear:none; display:block; float:left; width: 100%; border:1px dotted medium; opacity:0.4; filter:alpha(opacity=40); padding-bottom:1px; padding-top:1px;}
.projectbar:hover {opacity:1.0; filter:alpha(opacity=100);}
.projectbar a {color:#868686; text-decoration:none; font-size:12px; text-align:center; padding:1px;}
.projectbar a:hover {color:#868686; text-decoration:none; font-size:14px; font:bolder; text-align:center; padding:1px;}

/* projects pages image boxes */
#body_project {
	clear: none;float:left; margin-left: 1.15%; width: 57.7%; display: block;position:relative;z-index:1; top:0;}
.project {
	position: absolute;top: 0;left: 0;width:100%;margin:auto;}
.projectboxA {
	clear:none; float: top; margin-left: 0; width:12.6967%;top:0; display: block;position:absolute;overflow:scroll;}
#body_project a .projectboxB {display:none;}
#body_project a:hover .projectboxB {
	display:block;position:absolute;float:left;clear:none;margin-left:14.6897%;top:0px;width:85.31%; padding-top:0px;}

/* downloads pages links */
.background {clear:none;width:100%; padding-top:5px;}
.background a {text-decoration: none;color:#666666;font:Arial, Helvetica, sans-serif;}
.background a:hover {color:#666666;}
.tbtext {clear: none; float: left;width:80%; }
.tbtext p {text-align: left; line-height:1.3; margin: 5px 0px 5px 0px;color: rgb(130,130,130);}
.transbox {width:100%; margin: 0px 5px 5px 0px;clear:none;float:left;}
.transbox:hover {background-color:#A0BED2;}

}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#splash {
	style="display:block;
	margin-left:auto;
	margin-right:auto;
	width:65%;
}
#background {
	background-color: #FBF6F0;
	background-image: url(../_images/_background-01.png);
}
.gridContainer {
	width: 89.0217%;
	max-width: 1100px;
	padding-left: 0;
	padding-right: 0;
	height:auto;
	padding-bottom:15px;
	background-color:#ffffff;
}
#bar {
	width: 100%;
	height:5px;
	background-color:#DCA028;
}
#header {
	width:100%;
	height:100px;
}
#bottombar {
	clear:both;
	float:bottom;
	width:100%;
	display: block;
	position:fixed;
	text-align:left;
	bottom:0px;
	left:0px;
	padding-top:8px;
	padding-bottom:8px;
	margin-left:5px;
}
#system_menu_index {
	float:left;
	display: block;
	clear:none;
	width: 84.25%;
	background-color: #DCA028;
	margin-left:0px;
	height:5px;
	padding-right:0px;
}
.icon {
	padding:3px;
}
#logo {
	height:50px;
	text-align:left;
	padding-bottom:10px;
}
#body {
	clear: none;
	position:relative;
	max-width:1100px;
	display: block;
	margin-top:80px;
	height:750px;
}
/* BR_systems_home page only - start */
#EcoSystem {
	float: left;
	margin-top: -5px;
	margin-left:5%;
	display:block;
	clear:none;
	position: relative;
	z-index: 1;
	top: 80px;
	left: 0;
}
#BioModule {
	float: left;
	margin-top: 0px;
	margin-left: 30%;
	display:block;
	clear:none;
	position: relative;
	z-index: 1;
	top: 80px;
	left: 0;
}
#BioSystem {
	float: left;
	margin-top: 0px;
	margin-left:75%;
	display:block;
	clear:none;
	position: relative;
	z-index: 1;
	top: 80px;
	left: 0;
}
.layer {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	margin:auto;
}
.tagline {
	left:0px;
	width:100%;
	position:relative;
}
.secrettagline {
	visibility:hidden;
}
/* body:hover disabled
#body:hover .tagline {
	visibility:hidden;
}
#body:hover > .secrettagline {
	visibility:hidden;
	display: block;
	position: absolute;
	margin-top:-55px;
	margin-bottom: 100px;
	left:0px;
	width:100%;
}
#body:hover #EcoSystem, #BioModule, #BioSystem{
	position: absolute;
}
*/
#Eco-image {
	margin-top: -130px;
	margin-left:-30px;
}
#Mod1-image {
	margin-top: -142px;
	margin-left:60px;
}
#Mod2-image {
	margin-top: -5px;
	margin-left:60px;
}
#Mod3-image {
	margin-top: -225px;
	margin-left:90px;
	width:15%;
}
#Bio-image {
	margin-top: -130px;
	margin-left:-15px;
}
/* BR_systems_home page only - end */

/* BR_systems left nav bar only - start */
#nav {
	margin-left:0px;
	margin-top:0px;
	width:15.7509%;
	float:left;
	clear:none;
	padding-top:0px;
	height:auto;
}
#nav li{
	border-color:#666666;
	border-style: dotted dotted dotted dotted;
	border-width:1px;
}
#navover {
	margin-left:0px;
	margin-top:0px;
	float:top;
	clear:none;
	padding-top:0px;
	background-color: #DCA028;
	height:auto;
}
.navtext {
	height:auto; padding-top:20px;padding-bottom:2px; text-align:center;
}
.navtext p1{
	color: #ffffff;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight: bold;
	line-height: 1;
	font-size: 24px;
	letter-spacing: 1px;
}
.navtext p2{
	color: #ffffff; 
	font-family: Lato, Arial, Helvetica, sans-serif; 
	font-variant:small-caps;
	font-size: 13px;
	line-height:1.5em;
	padding:5px;
}
.navbox {
	margin-left:0px;
	margin-top:0px;
	width:15.7509%;
	float:left;
	clear:left;
	padding-top:0px;
	height:400px;
	display:block;
}
/* BR_systems left nav bar only - end */

#body_system_heading {
	clear:none;
	display:block;
	float:left;
	width: 74.7252%;
	margin-left:1.15%;
}
#body_system1 {
	clear: none;
	float: left;
	margin-left: 1.15%;
	width: 24.1758%;
	display: block;
	margin-top: 10px;
}
#body_system2 {
	float: left;
	width: 82.8252%;
	display: block;
	margin-left:1.15%;
	margin-top: 10px;
}
#body_system3 {
	clear:none;
	float: left;
	width: 74.7252%;
	display: block;
	margin-left: 1.15%;
	margin-top: 10px;
}
.body_system_text {
	clear: none;
	float: left;
	margin-left: 1.15%;
	width: 24.1758%;
	display: block;
	margin-top: 10px;
}
.body_system_textpress {
	clear: none;
	float: left;
	margin-left: 1.15%;
	width: 50.6516%;
	display: block;
	margin-top: 10px;
}
.body_cert_text {
	clear: none;
	float: left;
	margin: 10px 10px 10px 0px;
	padding: 10px 10px 10px 0px;
	display: block;
	height: 90px;
	width:90px;
	text-align:center;
}
.pressimg {
	padding: 0px 0px 10px 0px;
}
.tbimg {clear: none; align: middle; float: left; width:100%; height:50px; text-align:center;
}

/*BR - - - - projects cover page only*/
#projects {clear:none; display:block; float:left; width: 82.1%; margin-left:16.9009%;}
.projectbar {clear:none; display:block; float:left; width: 100%; border:1px dotted medium; opacity:0.4; filter:alpha(opacity=40); padding-bottom:1px; padding-top:1px;}
.projectbar:hover {opacity:1.0; filter:alpha(opacity=100);}
.projectbar a {color:#868686; text-decoration:none; font-size:12px; text-align:center; padding:1px;}
.projectbar a:hover {color:#868686; text-decoration:none; font-size:14px; font:bolder; text-align:center; padding:1px;}
.projectbox {clear:none; display:block; float:left;padding: 0px 10px 10px 0px; margin: 0px 10px 10px 0px}

.projectimg {clear:none; display:block; float:left;}
.projectimg:hover {opacity:0.5; filter:alpha(opacity=50);}
.projecttext {clear:left; width:150px;display:block; float:left; padding-bottom:1px; padding-top:1px;}
.projecttext:hover {clear:left; display:block; float:left;visibility:visible;color:#868686; text-decoration:none; font-size:12px; font:bold;}


/* projects pages image boxes */
#body_project {
	clear: none;float:left; margin-left: 1.15%; width: 57.7%; display: block;position:relative;z-index:1; top:0;}
.project {
	position: absolute;top: 0;left: 0;width:100%;margin:auto;}
.projectboxA {
	clear:none; float: top; margin-left: 0; width:12.6967%;top:0; display: block;position:absolute;overflow:scroll;}
#body_project a .projectboxB {display:none;}
#body_project a:hover .projectboxB {
	display:block;position:absolute;float:left;clear:none;margin-left:14.6897%;top:0px;width:85.31%;padding-top:0px;}

/* downloads pages links + certified installers text*/
.background {clear:none;width:100%; padding-top:5px;}
.background a {text-decoration: none;color:#666666;font:Arial, Helvetica, sans-serif;}
.background a:hover {color:#666666;}
.tbtext {clear: none; float: left;width:100%; }
.tbtext p {text-align: left; line-height:1.3; margin: 5px 0px 5px 0px;color: rgb(130,130,130);}
.tbtext p:hover {font-style:oblique; font-weight:bold;}
.transbox {width:100%; margin: 0px 5px 5px 0px;clear:none;float:left;}
.transbox:hover {background-color:#A0BED2;}

}