/* CSS Document */

body {background-color: white; width: 800px; margin: 30px auto 0 auto;}

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

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

a:link {text-decoration:none;}
a:active {color:#ff1c00;}
a:hover {color:#3a74b5;text-decoration:underline;}

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: black;}

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

.package {background: url("../images/dottedbg.gif") no-repeat top center; width: 800px; 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: 200px; display: block; float: left; }
.shim2 {width: 300px; display: block; float: left; }
.shim3 {width: 60px; 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;}