﻿* {font-size: 100%; font-family: Helvetica, Arial, Sans-Serif;}

html, body {height: 100%; margin: 0; padding: 0;}
body {font-size: 10pt; border: none; background: #666 url(bg.jpg) repeat-x; padding:5px; text-align:center;repeat-x; padding:5px;}

img {float: left; padding-right: 5px;}

a img {border:none;}

h1 {font-size: 29px;}
h2 {font-size: 23px;}
h3, h4 {font-size: 18px;}
h5 {font-size: 16px; margin:0;}
h6 {font-size: 14px; margin:0;}

#container {width: 800px; margin: 0 auto; background: #eaeaea; padding: 10px;}

#header {margin: 0 auto; padding: 0; background: #FFF url(header.jpg) no-repeat; position: relative; width: 800px; height: 122px;}

#wrapper {width: 800px; text-align: center; background:#fff;}

#content {width: 760px; margin: 0 auto; padding: 10px;}

#headline {margin-bottom: 30px;}

#payContainer {float:left; margin: 0 auto; width:760px;}
#pay {margin:0 auto; padding: 0 15px 15px 15px; border: solid 1px #ccc; background-color: #e0e0e0; width: 650px;}

#option1 {background: url(pay_option1.png) no-repeat top left;}
#option2 {background: url(pay_option2.png) no-repeat top left;}
#option3 {background: url(pay_option3.png) no-repeat top left;}
#option4 {background: url(pay_option4.png) no-repeat top left;}

#footer {margin: 0 auto; padding: 20px 0; text-align: center; font-size: 9pt; background: #C5C5C5; color: #777; clear: left;}
#footer p a, #footer visited {color: #777;}
#footer p {margin: 0; padding: 0;}
#footer a:hover {background-color: #eee;}

/*Classes*/
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.red {color: #c00000;}
.darkBlue {color:#000080;}

.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignJustify{text-align:justify;}

.floatLeft{float:left;}
.floatRight{float:right;}
.floatNone{float:none;}
.clear {clear:both;}

.content {text-align: left;}

.formContainer {float:left; margin:0 auto; width:760px;}
.form {margin:0 auto; width:650px; padding:0 15px; border:1px #ccc solid; background-color:#e0e0e0;}

.contactFormHolder {padding: 0 15px; margin: 10px auto; border: 1px #ccc solid; background-color: #e0e0e0; width: 400px;}
.contactWrapper {background:none;}

.leftColumn {background-color:#d9d9d9; border:1px solid #bebebe; float:left; height:auto !important; margin:0 auto; padding:15px; width:200px;}
.centerColumn {background-color:#d9d9d9; border:1px solid #bebebe; float:left; height:auto !important; margin:0 30px; padding:15px; width:200px;}
.rightColumn {background-color:#d9d9d9; border:1px solid #bebebe; float:left; height:auto !important; margin:0 auto; padding:15px; width:200px;}
.leftColumn, .centerColumn, .rightColumn p {font-size:12px;}

.dashed {border:dashed 3px silver;}

.optfont {font-size: 18px;}

.options {width: 600px; margin: 20px auto; padding-left: 30px;}

.opt {padding-left: 65px; padding-top: 0;}

.spacer {margin-top: 0; padding-top: 0;}

.formSpacer {clear:both; height: 30px;}

.noSpace {margin:0; padding:0;}

.login {background:url(login.gif); float:right;}
a.rollover {display:block; width:86px; height:25px; margin:25px 25px 0 0;}
a.rollover:hover {background-position:-86px 0;}

.home {background:url(inside.gif); float:right;}
a.homeRollover {display:block; width:75px; height:25px; margin:25px 25px 0 0;}
a.homeRollover:hover {background-position:-75px 0;}

.displace {position:absolute; left:-5000px;}

.pricing {border:6px dashed #cc0000; width:590px; height:200px; margin:40px 0; float;none}



