* {padding: 0; margin: 0;} 

body {	
	background: #d3ece7 url(images/bg.gif) no-repeat center top;
	font-family: Arial;
	text-align: center; /* for IE */	
}

p, ul, li {
	font-size: 1em;
	line-height: 1.7em;
}

.brown {
	color: #4d4542;
}

.white {
	color: #f6f8f5;
}



#wrapper {
	width: 895px;
	margin: 0 auto;
	text-align: left;
}

#headline {
	text-align: center;
	background-image: url(images/headline.png);
	height: 24px;
	display: block;
	text-indent: -5000px;
	position: relative;
	width: 809px;
	margin: 40px 40px 40px 60px;
}

#navBar {
	width: 670px;
	height: 35px;	
	margin-left: 115px;
	margin-top: 45px;
}

#soot {
	width: 160px;
	height: 30px;
	display: block;
}

#soot a{
	width: 160px;
	height: 30px;
	display: block;
	background: url(images/tabsoot.png) no-repeat;	
}

#about {
	width: 235px;
	height: 30px;
	display: block;
	margin-top: -30px;
	margin-left: 161px;
}

#about a {
	width: 235px;
	height: 30px;
	display: block;
	background: url(images/tababout.png) no-repeat;
}

#stop {
	width: 145px;
	height: 30px;
	display: block;
	margin-top: -30px;
	margin-left: 397px;
}

#stop a{
	width: 145px;
	height: 30px;
	display: block;
	background: url(images/tabstop.png) no-repeat;
}


#bear {
	width: 130px;
	height: 241px;
	display: block;
	text-indent: -5000px;
	background: url(images/bear.png) no-repeat;
	z-index: 100;
	position: absolute;
	margin-left: 775px;
	top: 400px;
}

#movieMatte {
	width: 670px;
	height: 390px;
	display: block;
	text-indent: -5000px;
	background-color: #7fc3b2;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	position: relative;
	margin-top: -375px;
	margin-left: 115px;
	z-index: -1;
}

#movie {
	width: 640px;
	height: 360px;
	display: block;
	background-image: url(images/still.gif);
	z-index: 10;
	margin-left: 130px;
	margin-top: 10px;
}

#bodyMatte {
	width: 620px;
	height: 100%;
	display: block;
	background-color: #7fc3b2;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	position: relative;
	margin-top: -5px;
	margin-left: 115px;
	padding: 25px;
}

#actMatte {
	width: 620px;
	height: 100%;
	display: block;
	background-color: #7fc3b2;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	position: relative;
	margin-top: -5px;
	margin-left: 115px;
	padding: 25px;
}

#bodyCopy {	
	width: 640px;
	margin-left: 130px;
	margin-top: 20px;
	margin-bottom: 40px;
}

#leftCol {
	width: 390px;
}

#rightCol {
	width: 220px;
	top: 185px;
	position: absolute;
	margin-left: 405px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
}

#subHead1 {
	background: url(images/subhead1.png) no-repeat;
	height: 26px;
	text-indent: -5000px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#subHead2 {
	height: 34px;
	text-indent: -5000px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(images/subhead2.png) no-repeat;
}

#cta {
	width: 200px;
	height: 30px;
	text-indent: -5000px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

#cta a{
	width: 200px;
	height: 30px;
	display: block;
	background: url(images/stopcta.png) no-repeat;
}

#logo {
	width: 328px;
	height: 150px;
	float: right;
	margin-right: 40px;
	display: block;
	margin-top: 50px;
}

#logo a {
	background: url(images/ecojustice_logo.gif) no-repeat;
	width: 328px;
    height: 150px;
    display: block;
}

#soot.off a {
	background-position: 0px -35px;
}

#about.off a {
	background-position: 0px -35px;
}

#stop.off a {
	background-position: 0px -35px;
}

#soot.on a {
	background-position: 0px 0px;
}

#about.on a {
	background-position: 0px 0px;
}

#stop.on a {
	background-position: 0px 0px;
}

#soot a:hover,
#about a:hover,
#stop a:hover {
	background-position: 0px 0px;
}