@charset "utf-8";

/* ---------- HTML & body ---------- ---------- ---------- ---------- */
html,body {
        height:100%;
        margin:0;
        padding:0;
        background-color:#FFF;
        text-align:center;
		font-family:Century Gothic, sans-serif;
}
body {		
		position:relative;
		background-image:url(images/gradient.png);
		background-repeat:repeat-x;
		background-attachment:scroll;
		background-position:top center;
		font-size:14px;
		background-color:#FFF;
}

/* ---------- div columns ---------- ---------- ---------- ---------- */

#invis {
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-500px;
		height:350px;
		width:1000px;
		background-image:url(images/eco.png);
		background-repeat:no-repeat;
		background-position:top;

}
#main {
		position:absolute;
		height:600px;
		width:800px;
		top:350px;
		left:50%;
		margin-left:-400px;
}
#video {
	position:absolute;
	left:50%;
	margin-left:-200px;
	width:400px;
}

/* ---------- pulldown menu ---------- ---------- ---------- ---------- */

.menu {
        position:relative;
        text-align:center;
        list-style:none;
	    top:200px;
	    height:40px;
        margin-left:auto;
        margin-right:auto;
        background-color:#FFF;
		font:Tahoma, Geneva, sans-serif;
		z-index:5;
		
 }
 
 .menu li{
     position:relative;
     display:inline;
     cursor:pointer;
	 font-weight:bold;
	 color:#666;
	 padding-right:30px;
	 top:10px;
	 font-size:16px;
	 font-stretch:expanded;
	 text-decoration:none;
	 z-index:19;
 }
 
 .menu li a{
     text-decoration:none;
     font-weight:bold;
	 color:#666;
     width:100%;
     height:100%;
	 z-index:18;
 }
 
 .menu li a:hover{
     color:#6C3;
     font-weight:bold;
	 z-index:17;
 }
 
 .menu li:hover{
	 font-weight:bold;
	 color:#03F;
	 z-index:16;
 }
 
 .menu li ul{
     position:absolute;
     white-space:nowrap;
     text-align:left;
     list-style:none;
     display:none;
     z-index:20;
     left:0%;
     top:16px;
     margin:0px;
	 padding-top:0px;
	 padding-left:0px;
	 padding-right:0px;
	 padding-bottom:20px;
     background-color:#FFF;
	 color:#03F;
 }
 
 .menu li ul li{
     position:relative;
     left:0px;
     display:list-item;
     cursor:pointer;
	 z-index:14;
 }
 
 .menu li ul li{
     position:relative;
     left:0px;
     cursor: pointer;
     width:200px;
	 z-index:13;
 }
 
 .menu li ul li a{
     display:block;
     margin-left:10px;
     margin-right:10px;
	 z-index:12;
 }
 
 .menu li:hover > ul{
     display:block;
	 z-index:11;
 }


/* ---------- extras ---------- ---------- ---------- ---------- */

.right {
	float:right;
	padding-left:30px;
	height:550px;
	width:325px;
}

/* text */
p, h1 { text-align:left; }
p {
	font-weight:bold;
	color:#666;
	font-size:16px;
}
h1 {
	font-size:36px;
	color:#03C;
}

img { border:none; }

.pmenu {
	margin:5px;
}