﻿body  { background-color: #000000; height: 100% }

html  { height: 100% }

p     { font-size: 14px }

/* CLASSES */

.page         { background-image: url(images/img_bg_main.jpg); background-position: center top; background-repeat: repeat-y; color: #FFFFFF }

.section      { margin: 20px auto; padding: 0px; width: 895px }

.section .tl  { height:auto; width: auto }
.section .t   { background-image: url(images/img_bg_content_t.png); background-position: bottom; background-repeat: repeat-x; height:15px; width: auto }
.section .tr  { height:auto; width: auto }
.section .l   { background-image: url(images/img_bg_content_l.png); background-repeat: repeat-y; height:auto; width: 19px }
.section .c   { background-color: transparent; background-image: url(images/img_bg_content_rpt.png); background-repeat: repeat; height:auto; width: auto }
.section .r   { background-image: url(images/img_bg_content_r.png); background-repeat: repeat-y; height:auto; width: 28px }
.section .bl  { height:auto; width: auto }
.section .b   { background-image: url(images/img_bg_content_b.png); background-repeat: repeat-x; height:33px; width: auto }
.section .br  { height:auto; width: auto }

.section .imgtl { height: 15px; margin: 0px; padding: 0px; vertical-align: bottom }
.section .imgtr { height: 15px; margin: 0px; padding: 0px; vertical-align: bottom }

.header       { width: 100% }
.header .logo { cursor: pointer; display: inline; float: left; margin-top: 20px; margin-left: 20px }
.header .menu { display: inline; float: right; font-family: Arial Narrow; font-style: italic; font-size: 14pt; margin-top: 20px; margin-right: 20px }
.header .menu span    { margin-left: 30px }

.content        { clear:both; min-height: 500px; width: 100% }

.footer         { clear: both; margin-top: 20px; width: 100% }
.footer table   { font-family: Arial; font-style: normal; width: 100% }
.footer td      { width: 33% }
.footer .copy   { font-size: 8pt; text-align: left; vertical-align: bottom }
.footer .links  { font-size: 12pt; text-align: center; vertical-align: middle }
.footer .dev    { font-size: 8pt; text-align: right; vertical-align: bottom }

.footer ul      { margin: 0px; padding: 4px }
.footer ul li   { display: inline; vertical-align: bottom }

a         { color: #FFFFFF; font-family: Arial; text-decoration: none }
a:link    { color: #FFFFFF; font-family: Arial; text-decoration: none }
a:visited { color: #FFFFFF; font-family: Arial; text-decoration: none }
a:active  { color: #FFFFFF; font-family: Arial; text-decoration: none }
a:hover   { color: #FFFFFF; font-family: Arial; text-decoration: underline }

.box          { font-family: Arial; font-size: 14px }
.button       { background-color: transparent; border: 1px solid #FFFFFF }
.label        { font-family: Arial; font-size: 14px }

.contactlayout    { display: inline; list-style-type: none; width: 100%; }
.contactlayout li { display: inline; float: left; width: 50%; }

.contactDetails     { font-family: Arial; padding: 50px 25px 50px 50px }    
.contactDetails h3  { font-size: 18px }
.contactDetails p   { font-size: 14px }

.locationDetails    { font-family: Arial; padding: 50px 50px 50px 25px }    
.locationDetails h3 { font-size: 18px }
.locationDetails p  { font-size: 14px }

.sendRequest        { clear: both; margin: 20px 0px 0px 100px; width: 100% }

.errormessage { color: Red; cursor: help; font-family: Arial; font-size: 10px }