@charset "utf-8";
/* CSS Document */

/* ########## GLOBAL STYLES ########## */


body {background: #191006; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 20px 0; padding: 0;}

.outer_shell {width: 900px; margin: 0 auto;}
.clear, .clr {clear: both;}
.right {float: right;}


.half_column_left {width: 50%; margin: 0 20px 0 0; float: left;}
.half_column_right {overflow: hidden; margin: 0;}

.layer_2 {position: relative; z-index: 99;}

form {margin: 0; padding: 0;}


a:link, a:visited {color: #0075a0; text-decoration: underline;}
a:hover, a:active {text-decoration: underline; color: #191006;}



/* ########## HEADER STYLES ########## */

#header {background: url('header_bg.jpg') no-repeat top left; margin: 0 -25px 0 0; width: 925px; height: 223px;}


/* ########## NAV STYLES ########## */

#nav {clear: both;}
#nav ul {margin: 0 50px; padding: 0;}
#nav ul li {list-style: none; float: left; font-weight: bold; text-transform: uppercase; font-size: 11px; margin: 0;}

#nav ul li a:link, #nav ul li a:visited {display: block; float: left; padding: 10px 20px 20px 20px; color: #d0cbc5; text-decoration: none;}
#nav ul li a:hover, #nav ul li a:active {text-decoration: none; color: #009ccd; background: url('nav_hover_bg.gif') no-repeat bottom center;}

#nav ul li.active a:link, #nav ul li.active a:visited {display: block; float: left; padding: 10px 20px 20px 20px; color: #009ccd; text-decoration: none; background: url('nav_hover_bg_active.gif') no-repeat bottom center;}

/* ########## CONTENT STYLES ########## */

.content_top {background: #d0cbc5 url('content_top.gif') no-repeat; height: 12px; width: 900px;}
.content_bottom {background: url('content_bottom.gif') no-repeat top left; display: block; height: 12px; width: 900px;}

.content_top_2 {background: #d0cbc5 url('content_top_2.gif') no-repeat top left; display: block; height: 12px; width: 900px; clear: both;}
.content_bottom_2 {background: url('content_bottom_2.gif') no-repeat top left; display: block; height: 12px; width: 900px;}

.content_bg {background: url('content_bg.gif') repeat-y;}
.content_bg_2 {background: #d0cbc5;}


#content {padding: 10px;}

#content p {font-size: 12px; line-height: 18px; color: #0f0903; margin: 10px 0 20px 0; position: relative; z-index: 99;}
#content h1 {font-size: 22px; font-weight: normal; color: #0075a0; margin: 0 0 20px 0; padding: 0; font-family: 'Times New Roman';}
#content h2 {font-size: 22px; font-weight: normal; color: #5e4c3b; margin: 20px 0; padding: 0; font-family: 'Times New Roman'; text-align: center;}
#content h3 {font-size: 18px; font-weight: normal; color: #0075a0; margin: 20px 0; padding: 0; font-family: 'Times New Roman';}

#dialog h1 {font-size: 20px; font-weight: normal; color: #0075a0; margin: 0 0 10px 0; padding: 0; font-family: 'Times New Roman';}

#content ul.list {margin: 10px 40px; padding: 0;}
#content ul.list li {list-style: none; float: left; padding: 5px 5px 5px 25px; width: 200px; background: url('bullet.gif') no-repeat left center;}

.side_column {width: 255px; display: block; float: left; margin: 0; padding: 0 0 0 10px; color: #5e4c3b; font-size: 12px;}
.main_column {width: 580px; display: block; float: left; margin: 0; padding: 0 10px 0 0;}


a.order:link, a.order:visited {display: block; width: 262px; height: 78px; background: url('order_button.gif') no-repeat 0 0; padding: 0; position: relative; top: 0; left: 15px;}
a.order:hover, a.order:active {display: block; width: 262px; height: 78px; background: url('order_button.gif') no-repeat 0 -78px; padding: 0; position: relative; top: 0; left: 15px;}

#content ul.side {width: 250px; margin: 0 20px; padding: 0;}
#content ul.side li {list-style: none; padding: 3px 0;}
#content ul.side li.label {width: 75px; text-transform: uppercase; color: #5e4c3b; font-size: 11px; font-weight: bold; float: left;}
#content ul.side li.element {width: 175px; float: left;}
#content ul.side li.name {clear: both; display: block; color: #0075a0; padding: 10px 0;}


/* ########## FOOTER STYLES ########## */

#footer {clear: both; padding: 20px 0 0 0; color: #d0cbc5; font-size: 11px;}

#footer div.panel_1 {width: 290px; padding: 0 5px; float: left;}
#footer div.panel_2 {width: 265px; padding: 0 5px; float: left;}
#footer div.panel_3 {width: 315px; padding: 0 5px; float: left;}

#footer h1 {color: #c3ac95; font-family: 'Times New Roman'; font-weight: normal; font-size: 18px; margin: 10px 0; padding: 0;}
#footer p {font-size: 10px; font-weight: bold; line-height: 20px;}

#footer ul {margin: 0; padding: 0;}
#footer ul li {list-style: none; float: left; font-weight: bold; font-size: 11px; padding: 3px 0; width: 135px;}
#footer ul li.label {width: 75px; text-transform: uppercase; color: #c3ac95; font-size: 10px;}
#footer ul li.element {width: 160px;}

#footer ul li a:link, #footer ul li a:visited {color: #d0cbc5; text-decoration: none; line-height: 20px;}
#footer ul li a:hover, #footer ul li a:active {text-decoration: none; color: #009ccd;}

#footer a.blufyre:link, #footer a.blufyre:visited {display: block; float: right; width: 117px; height: 39px; background: url('blufyre_tag.gif') no-repeat 0 0;}
#footer a.blufyre:hover, #footer a.blufyre:active {background: url('blufyre_tag.gif') no-repeat 0 -39px;}

#footer a:link, #footer a:visited {color: #d0cbc5; text-decoration: none;}
#footer a:hover, #footer a:active {text-decoration: none; color: #009ccd;}


/* FORM ERROR STYLES */

#error_box {border-top: 1px dashed #c6c5d0; border-bottom: 1px dashed #c6c5d0; color: #980000; font-size: 11px; font-weight: bold; line-height: 18px; text-align: left; padding: 0 10px; margin-top: 10px;}



/* FORM SUCCESS STYLES */

#success_box {background: #E5F5DF; border: 1px solid #A3C894; margin: 10px; padding: 10px; color: #5F6672; font-size: 11px; font-weight: bold; line-height: 24px; text-align: center;}
#success_box h1 {color: #17A400; font-size: 18px; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; text-align: center; font-family: arial;}


/* CONTACT FORM STYLES */


#form {padding: 10px 0px;}

#form h1.subtitle {background: #b7ada1; color: #0f0903; padding: 5px; margin: 0; border-top: 1px solid #a09384; border-bottom: 1px solid #a09384; font-size: 18px; position: relative; z-index: 0;}

#form div.field_box {padding: 5px 5px 5px 30px; text-align: left; margin: 2px; clear: both; color: #0075a0;}
#form div.field_box_2 {padding: 5px 5px 5px 30px; color: #980000; text-align: left; margin: 2px; clear: both; background: url('field_error.gif') no-repeat 8px 8px;}
#form div.required {background: url('bullet.gif') no-repeat 8px 12px;}


#form div.field_box_odd {padding: 5px 5px 5px 30px; text-align: left; margin: 2px; clear: both; color: #09547b;}
#form div.field_box_2_odd {padding: 5px 5px 5px 30px; color: #980000; text-align: left; margin: 2px; clear: both; background: url('field_error.gif') no-repeat 8px 8px;}


#form input.field, #form textarea.field {background: #ffffff; border: 2px solid #b7ada1; padding: 5px;}
#form input.field:focus, #form textarea.field:focus {background: #ffffff; border: 2px solid #009ccd;}

#form input.field {width: 175px;}
#form input.verify {width: 100px;}
#form input.email {width: 300px;}

#form textarea.field {width: 250px; height: 150px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}

#form #instructions {width: 593px; height: 100px;}

#form div.submit {text-align: center;}
#form label {float: left; display: block; padding: 5px 5px; width: 175px; font-size: 12px; font-weight: bold;}

#form p {clear: both; padding: 10px 5px; margin: 5px 0;}

#form span.note {font-size: 11px; color: #332a18; font-weight: normal;}

#form input.submit {background: url('button_submit.gif') no-repeat 0 0; width: 131px; height: 46px; border: 0; padding: 0; cursor: pointer;}
#form input.submit:hover {background: url('button_submit.gif') no-repeat 0 -46px;}


.ver_code {float: left; margin-left: 20px;}
#ver_code {float: left;}