* {
 padding: 0;
 margin: 0;
}

body {
 background-color: #000;
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
}

/* HEADER */

#header {
 margin: 0 auto;
 text-align: center;
 background-color: #000;
}

img { border: none; }

#headercontent {
 margin: 0 auto;
 text-align: center;
 height: 115px;
 width: 250px;
 background: #000;
}

/* NAVIGATION */

#navigation {
 background-color: #add94e;
}

div#navcontainer {
 background-color: #add94e;
}

div#navcontainer ul {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #000;
 text-align: center;
 margin: 0;
 padding-bottom: 5px;
 padding-top: 5px;
}

div#navcontainer ul li {
 display: inline;
 margin-left: -4px;
}

div#navcontainer ul li a {
 padding: 5px 10px 5px 10px;
 color: #000;
 text-decoration: none;
 border-right: 1px solid #999;
 font-size: 11px;
}

div#navcontainer ul li a:hover {
 background-color: #000;
 color: white;
 font-size: 11px;
}

#active a {
 border-left: 1px solid #999;
}

/* MAIN */

#main {
 background: #fff url(../images/all-maincontent-shadow.gif) repeat-x;
 text-align: center;
}

#mainindex {
 margin: 0;
 text-align: center;
 background: #447be0 url(../images/index-maincontent-shadow.gif) repeat-x;
 padding: 0;
 height: 350px;
}

#mainindexcontent {
 margin: 0 auto;
 padding: 0px 0 0;
 width: 720px;
 background: url(../images/juices.jpg) no-repeat left bottom;
 height: 350px;
}

#mainindexcontentbox {
 float: right;
 margin-right: 25px;
 margin-top: 65px;
 margin-left: 310px;
}

#mainindexcontentbox h1 {
 margin: 0 auto;
  color: #f2ec00;
 font-size: 22px;
 text-align: left; }

#mainindexcontentbox h2 {
 margin: 0 auto;
  color: #fff;
 font-size: 22px;
 text-align: left;
}

#mainindexcontentbox p {
 margin: 0 auto;
  color: #fff;
 font-size: 14px;
 text-align: left;
 padding-top: 10px;
 line-height: 20px;
 font-weight: bold;
}

#maincontent {
 margin: 0 auto;
 padding: 20px 0 5px;
 width: 720px;
 height: 100%;
 text-align: left;
}

#maincontentleft {
 width: 450px;
 float: left;
}

#maincontentleft h1 {
 font-size: 18px;
 color: #333;
 padding-bottom: 5px;
 padding-top: 15px;
}

#maincontentleft h2 {
 font-size: 16px;
 color: #999;
 padding-top: 10px;
 padding-bottom: 10px;
}

#maincontentleft h3 {
 font-size: 14px;
 color: #000;
 padding-top: 35px;
}

#maincontentleft p {
 font-size: 14px;
 color: #666;
 padding-top: 2px;
 padding-bottom: 15px;
}

#caption {
 text-align: right;
}

#maincontentright {
 margin-left: 510px;
 padding: 15px;
}

#maincontentrightgraybox {
 margin-left: 510px;
 background-color: #eee;
 padding: 15px;
}

#maincontentrightgraybox h1 {
 font-size: 15px;
 color: #999;
 padding-bottom: 15px;
}

#maincontentrightgraybox h2 {
 font-size: 13px;
 color: #000;
 padding-top: 10px;
}

#maincontentrightgraybox p {
 font-size: 13px;
 color: #666;
 padding-top: 2px;
 border-bottom: 1px solid #fff;
 padding-bottom: 15px;
}

#maincontentrightgraybox p.last {
 font-size: 13px;
 color: #666;
 padding-top: 2px;
 padding-bottom: 15px;
 border-bottom-style: none;
}

#maincontentbottom {
 margin: 0 auto;
 padding: 30px 0;
}

#maincontentbottom a {
 border-style: none;
}

img.left-floating {
 float: left;
 padding-right: 15px;
 padding-bottom: 5px;
 padding-top: 35px;
}

img.left-floating a{
 border-style: none;
}

img.right-floating {
 float: right;
 padding-left: 15px;
 padding-bottom: 5px;
 padding-top: 35px;
}

img {
 border-style: none;
}

.spacer {
 clear: both;
}

/* MORE */

#more {
 background: #eee;
 border-top-style: solid;
 border-top-color: #add94e;
 text-align: center;
}

#morecontent {
 margin: 0 auto;
 padding: 15px 0 4px;
 width: 720px;
 text-align: center;
}

#morecontent img {
 border-style: none;
 margin: 10px 10px 15px;
 text-align: center;
}

/* FOOTER */

#footer {
 background: #000;
 border-top-style: solid;
 border-top-color: #add94e;
 text-align: center;
}

#footercontent {
 margin: 0 auto;
 color: #999;
 width: 720px;
 height: 15px;
 font-size: 12px;
 padding-top: 10px;
 padding-bottom: 12px;
}

#footerleft {
 width: 350px;
 float: left;
 text-align: left;
 padding-left: 10px;
}

#footerright {
 width: 350px;
 float: right;
 text-align: right;
 padding-right: 10px;
}

#footerright a, a:visited {
 color: #999;
 font-size: 12px;
 text-decoration: none;
}

#footerright a:hover {
 color: #fff;
 font-size: 12px;
 text-decoration: underline;
}

.center {
 text-align: center;
}
 
.successimg {
 text-align: center;
}

.successtext {
 text-align: center;
 padding-top: 20px;
 padding-bottom: 20px;
}

.errortext {
 text-align: center;
 padding-bottom: 20px;
 line-height: 18px;
 color: #CC0000;
}