@import "reset.css";
@import "forms.css";

body { background-color: #000; color: #fff; font: .76em/normal Verdana, Arial, Helvetica, sans-serif; text-align: center; }

a,a:link,a:visited { color: #ffcc00; }
a:hover { color: #fff; }

a.button1 { display: block; width: 296px; height: 32px; background: url(../images/bg1-longer.png) top left no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 32px; text-align: center; }
a.button1:hover { background-color: #393939; }

img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }
p.highlight { color: #ffcc00; font-weight: bold; }

ul { list-style: disc; margin: 1em 0; padding-left: 2em; }
ol { list-style: decimal; margin: 1em 0; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }


/* Titles */

h1,h2,h3,h4,h5,h6 { font-family: Arial, Verdana, Helvetica, sans-serif; }

h1 { font-size: 24px; color: #ffcc00; }
h2 { margin: .5em 0; color: #ffcc00; font-size: 15px; }
h3 { margin: 1em 0; }
 
#logo { float: left; margin-bottom: 15px; padding: 7px 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; }
#logo a, #logo a:visited { color: #fff;  }
#logo a:hover { color: #ffcc00; }
#logo img { display: block; }

#phone, .phone{ float: right; margin-bottom: 15px; padding-left: 48px; background: url(../images/icon-phone.png) center left no-repeat; font-size: 26px; font-weight: normal; line-height: 38px; }
.phone{ margin: 10px 0; float: none; }


/* Layout
==============================================================================================  */

#container { width: 887px;  margin: 15px auto; text-align: left; }
#content { float: left; width: 885px; border-style: solid; border-width: 0 1px 1px; border-color: #404040; }
#content .inner { padding: 12px; }
#header {  }
#sidebar { float: left; width: 320px; border-right: solid 1px #404040; }
#mainbar { float: left; width: 557px; margin-left: -1px; border-left: solid 1px #404040; }
#footer {  }


#header .sub { clear: both; border-style: solid; border-width: 0 1px; border-color: #404040; }

/* Main banner */

#banner { clear: left; width: 100%; padding: 4px 0; border-style: solid; border-width: 1px 0; border-color: #404040; text-align: center; }
#banner img { display: block; margin: 0 auto; }

/* Flash */

#flashcontent1 { margin-left:-12px;  text-align: center; margin-bottom: 15px; }
#flashcontent1 *{ margin: 0 auto; }

/* Tables */

table { font-size: 1em; }

table.gallery caption { padding: 0 12px; color: #ffcc00; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; }
table.gallery { border-collapse: separate; }
table.gallery td { border: solid 1px #404040; }

#processflow li { width: 500px; padding-bottom: 64px; background: url(../images/hww-arrow.gif) bottom center no-repeat; }
#processflow li .contents { margin: 0 auto; padding: 10px; border-style: solid; border-width: 2px 2px 0; border-color: #fff; }
#processflow li p { margin: 0; }
#processflow li h3 { margin: 0 0 .5em; color: #ffcc00; }
#processflow li.last { padding-bottom: 0; background: none; }
#processflow li.last .contents { border-bottom: solid 2px #fff; }

/* Navigation */

div.navbar { clear: both; width: 100%; border-top: solid 1px #404040; }
ul.nav li { float: left; width: 176px; border-right: solid 1px #404040;text-align: center; }
ul.nav li.last { border-right: none; }
ul.nav li a, ul.nav li a:visited { display: block; width: 176px; padding: .3em 0; background-color: #000; color: #828282; font-size: 11px; text-transform: uppercase; }
ul.nav li a.on { color: #e2ba00 !important; }
ul.nav li a:hover { background-color: #393939; color: #fff !important; }