/*CSS for Ecoplates site. Screen version.

The site is built partly with splices. The spliced parts of the site are separated by Div #backlayer. #backlayer contains most of the images and main navigation bar. #backlayer is located on z-index: 1.

The frontlayers contains the content, and is placed using absolute positioning on z-index: 2.*/

p {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: transparent;
	color: #333;	
}

body {
	font-family: Helvetica, Verdana, Ariel, san-serif;
	font-size: .75em;
	text-align: center;
}

a:link {
	text-decoration: none;
	color: #333;
}

a:visited {
	text-decoration: none;
	color: #333;
}

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

a:active {
	text-decoration: none;
	color: #333;
}

ol{
	margin: 0px;
	padding: 0px;
}

img {
	border: 0;
}

ul{
	padding-left: 15px;
	margin-left: 0px;
}

#site{
	width: 910px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
}

#absolute{
	position: absolute;
}

#backlayer{
	z-index: 1;
}

#aboutfrontlayer{
	z-index: 2;
	width: 470px;
	position: absolute; left: 180px; top: 185px;

}

a.aboutlinks:link {
	text-decoration: underline;
	color: #333;
}

a.aboutlinks:visited {
	text-decoration: underline;
	color: #333;
}

a.aboutlinks:hover {
	text-decoration: underline;
	color: #666;
}

a.aboutlinks:active {
	text-decoration: underline;
	color: #333;
}

#about2frontlayer{
	z-index: 2;
	width: 570px;
	position: absolute; left: 178px; top: 222px;
}


#bigplatesfrontlayer{
	z-index: 2;
	width: 100px;
	position: absolute; left: 775px; top: 500px;
}

.class1 {
	font-family: Helvetica, Verdana, Ariel, san-serif;
	font-size: 80%;
}

#contactfrontlayer{
	z-index: 2;
	width: 460px;
	position: absolute; left: 178px; top: 218px;
	line-height: 1.3;
	font-size: 110%;
}

a.contactslinks:link {
	text-decoration: none;
	color: #009999;
}

a.contactslinks:visited {
	text-decoration: none;
	color: #009999;
}

a.contactslinks:hover {
	text-decoration: none;
	color: #666;
}

a.contactslinks:active {
	text-decoration: none;
	color: #009999;
}

#faqfrontlayer{
	z-index: 2;
	width: 550px;
	position: absolute; left: 198px; top: 210px;
	line-height: 1.3;
	font-size: 110%;
	color: #333;

}

#faqanswersfrontlayer{
	z-index: 2;
	width: 540px;
	position: absolute; left: 178px; top: 210px;
	line-height: 1.3;
	font-size: 110%;
}


#faqanswers18frontlayer{
	z-index: 2;
	width: 540px;
	position: absolute; left: 178px; top: 190px;
	line-height: 1.3;
	font-size: 110%;
}

#formfrontlayer{
	z-index: 2;
	width: 580px;
	position: absolute; left: 178px; top: 185px;
}

#formcopy{
	text-align: left;
	color: #333;
	line-height: 1.3em;
}

#formstyle{
	font-family: Courier New, Courier, monospace;
	font-size: 9pt;
	text-align: left;
}

#friendsaddfrontlayer1{
	z-index: 2;
	width: 688px;
	position: absolute; left: 178px; top: 188px;
	line-height: 1.3;
}

#friendsaddcode1{
	z-index: 2;
	width: 375px;
	position: absolute; left: 350px; top: 315px;
	line-height: 1.3;	
}

#friendsaddcode2{
	z-index: 2;
	width: 375px;
	position: absolute; left: 350px; top: 440px;
	line-height: 1.3;
}


#friendsfrontlayer{
	z-index: 2;
	width: 470px;
	position: absolute; left: 178px; top: 235px;
}

#friendsfrontlayer0{
	z-index: 2;
	width: 640px;
	position: absolute; left: 178px; top: 190px;
	line-height: 1.3;
}

#friendsfrontlayer1{
	z-index: 2;
	width: 300px;
	height: 250px;
	position: absolute; left: 178px; top: 265px;
	line-height: 1.3;
	overflow: auto;
/*	border-style: solid;
	border-width: thin;
	border-color: #CCC;
*/	
}


#friendsfrontlayerAdd{
	z-index: 2;
	width: 230px;
	position: absolute; left: 580px; top: 280px;
	line-height: 1.3;
	font-family: Courier New, Courier, monospace;
	font-weight: bold;
	font-size: 9pt;
	color: #666;
}

#friendsfrontlayerplates{
	z-index: 2;
	width: 230px;
	position: absolute; left: 580px; top: 305px;
}

#howthefundsfrontlayer{
	z-index: 2;
	width: 550px;
	height: 310px;
	position: absolute; left: 178px; top: 210px;
	line-height: 1.3;
	font-size: 110%;
	overflow: auto;
}

#howthefundsbackbutton{
	z-index: 2;
	position: absolute; left: 740px; top: 508px;
}

#howtoorderfrontlayer{
	z-index: 2;
	width: 560px;
	position: absolute; left: 180px; top: 250px;
}

#indexfrontlayer0{
	z-index: 2;
	width: 390px;
	position: absolute; left: 181px; top: 275px;
}

p.indexsidelink{
	color: #663333;
}

#indexfrontlayer{
	z-index: 2;
	width: 275px;
	position: absolute; left: 668px; top: 228px;
	font-family: Courier New, Courier, monospace;
	font-weight: bold;
	font-size: 9pt;
}

#indexprivacypolicy{
	z-index: 2;
	width: 500px;
	position: absolute; left: 25px; top: 565px;
	font-size: 85%;
}

a.indexlinks:link {
	text-decoration: none;
	color: #009999;
}

a.indexlinks:visited {
	text-decoration: none;
	color: #009999;
}

a.indexlinks:hover {
	text-decoration: none;
	color: #666;
}

a.indexlinks:active {
	text-decoration: none;
	color: #009999;
}

p.indexbolder{
	font-size: 110%;
}


#orderbymailfrontlayer{
	z-index: 2;
	width: 565px;
	position: absolute; left: 180px; top: 215px;
}

#privacyfrontlayer{
	z-index: 2;
	width: 620px;
	position: absolute; left: 181px; top: 215px;
}


#submit{
	font-family: Helvetica, Verdana, Ariel, san-serif;
	font-size: 80%;
	color: #333;
}

#submitbutton {
	z-index: 2;
	position: absolute; left: 0px; top: 328px;
}

#submitcopy {
	z-index: 2;
	position: absolute; left: 110px; top: 337px;
	font-family: Helvetica, Verdana, Ariel, san-serif;
	font-size: 80%;
	color: #333;
}

#tahoemotorplate{
	z-index: 2;
	position: absolute; left: 480px; top: 318px;
	line-height: 1.3;
	font-size: 80%;
}

#whalemotorplate{
	z-index: 2;
	position: absolute; left: 280px; top: 318px;
	line-height: 1.3;
	font-size: 80%;
}