/* Default Stylesheet */
@import 'plugins/_handler.css';

															/** BODY ELEMENTS **/
body {
	color: #333;
	background-color: #fff;
	background-image: url(../images/style/bg.gif);
	background-repeat: repeat-x;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: .75em;
	}






															/** MAIN CONTAINERS **/
div#container {
	
	}
	div#header {
		color: inherit;
		background-color: #292929;
		background-image: url(../images/style/bg-header.gif);
		background-repeat: repeat-x;
		background-position: 0 100%;
		}
		div#header-in {
			width: 63.5em;		/* px / 120 * 10 */
			margin: 0 auto;
			}
	div#content-wrap {
		padding: 5px 0 0 0;
		background-image: url(../images/style/bg-content.gif);
		background-repeat: repeat-x;
		border-top: 1px solid #d8d8d2;
		}
	div#content-wrap-in {
		width: 63.5em;		/* px / 120 * 10 */
		margin: -5px auto 0 auto;
		}
		div.content {
			padding: 0 1em 0 0;
			}
			div.rcol div.content 	{ margin: 0 19em 0 0; 	}
			div.content-in {
				padding: 1em 0;
				}
		div.column {
			width: 18em;
			}
			div.column-in {
				padding: 1.5em;
				background-image: url(../images/style/bg-column.gif);
				background-repeat: repeat-x;
				}
	div#footer {
		margin: 1em 0 -1.5em 0;
		padding: 2em 0;
		color: inherit;
		background-color: #222;
		}
		div#footer-in {
			width: 63.5em;		/* px / 120 * 10 */
			margin: 0 auto;
			padding: .5em;
			color: #646464;
			background-color: #2d2d2d;
			}






															/** SUB CONTAINERS **/
a.sponsor {
	float: right;
	display: block;
	padding: 1.8em 0;
	}
div.nav-main-wrap {
	height: 40px;
	color: inherit;
	background-color: #fff;
	background-image: url(../images/style/bg-nav-main.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	}
div.nav-main-wrap li.drop div.nav-sub-wrap {
	display: none;
	}
div.nav-main-wrap li.drop:hover div.nav-sub-wrap {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	width: 12.2em;
	background-image: url(../images/style/bg-nav-main-sub.gif);
	background-repeat: no-repeat;
	}
div.splash {
	height: 140px;
	margin: .3em 0 1em -.5em;
	color: inherit;
	background-color: #000;
	text-align: center;
	border: .5em solid #fff;
	}
div.map {
	border: .4em solid #fff;
	}
div.split {
	width: 20.5em;
	margin: 2em 0 0 0;
	}
	div.sleft {
		float: left;
		clear: left;
		}
	div.sright {
		float: right;
		margin: 2em .5em 0 0;
		}
img.logos {
	display: block;
	clear: right;
	padding: 5em 0 0 0;
	}






															/** LISTS **/
ul.nav-main {
	width: 63.5em;		/* px / 120 * 10 */
	margin: 0 auto;
	padding: .6em 0 0 0;
	}
	ul.nav-main li {
		position: relative;
		float: left;
		display: block;
		margin: 0 .5em 0 0;
		background-repeat: no-repeat;
		background-position: 100% 0;
		cursor: pointer;
		}
	ul.nav-main li.hl {
		margin: 0;
		}
		ul.nav-main li a {
			display: block;
			padding: .38em 1em;
			color: #555;
			background-color: inherit;
			background-repeat: no-repeat;
			text-decoration: none;
			}
		ul.nav-main li.hl a {
			color: #229633;
			background-color: inherit;
			font-weight: bold;
			}
		ul.nav-main li:hover,
		ul.nav-main li.on {
			background-image: url(../images/style/bg-nav-main-li.gif);
			}
			ul.nav-main li a:hover,
			ul.nav-main li.on a {
				color: #fff;
				background-color: inherit;
				background-image: url(../images/style/bg-nav-main-li-a.gif);
				}
	ul.nav-main li.drop:hover {
		background-image: url(../images/style/bg-nav-main-li-drop.gif);
		background-position: 0 0;
		}
		ul.nav-main li.drop:hover a {
			padding: .38em 1em .65em 1em;
			color: #fff;
			background-color: transparent;
			background-image: url(../images/style/bg-nav-main-a-drop.gif);
			background-repeat: no-repeat;
			background-position: 100% 0;
			}
ul.nav-main li.drop ul.nav-main-sub {
	margin: 0;
	padding: .6em 0 .8em 0;
	background-image: url(../images/style/bg-nav-main-sub-b.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	ul.nav-main li.drop ul.nav-main-sub li {
		float: none;
		margin: .1em 1em .1em .8em;
		background-image: none;
		}
	ul.nav-main li.drop ul.nav-main-sub li:hover {
		background-image: url(../images/style/bg-nav-main-sub-li.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		}
		ul.nav-main li.drop ul.nav-main-sub li a {
			float: none;
			padding: .3em 1em;
			background-image: none;
			}
		ul.nav-main li.drop ul.nav-main-sub li a:hover {
			background-image: url(../images/style/bg-nav-main-sub-a.gif);
			background-repeat: no-repeat;
			background-position: top right;
			}
ul.list-buttons {
	
	}
	ul.list-buttons li {
		display: block;
		margin: 0 0 1.5em 0;
		}
		ul.list-buttons li a {
			width: 180px;
			height: 65px;
			display: block;
			background-image: url(../images/style/bg-button.gif);
			background-repeat: no-repeat;
			text-decoration: none;
			}
ul.list-features {
	
	}
	ul.list-features li {
		display: block;
		clear: left;
		padding: 1em 0 1em 0;
		}
		ul.list-features li a {
			color: #15821b;
			background-color: inherit;
			text-decoration: none;
			}
		ul.list-features li img {
			width: 50px;
			height: 50px;
			float: left;
			margin: 0 1em 0 0;
			border: .3em solid #fff;
			}
			ul.list-features li a:hover {
				text-decoration: underline;
				}
ul.nav-footer {
	padding: .5em;
	text-align: right;
	}
	ul.nav-footer li {
		padding: 0 .9em 0 .5em;
		color: #555;
		background-color: inherit;
		font-size: .9em;
		border-right: 1px solid #444;
		}
	ul.nav-footer li.noborder {
		padding: 0 0 0 .5em;
		border: 0;
		}
		ul.nav-footer li a {
			color: #888;
			background-color: inherit;
			text-decoration: none;
			}
			ul.nav-footer li a:hover {
				color: #ccc;
				background-color: inherit;
				}
ul.list {
	margin: 1em 0 1em 1.5em;
	padding: 0 0 1em 0;
	}
	ul.list li {
		margin: 0 0 .6em 0;
		color: #666;
		background-color: inherit;
		font-size: .9em;
		}






															/** TYPOGRAPHY **/
h1 { }
	h1.logo {
		margin: 0 0 0 -.8em;
		padding: 0 0 .6em 0;
		}
		h1.logo a {
			width: 300px;
			height: 100px;
			display: block;
			background-image: url(../images/logo-ecosuperhero.gif);
			background-repeat: no-repeat;
			text-indent: -9999px;
			}
h2 {
	padding: 0 0 .5em 0;
	color: #15821b;
	background-color: inherit;
	font-size: 1.4em;
	}
h3 {
	padding: .5em 0 .5em 0;
	color: #15821b;
	background-color: inherit;
	font-size: 1.2em;
	font-weight: normal;
	}
	h3.hl {
		color: #3e6488;
		background-color: inherit;
		}
	h3 em {
		padding: 0 1em;
		color: #666;
		background-color: inherit;
		font-size: .8em;
		font-style: normal;
		}
	ul.list-features h3 {
		padding: 0;
		font-size: 1em;
		}
h4 { }
	ul.list-buttons h4 {
		padding: 1em 0 0 1em;
		color: #fff;
		background-color: inherit;
		font-size: 1.5em;
		line-height: .8em;
		}
	ul.list-buttons p {
		padding: 0 0 0 1.75em;
		color: #989898;
		background-color: inherit;
		font-size: .9em;
		}
		ul.list-buttons a:hover p {
			color: #ccc;
			background-color: inherit;
			}
p {
	margin: 0 0 1.5em 0;
	color: #555;
	background-color: inherit;
	font-size: .9em;
	}
	p.alert {
		color: #c33;
		}






															/** FORMS **/
form { }
	input {
		width: 18em;
		padding: .3em;
		}
	select.xl {
		padding: .3em .2em .1em .2em;
		width: 42em;
		color: #222;
		background-color: #ccc;
		font-weight: bold;
		}
		select optgroup {
			padding: .5em;
			}
			form div.pay label {
				float: left;
				width: 25em;
				padding: 0 .5em;
				}
			form div.pay input {
				width: auto;
				margin: .2em;
				float: left;
				}
			div.input {
				padding: 1em 0 2em 0;
				}
		button {
			margin: 1em 0 2em 0;
			padding: .3em 0 .5em 0;
			color: #fff;
			background-color: #333;
			font-weight: bold;
			}
		option {
			padding: .2em;
			color: #555;
			background-color: #fff;
			font-weight: normal;
			}






															/** END **/