/*-------Clear Default Browser "Help", adapted from Meyerweb-------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, a:link, a:visited, a:hover, a:active, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  color: black;
  text-decoration: none;
  color: black;
  text-align: left;
}
body {
  line-height: 1;
  font-size: 62.5%;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/* ------ end clearing stuff ------ */
body {
  font-family: "Myriad", "Helvetica", "Arial Rounded", sans-serif;
  line-height: 130%;}
/*h2 and p used for terms and conditions and policy text*/
h2 {
  font-size: 1.8em;
  color: #929497;
  margin: 20px 0px 10px 0px;
}
p {
  font-size: 1.4em;
  line-height: 1em;
  color: #929497;
  margin: 0px 0px 10px 0px;
}
br {
  line-height: 0%;
}
#everything {
  margin: 0px auto;
  width: 1005px;
}
#header  {
  position: relative;
  top: 0px;
  left: 20px;
  width: 300px;
}
#navigation { 
  float: right;
  position: relative;
  top: 20px;
  right: 100px;
  height: 22px;
}
a.orlishop {
  width: 91px;
  height: 22px;
  float: left;
}
a.orlishop:hover {  
  background-position: 0px -21px;
}
.shopblue {
  background: transparent url(shopbutt-blue.png) no-repeat 0 0;
}
.shoppink {
  background: transparent url(shopbutt-pink.png) no-repeat 0 0;
}
.shoppurple {
  background: transparent url(shopbutt-purple.png) no-repeat 0 0;
}
.shoporange {
  background: transparent url(shopbutt-orange.png) no-repeat 0 0;
}
.shopgreen {
  background: transparent url(shopbutt-green.png) no-repeat 0 0;
}
a.products {
  width: 107px;
  height: 22px;
  float: left;
}
a.products:hover {  
  background-position: 0px -21px;
}
.prodblue {
  background: transparent url(prodsbutt-blue.png) no-repeat 0 0;
}
.prodpink {
  background: transparent url(prodsbutt-pink.png) no-repeat 0 0;
}
.prodpurple {
  background: transparent url(prodsbutt-purple.png) no-repeat 0 0;
}
.prodorange {
  background: transparent url(prodsbutt-orange.png) no-repeat 0 0;
}
.prodgreen {
  background: transparent url(prodsbutt-green.png) no-repeat 0 0;
}
a.philosophy {
  width: 121px;
  height: 22px;
  float: left;
}
a.philosophy:hover {  
  background-position: 0px -21px;
}
.philblue {
  background: transparent url(philbutt-blue.png) no-repeat 0 0;
}
.philpink {
  background: transparent url(philbutt-pink.png) no-repeat 0 0;
}
.philpurple {
  background: transparent url(philbutt-purple.png) no-repeat 0 0;
}
.philorange {
  background: transparent url(philbutt-orange.png) no-repeat 0 0;
}
.philgreen {
  background: transparent url(philbutt-green.png) no-repeat 0 0;
}
a.contact {
  width: 88px;
  height: 22px;
  float: left;
}
a.contact:hover {  
  background-position: 0px -21px;
}
.conblue {
  background: transparent url(conbutt-blue.png) no-repeat 0 0;
}
.conpink {
  background: transparent url(conbutt-pink.png) no-repeat 0 0;
}
.conpurple {
  background: transparent url(conbutt-purple.png) no-repeat 0 0;
}
.conorange {
  background: transparent url(conbutt-orange.png) no-repeat 0 0;
}
.congreen {
  background: transparent url(conbutt-green.png) no-repeat 0 0;
}
#subnav { 
  float: right;
  position: relative;
  top: 50px;
  right: -98px;
  height: 22px;
}
a.grab {
  width: 49px;
  height: 14px;
  float: left;
  background: transparent url(grabbutt-blue.png) no-repeat 0 0;
}
a.grab:hover {  
  background-position: 0px -14px;
}
a.growitpage {
  width: 54px;
  height: 14px;
  float: left;
  background: transparent url(growbutt-blue.png) no-repeat 0 0;
}
a.growitpage:hover {  
  background-position: 0px -14px;
}
#termsetc {
  float: right;
  position: relative;
  top: 70px;
  right: 100px;
  padding: 0px 0px 70px 0px;
}
a.terms {
  width: 159px;
  height: 22px;
  float: left;
}
a.terms:hover {  
  background-position: 0px -24px;
}
.termblue {
  background: transparent url(tncbutt-blue.png) no-repeat 0 0;
}
.termpink {
  background: transparent url(tncbutt-pink.png) no-repeat 0 0;
}
.termpurple {
  background: transparent url(tncbutt-purple.png) no-repeat 0 0;
}
.termorange {
  background: transparent url(tncbutt-orange.png) no-repeat 0 0;
}
.termgreen {
  background: transparent url(tncbutt-green.png) no-repeat 0 0;
}
a.policy {
  width: 109px;
  height: 22px;
  float: left;
}
a.policy:hover {  
  background-position: 0px -24px;
}
.polblue {
  background: transparent url(ppbutt-blue.png) no-repeat 0 0;
}
.polpink {
  background: transparent url(ppbutt-pink.png) no-repeat 0 0;
}
.polpurple {
  background: transparent url(ppbutt-purple.png) no-repeat 0 0;
}
.polorange {
  background: transparent url(ppbutt-orange.png) no-repeat 0 0;
}
.polgreen {
  background: transparent url(ppbutt-green.png) no-repeat 0 0;
}
.bgimagehome {
  position:relative;
  margin: 0px auto;
  width: 963px;
  height: 518px;
}
.homeblue {
  background: transparent url(homeimage1.jpg) no-repeat 0 0;
}
.homepink {
  background: transparent url(homeimage2.jpg) no-repeat 0 0;
}
.indexbox {
	position: relative;
	top: 21px;
	left: 20px;
}
.grab2 {
	position: relative;
	top: 70px;
	left: 33px;
}
#hometext {
  width: 330px;
  height: 219px;
  position:absolute;
  top:140px;
  left:35px;
  overflow: auto;
}
#hometext h1 {
  font-size: 1.7em;
  line-height: 1em;
  color: #f8fbfc;
  margin: 0px 0px 0.9em 0px;
}
#homerest {
  width: 300px;
  float: left;
  margin: 360px 0px 0px -365px;
}
#homerest h1 {
  color: #f8fbfc;
  font-size: 1.7em;
  line-height: 1em;
  position:absolute;
  top:365px;
  left:35px;
}
#homerest img {
  position:absolute;
  top:385px;
  left:35px;
}
#hometext a {
	color: #f8fbfc;
}
#homerest a {
	color: #f8fbfc;
}
#focusimage {
  position:relative;
  background: transparent url(focuspage.jpg) no-repeat 0 0;
  margin: 0px auto 0px;
  width: 963px;
  height: 517px;
}
#playbutt {
  position: absolute;
  top: 35px;
  left: 775px;
}
a.video {
  float: left;
  width: 113px;
  height: 59px;
  background: transparent url(playbutt.png) no-repeat 0 0;
}
a.video:hover {
  background-position: 0px -60px;
}
.video2 {
  width: 113px;
  height: 59px;
  float: left;
  background: transparent url(playbutt.png) no-repeat 0px -60px;
}
#focusnav {
  position:absolute;
  top:89px;
  left:570px;
}
a.how {
  width: 140px;
  height: 53px;
  float: left;
  background: transparent url(worksbutt.png) no-repeat 0 0;
}
a.how:hover {  
  background-position: 0px -53px;
}
.how2 {
  width: 140px;
  height: 53px;
  float: left;
  background: transparent url(worksbutt.png) no-repeat 0px -53px;
}
a.range {
  width: 116px;
  height: 53px;
  float: left;
  background: transparent url(rangebutt.png) no-repeat 0 0;
}
a.range:hover {  
  background-position: 0px -53px;
}
.range2 {
  width: 116px;
  height: 53px;
  float: left;
  background: transparent url(rangebutt.png) no-repeat 0px -53px;
}
a.buy {
  width: 120px;
  height: 53px;
  float: left;
  background: transparent url(buybutt.png) no-repeat 0 0;
}
a.buy:hover {  
  background-position: 0px -53px;
}
.buy2 {
  width: 120px;
  height: 53px;
  float: left;
  background: transparent url(buybutt.png) no-repeat 0px -53px;
}
#moreblue {
  width: 379px;
  height: 367px;
  position:absolute;
  top:138px;
  left:568px;
  background: transparent url(focusbg.jpg) no-repeat 0 0;
}
#worksimg {
  position:absolute;
  top:152px;
  left:580px;
}
.worktext {
  width: 110px;
  height: 135px;
  overflow: auto;
  position:absolute;
  top:250px;
  left:582px;
}
.worktext p {
  font-size: 1.35em;
  line-height: 1em;
  color: #f8fbfc;
  line-height: 110%;
}
.first {
  left:582px;
}
.second {
  left:701px;
}
.third {
  left:823px;
}
#roundimgs {
  float: left;
  position:absolute;
  top:400px;
  left:581px;
}
.rangebg {
  position: absolute;
  background: transparent url(rotatenavbg.jpg) no-repeat 0 0;
  height: 262px;
  width: 353px;
  margin: 8px 0px 0px 14px;
}
.squares {
	position: absolute;
	top: 27px;
	left: 9px;
}
.arrows {
	position: absolute;
	top: 227px;
	left: 162px;
}
#rotate {
	position: absolute;
	top: 20px;
	left: 93px;
}
.shop {
  width: 340px;
  overflow: auto;
  height: 330px;
  position:absolute;
  top:145px;
  left:585px;
}
.shop h2 {
  color: #f8fbfc;
  font-size: 1.6em;
  line-height: 1.2em;
  margin: 0px 0px 0px 10px;
}
.shop p {
  color: #f8fbfc;
  font-size: 1.8em;
  line-height: 1em;
  margin: 3px 0px 0px 20px
}
.shop a {
  color: #f8fbfc;
  font-size: 100%;
}
.dotline {
  height: 1px;
  width: 340px;
  background: transparent url(dot.gif) repeat-x 0 0;
  margin: 8px 0px;
}
.movie {
  width: 340px;
  position:absolute;
  top:160px;
  left:597px;
  background: transparent;
}
#philosophy {
  margin: 25px 0px 0px 34px;
  width: 550px;
}
#philosophy h1 {
  font-size: 1.9em;
  line-height: 1em;
  color: #929497;
  line-height: 145%;
  margin: 5px 0px 30px 3px;
}
#contact {
  margin: 30px 0px 0px 35px;
  width: 261px;
}
#growit {
  margin: 30px 0px 0px 35px;
  width: 567px;
}
.growmail {
  position: relative;
  top: -28px;
  left: 61px;
}
.terms {
  margin: 35px 0px 0px 35px;
}
#terms {
  width: 566px;
  height: 190px;
  margin: 5px 0px 0px 35px;
  overflow: auto;
  padding: 0px 10px 0px 0px;
}
.policy {
  margin: 35px 0px 0px 35px;
}
#policy {
  width: 566px;
  height: 190px;
  margin: 5px 0px 0px 35px;
  overflow: auto;
  padding: 0px 10px 0px 0px
}
#termsetc-on {
  position: relative;
  top: 70px;
  left: 600px;
  padding-bottom: 60px;
}