/* CSS Document */
* {
 margin: 0;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
width:100%; 
overflow:hidden;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left; 	
	/*background-image: url(../assets/body-background-2560x1600-orangutan-1.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;*/
}
#background{
	width:100%;
	position:absolute;
	height:100%;
	top:0;
	left:0;
}
#scroller{
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	overflow:auto; 
	z-index:2;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
 margin: 0 auto -4em;
 

}
#content{
	padding:5px 300px 20px 200px;
}
/* ///////////default link styles ///////////*/

a:hover {
	text-decoration: underline;
	color: #FFCC66;	
}
a:visited {
	font-weight: lighter;
	text-decoration: none;
	color: #FFFFFF;
	}
a:active {
	color: #000000;
}


.clear {
   clear: both;
} 
.bold{
	font-size:14px;
	font-weight:700;
	color:#CCCCCC;

}
.bold1{
	font-size:14px;
	font-weight:700;
	color:#CC9900;
}
/* /////////default basic styles //////////////////*/


h1 {
	font-size: 14px;
	color: #6699CC;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	font-weight: bold;


}

h2 {
	color: #6699CC;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	font-size: 18px;
	font-weight: 700;
}

h3 {
	color: #63869C;
	border: 0px none;
	font-size: 16px;
	font-weight: 700;
	padding-bottom:5px;
}
h4 {
	font-size: 14px;
	color: #cccccc;
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: lighter;
	text-align: center;
}
dd {
margin:5px;

}
.panelContentTop h3 {
	color:#CC3300;
	border: 0px none;
	font-size: 16px;
	font-weight: 700;
	margin: 5px 0 5px 0;
}
#fixed {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:4px;
	z-index:2;
	background-color: #995a2b;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666666;
}

/* ///////////Begin header rules ////////////////*/
#header {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:2;
	padding-top:44px;
}
#header h1 {
	margin:0 auto;
	padding: 1em 0 0 0;
	right: 0px;
}

/*//////replace page title////////////////*/
.hdrtitle h1   {
	background-image: url(../assets/header-logo-480x70.png);
	background-repeat: no-repeat;
	height:75px;
}

.hdrtitle h1 span  {
	display: none;
	padding: 0;
	margin: 0;
}

/* /////////controls the positiong and design of the Right page slider ////////////////////*/
a:focus {
	outline: none;
}
/*////////Right panel#2 About////////////////*/
.panel {
	position: absolute;
	top: 118px;
	right: 0;
	display: none;
	background: #000000;
	border:1px solid #111111;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	width: 330px;
	height: auto;
	padding: 20px 180px 30px 30px;
	filter: alpha(opacity=100);

	opacity: 1.0;
	z-index:3;
}
.panelContent{
width:100%;

}

.panel p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}
.panel a, .panel a:visited {
	margin: 0;
	padding: 0;
	color: #9FC54E;
	text-decoration: none;
	border-bottom: 1px solid #9FC54E;
}
.panel a:hover, .panel a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
a.trigger {
	position: fixed;
	text-decoration: none;
	top: 120px;
	right: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 15px 10px 40px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
	background-color: #333333;
	background-image: url(../assets/plus-fly.png);
	background-repeat: no-repeat;
	background-position: 15% 55%;
	z-index:4;
}
a.trigger:hover {
	position: fixed;
	text-decoration: none;
	top: 120px;
	right: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 20px 10px 40px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
	background-color: #222222;
	background-image: url(../assets/plus-fly.png);
	background-repeat: no-repeat;
	background-position: 15% 55%;
}
a.active.trigger {
	background-color: #222222;
	background-image: url(../assets/minus-fly.png);
	background-repeat: no-repeat;
	background-position: 15% 55%;
	color:#FF0000;
}
/*////////Right panel#2 Contact////////////////*/
.panel2 {
	position: absolute;
	top: 118px;
	right: 0;
	display: none;
	background: #000000;
	border:1px solid #111111;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	width: 330px;
	height: auto;
	padding: 20px 180px 30px 30px;
	filter: alpha(opacity=100);

	opacity: 1.0;
	z-index:3;
}
.panel2 a, .panel2 a:visited {
	margin: 0;
	padding: 0;
	color: #9FC54E;
	text-decoration: none;
	border-bottom: 1px solid #9FC54E;
}
.panel2 p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}
.panel2 a:hover, .panel2 a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
a.trigger2 {
	position: fixed;
	text-decoration: none;
	top: 170px;
	right: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 15px 10px 40px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
	background-color: #333333;
	background-image: url(../assets/plus-mail.png);
	background-repeat: no-repeat;
	background-position: 10% 53%;
	z-index:4;
}
a.trigger2:hover {
	position: fixed;
	text-decoration: none;
	top: 170px;
	right: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 20px 10px 40px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
	background-color: #222222;
	background-image: url(../assets/plus-mail.png);
	background-repeat: no-repeat;
	background-position: 10% 53%;
}
a.active.trigger2 {
	background-color: #222222;
	background-image: url(../assets/minus-mail.png);
	background-repeat: no-repeat;
	background-position: 10% 53%;
	color:#FF0000;
}
.panel2columns {
	clear: both;
	width: 630px;
	padding: 0 0 20px 0;
	line-height: 22px;
}
.panel2colleft {
	float: left;
	width: 200px;
	line-height: 22px;
}
.panel2colright {
	float: right;
	width: 400px;
	line-height: 22px;
}
/*////////Left panel#1   ENVIRONMENT////////////////*/
.panelRight1 {
	position: absolute;
	top: 118px;
	left: 0;
	display: none;
	background: #000000;
	border:1px solid #111111;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 600px;
	height: auto;
	padding: 20px 30px 30px 180px;
	filter: alpha(opacity=100);

	opacity: 1.0;
	z-index:3;
}
.panelContentRight{
	width:100%;

}
.panelRight1 a, .panelRight1 a:visited {
	margin: 0;
	padding: 0;
	color: #000;
	text-decoration: none;
	
}
.panelRight1 p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}
.panelRight1 a:hover, .panelRight1 a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
}
a.triggerRight1 {
	position: fixed;
	text-decoration: none;
	top: 120px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	background-color: #333333;
	background-image: url(../assets/plus-earth.png);
	background-repeat: no-repeat;
	background-position: 90% 55%;
	z-index:4;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 15px;
}
a.triggerRight1:hover {
	position: fixed;
	text-decoration: none;
	top: 120px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 50px 10px 20px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	background-color: #222222;
	background-image: url(../assets/plus-earth.png);
	background-repeat: no-repeat;
	background-position: 90% 55%;
}
a.active.triggerRight1 {
	background-color: #222222;
	background-image: url(../assets/minus-earth.png);
	background-repeat: no-repeat;
	background-position: 90% 55%;
	color:#FF0000;
}
/*////////Left panel#2  ECONOMICS////////////////*/
.panelRight2 {
	position: absolute;
	top: 118px;
	left: 0;
	display: none;
	background: #000000;
	border:1px solid #111111;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 600px;
	height: auto;
	padding: 20px 30px 30px 180px;
	filter: alpha(opacity=100);

	opacity: 1.0;
	z-index:3;
}
.panelRight2 a, .panelRight2 a:visited {
	margin: 0;
	padding: 0;
	color: #000;
	text-decoration: none;

}
.panelRight2 p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}
.panelRight2 a:hover, .panelRight2 a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;

}

a.triggerRight2 {
	position: fixed;
	text-decoration: none;
	top: 170px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 50px 10px 15px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	background-color: #333333;
	background-image: url(../assets/plus-dollar.png);
	background-repeat: no-repeat;
	background-position: 85% 55%;
	z-index:4;
}
a.triggerRight2:hover {
	position: fixed;
	text-decoration: none;
	top: 170px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 50px 10px 20px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	background-color: #222222;
	background-image: url(../assets/plus-dollar.png);
	background-repeat: no-repeat;
	background-position: 85% 55%;
}
a.active.triggerRight2 {
	background-color: #222222;
	background-image: url(../assets/minus-dollar.png);
	background-repeat: no-repeat;
	background-position: 85% 55%;
	color:#FF0000;
}
/*////////Left panel#3 FACTS////////////////*/
.panelRight3 {
	position: absolute;
	top: 118px;
	left: 0;
	display: none;
	background: #000000;
	border:1px solid #111111;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 650px;
	height: auto;
	padding: 20px 30px 30px 180px;
	filter: alpha(opacity=100);

	opacity: 1.0;
	z-index:3;
}
.panelRight3 a, .panelRight3 a:visited {
	margin: 0;
	padding: 0;
	color: #000000;
	text-decoration: none;

}
.panelRight3 p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}
.panelRight3 a:hover, .panelRight3 a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;

}

a.triggerRight3 {
	position: fixed;
	text-decoration: none;
	top: 220px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 50px 10px 15px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	background-color: #333333;
	background-image: url(../assets/plus-bean.png);
	background-repeat: no-repeat;
	background-position: 80% 55%;
	z-index:4;
}
a.triggerRight3:hover {
	position: fixed;
	text-decoration: none;
	top: 220px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 50px 10px 20px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	background-color: #222222;
	background-image: url(../assets/plus-bean.png);
	background-repeat: no-repeat;
	background-position: 80% 55%;
}
a.active.triggerRight3 {
	background-color: #222222;
	background-image: url(../assets/minus-bean.png);
	background-repeat: no-repeat;
	background-position: 80% 55%;
	color:#FF0000;
}
.panelRightColumns {
	clear: both;
	width: 600px;
	padding: 0 0 20px 0;
	line-height: 22px;
}
.panelRightColLeft {
	float: left;
	width: 300px;
	line-height: 22px;
}
.panelRightColRight {
	float: right;
	width: 300px;
	line-height: 22px;
}


/*////////Left panel#4  GALLERY////////////////*/
.panelRight4 {
	position: absolute;
	top: 118px;
	left: 0;
	display: none;
	background: #000000;
	border:1px solid #111111;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 330px;
	height: auto;
	padding: 20px 30px 30px 180px;
	filter: alpha(opacity=100);

	opacity: 1.0;
	z-index:3;
}
.panelRight4 a, .panelRight4 a:visited {
	margin: 0;
	padding: 0;
	color: #000;
	text-decoration: none;
}
.panelRight4 p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}
.panelRight4 a:hover, .panelRight4 a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
}



a.triggerRight4 {
	position: fixed;
	text-decoration: none;
	top: 270px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 50px 10px 15px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	background-color: #333333;
	background-image: url(../assets/plus-camera.png);
	background-repeat: no-repeat;
	background-position: 85% 50%;
	z-index:4;
}
a.triggerRight4:hover {
	position: fixed;
	text-decoration: none;
	top: 270px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 10px 50px 10px 20px;
	font-weight: 600;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	background-color: #222222;
	background-image: url(../assets/plus-camera.png);
	background-repeat: no-repeat;
	background-position: 85% 50%;
}
a.active.triggerRight4 {
	background-color: #222222;
	background-image: url(../assets/minus-camera.png);
	background-repeat: no-repeat;
	background-position: 85% 50%;
	color:#FF0000;
}
.columns {
	clear: both;
	width: 600px;
	padding: 0 0 20px 0;
	/*line-height: 22px;*/
}
.colleft {
	float: left;
	width: 250px;
	line-height: 22px;
}
.colright {
	float: right;
	width: 250px;
	line-height: 22px;
}




/*////////Home panel#1////////////////*/
a.triggerTopHome {
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 5px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#CC9900;
	padding: 10px 30px 10px 40px;
	font-weight: 600;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;	
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	background-color: #995a2b;
	background-image: url(../assets/plus-bean-Green.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	z-index:4;
}
a.triggerTopHome:hover {
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 5px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	font-weight: 600;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	padding: 10px 30px 15px 40px;
	background-color: #814417;
	background-image: url(../assets/plus-bean-top.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
a.active.triggerTopHome {
	background-color: #552b0d;
	background-image: url(../assets/minus-bean.png);
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 10% 45%;
}
/*////////Producers panel#5////////////////*/
a.triggerTopProducers{
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 574px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#CC9900;
	padding: 10px 30px 10px 40px;
	font-weight: 600;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;	
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	background-color: #995a2b;
	background-image: url(../assets/plus-bean-Green.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	z-index:4;
}
a.triggerTopProducers:hover {
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 574px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	font-weight: 600;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	padding: 10px 30px 15px 40px;
	background-color: #814417;
	background-image: url(../assets/plus-bean-top.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
a.active.triggerTopProducers {
	background-color: #552b0d;
	background-image: url(../assets/minus-bean.png);
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 10% 45%;
	color:#FF0000;
}
/*////////TOP panel#1  Fair Trade////////////////*/
.panelTop {
	position: absolute;
	top: 0px;
	left: 155px;
	display: none;
	background: #1d0e03;
	border:1px solid #111111;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 50%;
	height: auto;
	padding: 30px 130px 30px 30px;
	filter: alpha(opacity=100);

	opacity: 1.0;
	z-index:3;
}
.panelContentTop{
	width:90%;
	padding-top: 10px;
}
.panelTop a, .panelTop a:visited {
	margin: 0;
	padding: 0;
	color: #9FC54E;
	text-decoration: none;

}
.panelTop p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}
.panelTop a:hover, .panelTop a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;

}
.topContent {
	width: 480px;
	padding:5px;
	margin:5px;
}
a.triggerTop {
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 125px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#CC9900;
	padding: 10px 30px 10px 40px;
	font-weight: 600;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	background-color: #995a2b;
	background-image: url(../assets/plus-bean-Green.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	z-index:4;
}
a.triggerTop:hover {
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 125px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#ffffff;
	font-weight: 600;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	padding: 10px 30px 15px 40px;
	background-color: #814417;
	background-image: url(../assets/plus-bean-top.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	
}
a.active.triggerTop {
	background-color: #552b0d;
	background-image: url(../assets/minus-bean.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	color:#FF0000;
}
.columnsTop {
	clear: both;
	width: 650px;
	padding: 0 0 20px 0;
	line-height: 22px;
}
.colleftTop {
	float: left;
	width: 300px;
	line-height: 22px;
}
.colrightTop {
	float: right;
	width: 320px;
	line-height: 22px;
}
/*////////TOP panel#2  Organic////////////////*/
.panelTop2 {
	position: absolute;
	top: 0px;
	left: 155px;
	display: none;
	background: #1d0e03;
	border:1px solid #111111;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 50%;
	height: auto;
	padding: 30px 130px 30px 30px;
	filter: alpha(opacity=100);

	opacity: 1.0;
	z-index:3;
}
.panelTop2 a, .panelTop2 a:visited {
	margin: 0;
	padding: 0;
	color: #9FC54E;
	text-decoration: none;
}
.panelTop2 p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}
.panelTop2 a:hover, .panelTop2 a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
}
a.triggerTop2 {
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 273px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#CC9900;
	padding: 10px 30px 10px 40px;
	font-weight: 600;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	background-color: #995a2b;
	background-image: url(../assets/plus-bean-Green.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	z-index:4;
}
a.triggerTop2:hover {
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 273px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#ffffff;
	font-weight: 600;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;	
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	background-color: #814417;
	background-image: url(../assets/plus-bean-top.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	padding: 10px 30px 15px 40px;
}
a.active.triggerTop2 {
	background-color: #552b0d;
	background-image: url(../assets/minus-bean.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	color:#FF0000;
}
.columnsTop2 {
	clear: both;
	width: 700px;
	padding: 0 0 20px 0;
	line-height: 22px;
}
.colleftTop2 {
	float: left;
	width: 350px;
	line-height: 22px;
}
.colrightTop2 {
	float: right;
	width: 330px;
	line-height: 22px;
}
/*////////TOP panel#3 cooperatives////////////////*/
.panelTop3 {
	position: absolute;
	top: 0px;
	left: 155px;
	display: none;
	background: #1d0e03;
	border:1px solid #111111;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 50%;
	height: auto;
	padding: 30px 130px 30px 30px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	z-index:3;
	zoom:1;
}
.panelTop3 a, .panelTop3 a:visited {
	margin: 0;
	padding: 0;
	color: #9FC54E;
	text-decoration: none;
	border-bottom: 1px solid #9FC54E;
}
.panelTop3 p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}
.panelTop3 a:hover, .panelTop3 a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
a.triggerTop3 {
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 405px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#CC9900;
	padding: 10px 30px 10px 40px;
	font-weight: 600;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;	
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	background-color: #995a2b;
	background-image: url(../assets/plus-bean-Green.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	z-index:4;
}
a.triggerTop3:hover {
	position: fixed;
	text-decoration: none;
	top: 0px;
	left: 405px;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#ffffff;
	font-weight: 600;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	background-color: #814417;
	background-image: url(../assets/plus-bean-top.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	padding: 10px 30px 15px 40px;
}
a.active.triggerTop3 {
	background-color: #552b0d;
	background-image: url(../assets/minus-bean.png);
	background-repeat: no-repeat;
	background-position: 10% 45%;
	color:#FF0000;
}
.columnsTop3 {
	clear: both;
	width: 700px;
	padding: 0 0 20px 0;
	line-height: 22px;
}
.colleftTop3 {
	float: left;
	width: 253px;
	line-height: 22px;
}
.colrightTop3 {
	float: right;
	width: 420px;
	line-height: 22px;
}



li
{
	background-position: 0;
	padding-left: .6em;
}

/* /////////begin gallery////////// */

#gallery{
	text-decoration: none;
	border-bottom-style: none;
	padding-bottom:15px;
}
#gallery a, gallery a:href{
	text-decoration: none;
	border-bottom-style: none;
	padding:10px;
	filter: alpha(opacity=100);
	height:1%;
	opacity: 1.0;
}
.galleryFT{
	margin-left:500px;
	margin-top:-180px;
}
.galleryFT a{
	text-decoration: none;
	border-bottom-style: none;

}

.galleryOrg{
	margin-left:500px;
	margin-top:-146px;
}
.galleryOrg a{
	text-decoration: none;	
	border-bottom-style: none;

}
.galleryCoop{
	margin-left:200px;
	margin-top:-101px;
}
.galleryCoop a{
	text-decoration: none;
	border-bottom-style: none;
	
}
.galleryPanelRight{
	float:right;
	margin-right:-15px;

}
.galleryPanelRight a:href{
	text-decoration: none;
	border-bottom-style: none;
	
}
.galleryPanelLeft{
	float:left;
	margin-left:-15px;

}
.galleryPanelLeft a:href{
	text-decoration: none;
	border-bottom-style: none;
	
}
/* /////////begin main content rules////////// */

#maincontent {
	margin: 0 auto;
	width: 700px;
	padding-top:118px;
	/*padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 2em;*/
	overflow-x: hidden;

}


/*#maincontent p {
	background-image: none;
	border: 0px none;
	color: #666666;
	font-size: 11px;

}*/

#maincontent h1 {
	border-bottom-style: none;
	padding-bottom: 5px;

}

#maincontent h2 {
	font-size: 24px;
	font-weight: 700;
	color: #6699CC;
	padding-top: 10px;
}

#maincontent h3 {
	padding-bottom: 10px;
	border-bottom-style: none;
	font-size: 16px;
	color: #663300;
	font-weight: 700;
}
/*//////////////Begin Upper Content of main content/////////*/
.upperContent{
	margin:0 auto;
	background: #FFFFFF;
	border:1px solid #BBBBBB;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 625px;
	height: auto;
	padding: 30px;
	filter: alpha(opacity=90);
	height:1%;
	opacity: .70;

}
.upperContent * {
	filter:alpha(opacity=100);
	position:relative;
	}
.upperContent p{
	font-size:16px;
	color:#666666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.upperContentPlanting{
	margin:0 auto;
	background: #FFFFFF;
	border:1px solid #BBBBBB;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 625px;
	height: auto;
	padding: 30px;
	filter: alpha(opacity=95);
	height:1%;
	opacity: .90;

}
.upperContentPlanting * {
	filter:alpha(opacity=100);
	position:relative;
	}
.upperContentPlanting p{
	font-size:16px;
	color:#666666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.panelLeftimgRight{
	float:right;
	margin-top:-105px;
	margin-right:-43px;

}
.imgRight{
	float:right;
	margin-top:-25px;
	margin-right:0px;

}
.imgLeft{
	float:left;
	margin-top:20px;
	margin-left:6px;
	margin-bottom:20px;
	opacity:1.0;

}
.imgUpperHome{
	margin-top:-88px;
	margin-left:340px;
	filter: alpha(opacity=95);
	height:1%;
	opacity: 1.0;

}
.imgUpperHome a{
	text-decoration: none;
	border:none;
	color:#fff;
}
.imgUpperHome a:hover{
	text-decoration: none;
	border:none;
	color:#33FF00;
}


.imgUpperPlant{
	margin-top:-112px;
	margin-left:340px;
	filter: alpha(opacity=95);
	height:1%;
	opacity: 1.0;

}
.imgUpperHarvest{
	margin-top:-130px;
	margin-left:340px;
	filter: alpha(opacity=95);
	height:1%;
	opacity: 1.0;

}
.imgUpperProcess{
	margin-top:-150px;
	margin-left:340px;
	filter: alpha(opacity=95);
	height:1%;
	opacity: 1.0;

}
.imgUpperImporter{
	margin-top:-130px;
	margin-left:340px;
	filter: alpha(opacity=95);
	height:1%;
	opacity: 1.0;

}
.imgUpperExporter{
	margin-top:-153px;
	margin-left:340px;
	filter: alpha(opacity=95);
	height:1%;
	opacity: 1.0;

}
.imgUpperRoaster{
	margin-top:-130px;
	margin-left:340px;
	filter: alpha(opacity=95);
	height:1%;
	opacity: 1.0;

}
.imgUpperCoffeeShop{
	margin-top:-343px;
	margin-right:-384px;
	float:right;
	filter: alpha(opacity=95);
	height:1%;
	opacity: 1.0;
}

.imgUpper{
	margin-top:-120px;
	margin-left:340px;
	filter: alpha(opacity=95);
	height:1%;
	opacity: 1.0;

}

.columnUpper{
	clear: both;
	width: 630px;
	padding: 0 0 20px 0;
	line-height: 22px;
	margin:0 auto;
	color: #666666;
	}
.columnUpper dd{
	font-size:17px;
	}
.columnUpperLeft{

	width: 400px;
	line-height: 22px;

}
.columnUpperRight{

	width: 630px;
	line-height: 22px;
	margin-top:10px;

}
.columnPlantLeft{

	width: 250px;
	line-height: 22px;

}
.columnPlantLeft a{

	text-decoration:none;
	border:none;

}
.columnPlantRight{

	width: 630px;
	line-height: 22px;
	margin-top:10px;

}
.CoffeeShopColumnLeft{

	width: 300px;
	line-height: 22px;

}
.CoffeeShopColumnRight{

	width: 250px;
	line-height: 22px;


}
.flashbox {
		margin-top:-100px;		
	}

/* ///////////begin Map API  rules///////////*/ 
a {
    color: #3a4f54;
}

table {
    empty-cells: hide;
    border: hidden;
}

form.jsfcrud_list_form th, td th {
    font-size: x-small;
    color: #4e6a71;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #b2d5d6;
    border-bottom-color: #b2d5d6;
    border-left-color: #90b4bd;
    border-right-color: #90b4bd;
    letter-spacing: 3px;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #000;
}

td {
    vertical-align: top;
    padding-bottom: 8px;
    font-size: small;
    border: none;
}
/*coopWrapper {
	width: 700px;
	height: auto;
	color: #FF3333;
	margin:0 auto;
}
#mapText{

    background-color: #fff;
    border: thin; border: solid; border-color: #444;
    width: 98%;
    height: 100px;
}*/
#producerList {

	height: 120px;
	width: 250px;
	float: left;
	margin-left: 10px;
	margin-top:325px;
	color:#FF3300;
	overflow: scroll;
}
#producerList a{

	color:#666666;
	text-decoration:none;	
}
#producerList a:hover{

	color:#FF9900;
	text-decoration:underline;
}
#output {
	padding:5px;
}
#map_canvas {
	height: auto;
	color: #00CC33;
	margin:0 auto;

}
#mapContent {
	width:600px;
	height:auto;
	background-color: #666666;
	margin:0 auto;
	padding:5px;	

}


form.jsfcrud_list_form td {
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #b2d5d6;
    border-bottom-color: #b2d5d6;
    border-left-color: #b2d5d6;
    border-right-color: #b2d5d6;
    vertical-align: baseline;
    padding-bottom: 0px;
}

tr.jsfcrud_odd_row {
    background-color: #fefeff;
    color: #4e6a71;
}


tr.jsfcrud_even_row {
    background-color: #eff5fa;
    color: #4e6a71;
}

#busyImage {
    position: absolute;
    left: 50%;
    top: 50%;
}




/* ///////////begin footer rules/////////// */
.footer {
	height:4em;
	clear: both;
	text-align: center;
	margin:0 auto;
	padding-top:60px;
}
.footer a{
	color:#FFCC00;
	font-weight:bold;
	font-size:10px;
}
.footer a:hover{
	color:#FF6600;
}
.footer h4{
	font-size: 9px;
	

}