@charset "utf-8";
/* CSS Document */

h4, p {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
body {
	font: 100% Arial, Helvetica;
	background: #c7ddae;

	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FFF;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #FFF;
	
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#container #distributors #title {
	position: absolute;
	top: -45px;
}
#container #distributors #disttable {
	position: absolute;
	top: 350px;
}


h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

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

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


#container {
	background-color: #FFF;
	position: absolute;
	width: 950px;
	left: 50%;
	margin-left: -500px;
	top: 0px;
	height: 779px;
}
#container #bookofgreen {
	left: 20px;
	position: absolute;
	top: 200px;
}
#container #head {
	position: absolute;
	top: 26px;
}



#container #banner img {
	top: 20px;
	position: absolute;
	left: 250px;
}


/* nav*/
ul.main_nav {
	display:inline;
	list-style: none;
}


ul.main_nav li {
	float:left;
	font-size: 16px;
	padding:0px 20px 0px 25px;

}
#container #nav {
	top: 132px;
	height: 30px;
	position: absolute;
	left: 80px;
	width: 1200px;
	z-index: 10;
}

.main_nav a:link {
	color: #fff;
	text-decoration: none;
	background-color: #333333;
}
.main_nav a:visited {
	text-decoration: none;
	color: #fff;
	background-color: #333333;
}
.main_nav a:hover {
	text-decoration: none;
	color: #ebebeb;
	background-color: #585858;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#container #advert {
	float: right;
	position: absolute;
	top: 162px;
	right: 0px;
}

.main_nav a:active {
	color: #fff;
	text-decoration: none;
	background-color: #333333;
}
/*footer nav*/
ul.botlinks{
  float: left;
  width: 20em;
  margin: 0;
  padding: 0;
  list-style: none;
}

 
li.botlinks{
	float: left;
	width: 10em;
	margin: 0;
	padding: 0;
	text-decoration: none;
} 

/*  icons   */
ul.icons{
display:inline;
	list-style: none;
	position: absolute;
	left: 300px;
	
	
}
li.icons{
	width:auto;
	float:left;
	padding:0px 1px;	
}
#iconcontain {
	top: 75px;
	position: absolute;
	left: 308px;
	width: 700px;
	height: 50px;
}
#container #newsletter {
	position: absolute;
	top: 670px;
	right: 123px;
	z-index: 5;
}

#right_block {
	position: absolute;
	top: 411px;
	right: 0px;

}



#footer {
	background-color: #333;
	height: 100px;
	padding: 20px;
	width: 910px;
	top: 642px;
	position: absolute;
}
#botlinks a:link {
	text-decoration: none;
	color: #FFF;
}
#botlinks a:visited {
	text-decoration: none;
	color: #FFF;
}
#botlinks a:hover {
	text-decoration: none;
	color: #999;
}
#container #newsletterhead {
	position: absolute;
	top: 650px;
	right: 112px;
	z-index: 5;
}
#container #contact {
	position: absolute;
	top: 183px;
	left: 61px;
	width: 550px;
}
#container #about {
	position: absolute;
	top: 160px;
	left: 50px;
	width: 850px;
}
#container #distributors {
	left: 70px;
	position: relative;
	width: 800px;
	top: 200px;
	height: 400px;
}
#map {
	left: 530px;
	top: 200px;
	position: relative;
}
.carousel_container {
	width: 100%;
	height: 90%;
	position: absolute;
	top: 130px;
	left: 340px;
}
#spinnertitle {
	position:absolute;
	top: 360px;
	left: 300px:;
	left: 350px;
}
#container #directories {
	left: 70px;
	position: absolute;
	width: 511px;
	top: 200px;
	height: 250px;
}
#ate {
	position: absolute;
	width: 220px;
	left: 510px;
	top: 425px;
}
#oge {
	position: absolute;
	width: 220px;
	top: 440px;
	left: 200px;
}
#testimonials {
	position: absolute;
	left: 50%;
	margin-left: -420px;
	top: 170px;
	width: 280px;
	font-size: 12px;
	z-index: 16;
	font-family: Verdana, Geneva, sans-serif;
}
#container #basic_listing {
	left: 50px;
	position: absolute;
	width: 850px;
	top: 220px;
	height: 1481px;
}
#container #listing {
	left: 52px;
	position: absolute;
	width: 850px;
	top: 174px;
	overflow: auto;
	height: 800px;
}
#footer_form {
	background-color: #333;
	height: 100px;
	padding: 20px;
	width: 910px;
	top: 1100px;
	position: absolute;
}
#container #newsletterhead_form {
	position: absolute;
	top: 1100px;
	right: 112px;
	z-index: 5;
}
#container #newsletter_form {
	position: absolute;
	top: 1120px;
	right: 123px;
	z-index: 5;
}
/*
#container #advert {
	left: 51px;
	position: absolute;
	width: 850px;
	top: 160px;
	overflow: auto;
	height: 800px;
}
*/
#container #advert_form {
	left: 50px;
	position: absolute;
	width: 850px;
	top: 230px;
	height: 400px;
}
#footer_iphone {
	background-color: #333;
	height: 100px;
	padding: 20px;
	width: 910px;
	top: 1700px;
	position: absolute;
}
#container #newsletterhead_iphone {
	position: absolute;
	top: 1700px;
	right: 112px;
	z-index: 5;
}
#container #newsletter_iphone {
	position: absolute;
	top: 1720px;
	right: 123px;
	z-index: 5;
}
#container #advertformhead {
	float: left;
	position: absolute;
	top: 160px;
	left: 100px;
}
#container #bookofgreen_iphone {
	left: 500px;
	top: 350px;
	position: absolute;
}
#container #mediapack {
	left: 555px;
	top: 280px;
	position: absolute;
	text-align: center;
	font-size: 0.8em;
	width: 320px;
}
#container #advertisetext {
	left: 70px;
	position: absolute;
	width: 511px;
	top: 185px;
	height: 250px;
}
#container #iphoneimage {
	position: absolute;
	top: 400px;
	right: 100px;
}
#container #natgeolisting {
	position: absolute;
	top: 180px;
	width: 446px;
	left: 35px;
	padding-right: 35px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
}
#container #natgeoadvert {
	position: absolute;
	top: 180px;
	width: 400px;
	left: 525px;
	padding-right: 10px;
}
#advert_footer {
	background-color: #333;
	height: 100px;
	padding: 20px;
	width: 910px;
	top: 882px;
	position: absolute;
}
#container #newsletterheadadvert {
	position: absolute;
	top: 890px;
	right: 112px;
	z-index: 5;
}
#container #newsletteradvert {
	position: absolute;
	top: 910px;
	right: 123px;
	z-index: 5;
}
#container #tc {
	position: absolute;
	top: 250px;
	left: 50px;
	width: 850px;
}
#tc_footer {
	background-color: #333;
	height: 100px;
	padding: 20px;
	width: 910px;
	top: 1400px;
	position: absolute;
}
#container #newsletter_tc {
	position: absolute;
	top: 1400px;
	right: 112px;
	z-index: 5;
}
#container #newslettertc {
	position: absolute;
	top: 1420px;
	right: 123px;
	z-index: 5;
}
#container #mediapack_icon {
	position: absolute;
	right: 160px;
	top: 180px;
}
#container #bookofgreen2010 {
	left: 25px;
	position: absolute;
	top: 200px;
}
#container #iphone_ex_small {
	position: absolute;
	top: 200px;
	right: 45px;
	text-align: center;
}
#container #iphone {
	left: 70px;
	position: absolute;
	width: 530px;
	top: 180px;
	height: 500px;
}
#footeriphone1 {
	background-color: #333;
	height: 100px;
	padding: 20px;
	width: 910px;
	top: 1000px;
	position: absolute;
}
#container #newsletterheadiphone1 {
	position: absolute;
	top: 1000px;
	right: 112px;
	z-index: 5;
}
#container #newsletteriphone1 {
	position: absolute;
	top: 1020px;
	right: 123px;
	z-index: 5;
}
#container #info {
	position: absolute;
	top: 183px;
	left: 61px;
	width: 825px;
}
#container #info #booklogophone {
	position: absolute;
	right: 0px;
	top: 30px;
	width: 400px;
	text-align: left;
}
#moreinfo {
	position: absolute;
	left: 25px;
	top: 610px;
}
#container #quickinfo {
	left: 575px;
	position: absolute;
	top: 330px;
}
#container #quickinfo2 {
	left: 50px;
	position: absolute;
	top: 180px;
}
#container #ej_offer {
	position: relative;
	left: 620px;
	top: 180px;
}
#container #boc_advert {
	position: absolute;
	top: 300px;
	left: 550px;
}
#container #video {
	position: absolute;
	left: 570px;
	top: 410px;
}
#container #iphone_offer {
	position: absolute;
	left: 600px;
	top: 330px;
}
.med_red {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #F00;
}
#dist_footer {
	background-color: #333;
	height: 100px;
	padding: 20px;
	width: 910px;
	top: 842px;
	position: absolute;
}
#container #dist_newsletterhead {
	position: absolute;
	top: 850px;
	right: 112px;
	z-index: 5;
}
#container #dist_newsletter {
	position: absolute;
	top: 870px;
	right: 123px;
	z-index: 5;
}
#iphone_container {
	background-color: #FFF;
	position: absolute;
	width: 950px;
	left: 50%;
	margin-left: -500px;
	top: 0px;
	height: 1500px;
}
#container #iphones {
	position: absolute;
	top: 625px;
	left: 130px;
}
#container #lowertext {
	position: absolute;
	top: 945px;
	left: 250px;
	text-align: center;
}
#container #distributors #ourmap {
	position: absolute;
	top: -25px;
	right: 0px;
}
#container #distributors #permaculturmap {
	position: absolute;
	top: 305px;
	right: 0px;
}
.maptext {
	font-size: .5em;
}
#right_block2 {
	position: absolute;
	top: 430px;
	right: 0px;
}
#container #competition_form {
	position: absolute;
	top: 425px;
	width: 300px;
	right: 0px;
}
#container #competition_form form table tr td {
	font-size: .8em;
}
#container #prizes {
	position: absolute;
	left: 60px;
	top: 375px;
	width: 560px;
	height: 250px;
	overflow: auto;
}


#container #comp {
	position: absolute;
	top: 155px;
	left: 61px;
	width: 550px;
}
#container #competition_form form table tr td strong {
	font-size: medium;
}
#footercomp {
	background-color: #333;
	height: 100px;
	padding: 20px;
	width: 910px;
	top: 692px;
	position: absolute;
}
#container #newsletterheadcomp {
	position: absolute;
	top: 700px;
	right: 112px;
	z-index: 5;
}
#container #newslettercomp {
	position: absolute;
	top: 720px;
	right: 123px;
	z-index: 5;
}
#container #rules {
	position: absolute;
	top: 635px;
	font-size: 0.7em;
	width: 800px;
	left: 60px;
	color: #999;
}
#container #linkto {
	left: 70px;
	position: absolute;
	width: 800px;
	top: 200px;
	height: 500px;
}
#linktofooter {
	background-color: #333;
	height: 100px;
	padding: 20px;
	width: 910px;
	top: 1542px;
	position: absolute;
}
#container #linktonewsletterhead {
	position: absolute;
	top: 1050px;
	right: 112px;
	z-index: 5;
}
#container #linktonewsletter {
	position: absolute;
	top: 1070px;
	right: 123px;
	z-index: 5;
}