/* -------------------------- authentic.css -------------------------- */

* {margin: 0; padding: 0;}

img {border: 0px;}

.clearer {height: 0; line-height: 0px; clear:both;}

body {font-size: 12px; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #7B7163; margin: 5px;}

/* Site
------------------------------ */

#constraint {width: 875px; margin: 0 auto; background-color: #FAF9F5; border: 1px solid #727755;}

#header {/* height: 40px; */}

.logo {float: left; width: 200px; padding: 10px;}

#featureArea {text-align: center; font-size: 1em; font-weight: bold;}

.noFlash {padding: 10px; color: #E0F0FF; background-color: #003366; border-top: 1px solid #727755; border-bottom: 1px solid #727755;}

#contentArea {padding: 10px; clear: both;}

#mainArea {float: left; width: 575px;}

#subArea {float: right; width: 240px; margin-left: 20px;}

#footer {clear: both; padding: 5px; text-align: center; color: #000000; background-color: #C0C4AB; border-top: 1px solid #727755;}

#credits {display: block; width: 875px; margin: 0 auto; margin-top: 3px; margin-bottom: 3px; text-align: center; padding: 3px; font-size: 10px; color: #3E3932;}

#credits a {color: #3E3932; font-weight: normal;}

/* Category Box
------------------------------ */

.categoryBox {margin-top: 1em; margin-bottom: 1em;}

.categoryBox h2 {margin-bottom: 5px; border-bottom: 1px solid #727755;}

body#solutionsCategory .categoryBox {float: left; width: 90%; padding: 10px;}

/* Product Box
------------------------------ */

.productBox, .productArea {width: 45%; float: left; padding: 5px; margin: 5px; height: 14em;}

.productBox img {float: left; margin: 5px; margin-right: 10px; border: 1px solid #727755;}

body#solutionsCategory .productBox {width: 47%; height: auto; margin: 0; padding: 0;}

body#solutionsCategory .productBox a {display: block; padding: 5px; margin-left: 1em; margin-right: 1em; border-bottom: 1px solid #DFD7BF;}

body#solutionsCategory .productBox a:hover {background-color: #ABB191;}

/* Products
------------------------------ */

.productArea {height: 16em;}

body#products .productArea h2 a {color: #B95E0E; font-weight: normal;}

/* Product Detail
------------------------------ */

body#productsDetail h1 {margin-bottom: 5px; border-bottom: 1px solid #727755;}

body#productsDetail h2 {margin-bottom: 5px;}

body#productsDetail #mainArea img {float: left; margin-right: 10px; border: 1px solid #727755;}

body#productsDetail h5 {display: none;}

/* Special Box
------------------------------ */

.specialBox {margin-bottom: 1em; padding-bottom: 10px; background-image: url('images/boxBottom.jpg'); background-repeat: no-repeat; background-position: bottom left;}

.specialBox h2 {text-align: center; background-image: url('images/boxTop.jpg'); background-repeat: no-repeat; background-position: top left;}

.specialBox h2, .specialBox p, .specialBox ol, .specialBox h5 {padding: 8px;}

.specialBox ul {padding: 8px; margin-left: 15px;}

.specialBox ul li {margin-top: 1em; margin-bottom: 1em; display: block;}

.specialBox span {display: block; padding-left: 8px; padding-right: 8px; line-height: 1.5em;}

.specialBox a {display: block; padding: 5px; border-top: 1px solid #DFD7BF;}

.specialBox a:hover {background-color: #ABB191;}

.specialBox img {float: right; border: 1px solid #727755;}

/* Special Burst
------------------------------ */

.specialBurst {float: right; width: 55px; height: 55px; margin: 3px; background-image: url('images/burst.gif'); background-repeat: no-repeat; background-position: bottom left;}

/* Navigation
------------------------------ */

#navigation {float: right; margin-top: 20px; margin-bottom: 5px;}

ul#nav {list-style-type: none;}

ul#nav li {float: left; width: 100px; position: relative; text-align: center; font-size: 1em;}

ul#nav li ul {display: none; position: absolute; list-style-type: none; top: 1.3em; left: 0; z-index: 100; background-color: #FAF9F5; border: 1px solid #DFD8BF;}

ul#nav li ul li {padding: 5px; font-size: 12px; border: 1px solid #FFFFFF; border-bottom: 1px solid #727755; line-height: 1.25em;}

ul#nav li > #nav ul {top: auto; left: auto;}

ul#nav li:hover ul, #nav li.over ul {display: block; cursor: pointer;}

ul#nav li ul li:hover {background-color: #D1C8A3;}

body#home ul li#homeButton, body#about ul li#aboutButton, body#products ul li#productsButton, body#productsCategory ul li#productsButton, body#productsDetail ul li#productsButton, body#solutionsCategory ul li#solutionsButton, body#support ul li#supportButton, body#contact ul li#contactButton  {padding-bottom: 5px; border-bottom: 2px solid #B95E0E;}

/* Text
------------------------------ */

h1, h2, h3, h4, h5 {color: #B95E0E; font-weight: normal; font-family: Gill Sans, Geneva, Arial, Verdana, sans-serif;}

h1 {font-size: 2.25em;}

h2 {font-size: 1.85em;}

h3 {font-size: 1.5em;}

h4 {font-size: 1.25em;}

h5 {font-size: 1em;}

p {color: #292415; margin-top: 1em; margin-bottom: 1em; line-height: 1.5em;}

ol {list-style-type: none;}

#mainArea ul {margin-left: 20px; margin-bottom: 20px;}

#mainArea li {line-height: 1.5em; margin-top: 1em; margin-bottom: 1em;}

.success {padding: 10px; text-align: center; background-color: #B95E0E; border: 1px solid #727755;}

/* Links
------------------------------ */
a {font-weight: bold; color: #292415; text-decoration: none;}

.noFlash a {color: #5CADFF;}

iframe {
width: 100%;
border: 1px solid #727755;
}

/* -------------------------- formStyles.css -------------------------- */

#contactForm {clear: both; padding-top: 10px;}

form {/* styles the form tag. by default IE give the form tag a predefined margin */margin: 0;}

.formBlock {/* container for form elements allows for easy break up */float: left; width: 275px;}

.formRow {/* container for one form element. Contains the label and field styles */clear: both; padding-bottom: 5px;}

label {/* styles the label tag */display: block;}

.radioBlock {float: left; margin-right: 5px;}

.radioBlock label, .radioBlock input {float: left; padding-left: 3px;}

.field {/* surrounds the type of field for data */}

.required {/* this class will color code and give a visual clue to the user what information is requied */font-weight: normal; color: #CC0000;}

select {/* styles the select boxes */width: 150px;}

#commentsBox {clear: both; padding-top: 10px;}

#submitBlock {/* container for the submit and reset buttons */clear: both; text-align: center; padding-top: 20px; padding-bottom: 20px;}

input, textarea {font-size: 100%; font-family: Verdana, Arial, sans-serif; }

body#quoteRequest .formBlock {
float: none;
width: 100%;
border-bottom: 1px solid #CCCCCC;
}

body#quoteRequest .formBlock label {
float: left;
width: 300px;
}

.checkerBox {
float: left;
width: 45%;
padding: 3px;
border-bottom: 1px solid #CCCCCC;
}

.checkerBox input {
float: left;

}

.checkerBox label {
float: left;
margin-left: 3px;
}