html, body { height: 100%; }

body { background: url(../images/body.gif) repeat 50% 0%; color: #575757; font: 15px/18px Arial, Helvetica, sans-serif; }

a { color: #333; text-decoration: underline; }
a:hover { text-decoration: none; }

#page { background: url(../images/page.jpg) no-repeat 50% 0%; margin: 0 auto -80px; height: 100%; height: auto; min-height: 100%; min-width: 1024px; width: 100%; }

#wrapper { margin: 0 auto; width: 940px; }
#header { position: relative; height: 220px; }
#pic { padding-bottom: 25px; }

#page-header { margin: 40px 0; }
#page-header h1 { color: #1f1f1f; font: normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
#page-header h2 { color: #C8C8C8; font: normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }

#content h1 { color: #1f1f1f; font: normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 25px; }
#content h2 { color: #505050; font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 25px; }

#footer { border-top: 3px solid #cfcfcf; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer dl { padding: 20px 0 15px;}
#footer dl:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#footer dt { font-size: 12px; text-transform: uppercase; display: inline; }
#footer dd { display: inline; float: right; }

.logo { position: absolute; top: 25px; left: 0; }

.menu { background-color: #101010; position: absolute; top: 120px; left: 0; height: 70px; width: 100%; }
.menu > ul { list-style: none inside; margin: 18px 0; padding: 0; }
.menu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.menu > ul > li { float: left; height: 34px; border-right: 1px solid #1f1f1f; }
.menu > ul > li:last-child { border-right: none; }
.menu > ul > li.active a { color: #fff; }
.menu > ul > li > a { color: #515151; display: block; font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 7px 50px; text-transform: uppercase; text-decoration: none; }
.menu > ul > li > a.active { color: #fff; }
.menu > ul > li > a:hover { color: #fff; }

.row { padding-bottom: 25px; }
.row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.col { width: 100%; text-align: justify; }

.col-205,
.col-220,
.col-450,
.col-680 { float: left; margin-right: 40px; }

.col-205 { width: 205px; }
.col-220 { width: 220px; }
.col-450 { width: 450px; }
.col-680 { width: 680px; }

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

.form-element { padding-bottom: 10px; }
.form-element label { display: block; font-weight: normal; padding-bottom: 5px; }
.form-element label span { color: red; font-weight: bold; }
.form-element input[type="text"] { background-color: #fff; border: 1px solid #979797; box-shadow: inset 0 3px 5px #ddd; color: #575757; font: 12px Arial, Helvetica, sans-serif; padding: 5px; width: 300px; }
.form-element textarea {background-color: #fff; border: 1px solid #979797; box-shadow: inset 0 3px 5px #ddd; color: #575757; font: 12px Arial, Helvetica, sans-serif; height: 150px; padding: 5px; width: 400px;}
.form-element button { background: #101010; border: none; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 6px 25px; margin: 15px 0 0; text-transform: uppercase; }