/* CSS Document */

body {background-color: #999999; width: 838px; margin: 30px auto 0 auto;}

p, label, ul, ol {font: 15px/1.2em Arial, Helvetica, sans-serif; color: #666666;}
img {margin: 10px;}

hr {width: 99%; border: none; border-bottom: dotted black;}

a:link {text-decoration:none; color: #ff6600;}
a:visited {color: #ff6600; text-decoration: none;}
a:hover {color: #ff6600; text-decoration: underline;}
a:active {color: #ff6600;}



h1, h2, h3, h4, h5, h6 {
font-family: Georgia, Times New Roman, serif;
font-weight:normal;
margin:0;
padding:2px 8px;}

h1 {font: 20px/1.2em Avenir Light, Myriad Pro, Arial, Helvetica, sans-serif; color: #986635;}
h2 {font: 15px/1.2em Avenir Light, Myriad Pro, Arial, Helvetica, sans-serif; color: #666666;}

.mainpage {width: 838px; margin: 0; padding: 0;}
.mainpage img {margin: 0; padding: 0;}
.mainpage p {text-align: right; margin: 10px; color:#666666;}
.mainpage a, .mainpage a:link {color: #ff6600;}

.floatr {float: right;}
.floatl {float: left;}
.clear {clear: both;}

.header {background-color: #ffffff; width: 838px; margin: 0 auto; padding: 0; height: 85px; border-bottom: 1px solid #2f8ee2;}
.header h1 {float: right; color: #f47709; font: 20px/1.5em Arial, Helvetica, sans-serif; font-weight: normal; margin: 19px 10px;}


.navigation {color: black; background-color: #ffffff; margin: 0 0 0 auto; width: 838px;}
.navigation a, .navigation a:link {color: black; text-decoration: none; display: block; background-color: white; padding: 8px 5px; font: 12px/1.5em Arial, Helvetica, sans-serif; font-variant: small-caps;}
.navigation a:hover {text-decoration: none; background-color: #f4780b; color: white;}
.navigation ul {list-style: none; margin: 0;}
.navigation li {float: left; margin: 2px 0; display: block;}

.content {width: 838px; margin: 0 auto; background-color: #ffffff; padding: 0px;}
.text {width: 700px; margin: 0 auto;}
.footer {width: 838px; background-color: #999999; color: white; margin: 0 auto;}
.footer p {margin: 0; font-weight: bold; color: white;}
.bottom {width: 800px; margin: 0 auto; background: url("../images/bottom.jpg") no-repeat top center; height: 36px;}

.text ul {font-weight: bold; list-style: none; margin: 0; padding: 0;}
.text ul ul {font-weight: normal; list-style: disc; margin: 10px 0; padding: 0 0 0 50px;}

.aboutmoontans ul {font-weight: bold; list-style: none; color: #0099ff; margin: 0; padding: 0;}
.aboutmoontans ul ul {font-weight: normal; list-style: none; margin: 0px 0px 15px 0px; color: #666666; padding: 0;}

.package {background: url("../images/dottedbg.gif") no-repeat top center; width: 700px; margin: 0 auto; padding: 0;}
.package p {float: left; margin: 10px 0 0 0; background-color: white; display: block;}
.button2 {float: left;}
.button {float: right; margin: 0;}
.packagename {font-weight: bold; padding: 0 10px 0 0; margin: 0;}
.packagesub {padding: 0 10px;}
.packageprice {padding: 0 10px;}
.shim {width: 150px; display: block; float: left; }
.shim2 {width: 250px; display: block; float: left; }
.shim3 {width: 50px; display: block; float: left; }


.topform {float: left; width: 350px;}
.topform label {float: left; width: 120px; display: block; text-align: right; padding: 0 5px;}
.topform input, .topform select {float: left; width: 200px; display: block; text-align: right;}
.formpackage label {width: 90px; display: block; float: left;}
.formpackage input {float: left;}

.twospan {width: 350px; float: left;}
.comments label {width: 120px; display: block; text-align: right; padding: 0 5px; float: left;}
.comments textarea {width: 200px; float: left;}
.vertline {border-right: dotted black;}

.breakoutbox {width: 350px; background-color: #f9ca78; padding: 0 10px; margin: 5px 0 5px 5px;}
.breakoutbox ul {margin: 0; list-style: disc; margin: 10px 0; padding: 0 0 0 50px;}
.breakoutbox li, .breakoutbox p {font-weight: normal; color: black;}


.picback {background: url("../images/pageheader.jpg") no-repeat top center; width: 838px; min-height: 155px; margin: 0px 0 40px 0; padding: 0;}
.picback h1 {font: 30px/1.2em Avenir Light, Myriad Pro, Arial, Helvetica, sans-serif; letter-spacing: .30em; color: #ffffff; margin: 0 0 0 0; padding: 60px 10px 0 10px; float: right;}

.bottomspacer {height: 100px;}

.betteryou p {margin: 0; display: block; width: 480px; border: solid white; float: left;}
.betteryou img {border: none; margin: 5px; float: left;}

.skin p {margin: 0; display: block; width: 480px; border: solid white; float: left;}
.skin img {border: none; margin: 5px; float: right;}