/*-----------------------------------------------  
Author: Matthew Oseland
URL: http://www.fightdrive.com/
Updated: 
----------------------------------------------- */
/*-- Imports --*/
@import url("reset.css");

/*-- Main --*/
body {background:#000 url(../images/page_bg.jpg) top left repeat; margin:0; color:#fff;}

p {padding:5px 0;}

h1 {font:bold 30px Impact, Impact5, Charcoal6, sans-serif; color:#ffbb10;}
h2 {font:bold 16px Arial, Helvetica, sans-serif;}

#wrapper {width:960px; margin:0 auto;}

#carousel {height:184px; width:960px; border:3px solid #ffbb10; background:#000; margin-top:5px; overflow:hidden;}
.container {float:left; width:192px; height:184px; position:relative; border-right:3px solid #ffbb10;}
.last {border:none;}
.caption {position:absolute; left:0; bottom:0; height:24px; width:192px; background:url(../images/imgs/bg.png) top left repeat; text-align:center; padding-top:5px; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.container a:hover span.caption {color:#ffbb10;}

/*-- Header --*/
#header {height:355px; position:relative;}

#phone_location {position:absolute; top:20px; right:20px;}
#phone_location a {background:url(../images/phone_number.png) top left no-repeat; width:305px; height:185px; display:block; text-indent:-9999px; overflow:hidden;}

#call_outs {margin-top:18px;}
#call_outs ul {}
#call_outs li {width:177px; height:75px; display:block; float:left; background:url(../images/call_out.png) top center no-repeat; margin-left:18px;}
#call_outs li.first {margin-left:0;}
#call_outs a {text-align:center; width:175px; height:65px; display:block; padding-top:8px; font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; position:relative;}
#call_outs a span.shadowtext {text-align:center; width:175px; height:65px; display:block; padding-top:8px; font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; position:absolute; left:1px; top:1px;}
#call_outs ul li a:hover span.shadowtext {color:#ffbb10;}

#menu {margin-top:5px; clear:both;}
#nav, #nav ul {padding: 0; margin: 0; list-style: none; line-height: 1; margin:0 auto;}
#nav a {height:23px; padding-top:3px; display: block; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#nav a:hover {color:#0008b3;}
#nav li.cap {background:none; width:10px; padding:0; border:none;}
#nav li {float: left; padding:0 12px; background:url(../images/menu_bg.jpg) top left repeat-x; height:26px; border-left:2px solid #ffbb10; position:relative;}
#nav li.first {border:none;}
#nav li ul {position: absolute; width: 190px; left: -999em; background:#FFBB10; border-bottom:3px solid #FFBB10;}
#nav li ul li {height:auto; border:none; width:174px; background:#333; margin-left:3px; padding:5px;}
#nav li ul li a {height:auto; padding:0; color:#fff;}
#nav li ul li a strong {color:#ccc;}
#nav li ul li a:hover {color:#ffbb10;}
#nav li:hover ul li:hover {background:#111;}
#nav li:hover ul li:hover a {color:#ffbb10;}
#nav li:hover ul, #nav li.sfhover ul {left: -2px;}


/*-- Content Area --*/
#content {background:#182585; min-height:500px; border-left:10px solid #FFBB10; border-right:10px solid #FFBB10; padding:0 15px;}
.left_col {float:left;}
.right_col {width:380px; text-align:center; float:left;}

.section_options {font:bold 20px Arial, Helvetica, sans-serif; color:#000; text-align:center; display:block; width:579px; height:88px; padding-top:30px; color:#000; text-decoration:none; background:url(../images/large_callout.jpg) top left no-repeat; position:relative;}
.section_options span.shadowtext {font:bold 20px Arial, Helvetica, sans-serif; color:#fff; text-align:center; display:block; width:579px; height:88px; padding-top:30px; position:absolute; left:1px; top:1px;}
.section_options:hover span.shadowtext {color:#ffbb10;}

/*-- Footer Area --*/
#footer{padding:10px 0;}

/* Form styles */
div.form-container { margin:20px 10px 0px 10px; padding: 5px; background-color: #2033AF; border: #ddd 1px solid; width:500px; color:#ddd;}

p.legend { margin-bottom: 1em; }
p.legend em { color: #FFBB10; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #182585; }
div.errors p { margin: 0; }
div.errors p em { color: #ffbb10; font-style: normal; font-weight: bold; }
div.errors ul {list-style:disc; margin:5px 0 5px 30px;}
div.errors li {font:bold 12px Arial, Helvetica, sans-serif;}

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #ddd; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #fff; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative;}
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #FFBB10; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset label {margin-right:0;}
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }


div#footer {color:#fff;}
div#footer a {color:#fff; text-decoration:none;}
div#footer a:hover {color:#eee; text-decoration:none;}

/*-- Hacks --*/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}