/* Stylesheet and design copyrighted by Balmain DESIGN - www.balmaindesign.com */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

img { border: none;}

/* layout.css */

body {text-align: center;
background-color: #f6f6f6;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.0em; 
line-height: 1.2em;}

#container {
width:960px;
text-align:left;
margin:0 auto;}

#box_top {
background-image: url(images/boxtop.gif);
height:62px;
background-repeat: no-repeat; }

#content {
width:960px;
background-repeat: repeat-y;
background-image: url(images/content_bg.gif); }

/* main navigation */

#mainnav {
width:870px;
height:40px;
position:relative;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
top:5px;
font-weight:normal;
background: url(images/stripe.gif) no-repeat bottom right;
 padding-bottom:10px;
margin-bottom:20px;}

#mainnav li{
float: right;
list-style-type:none;
padding-right:15px;
padding-top:15px;
font-size: .75em; }

#mainnav li a{
color: #64a000;
text-decoration: none;
position:relative;  /* *** IE correction to show top border at hover *** */}

#mainnav li a:hover{
color: #64a000;
background: url(images/dot.gif) repeat-x bottom;
 padding-bottom:3px}

#home #mainnav-home{
font-weight:bold}

#concept #mainnav-concept{
font-weight:bold}

#installation #mainnav-installation{
font-weight:bold}

#faq #mainnav-faq{
font-weight:bold}

#hmg #mainnav-hmg{
font-weight:bold}

#contact #mainnav-contact{
font-weight:bold}

h1{
font-size:2em;
padding-left:100px;
padding-top:10px;
padding-bottom:20px;
color: #191919; }

h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
padding-bottom:15px;
padding-left:100px;
padding-top:10px;
color: #333333; }

h3{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
padding-left:100px;
padding-bottom:5px;
color: #4c4c4c; }

p {
padding-left:100px;
padding-right:100px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
line-height: 1.45em;
padding-bottom: 20px;}

.content_list{
padding-bottom:10px;
font-family: Times, "Times New Roman", serif;
font-size: .9em;
padding-left:115px; }

.content_list li{
list-style-type: square;}

.view_horizontal{
margin-left:80px;}

#faqs{
width:760px;
padding-left:100px;
padding-top:20px;
padding-bottom:20px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em; }

.faq_question{
font-weight: bold;
font-size:.785em;
padding-bottom:2px; }

.faq_reply{
padding-bottom:5px;}

.faq_lite{
background-color: #e6e6e6;
padding-left:10px;
padding-right:10px;}

.faq_white{
background-color: #fff;
padding-left:10px;
padding-right:10px;}

.contact{
padding-bottom:10px;
font-family: Times, "Times New Roman", serif;
font-size: .9em;
padding-left:100px;}

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-right: 15px;
color: #64a000; }

.clearfloats {
clear:both}

/* footer */

#footer {
background-repeat: no-repeat;
background-image: url(images/footer.gif); } 

#footer p {
color: #666666;
font-size: .6em;
padding-top:50px;
padding-bottom:15px;
text-align: center; }

#footer a:link{
color: #7f7f7f;
text-decoration: underline; }

#footer a:visited{
color: #7f7f7f;
text-decoration: underline; }

#footer a:hover{
text-decoration: none;
color: #7f7f7f; }

a[href^="http:"] {
background: url(images/externalLink.gif) no-repeat right top;
padding-right: 10px;
text-decoration:underline;}

/* HMG Table */

table{
margin-left:100px;
border-collapse: collapse;
width:25em;
border: 1px solid #666;}

th, td{
padding: 0.1em 1em;}

td{
font-size:.8em;}

caption{
font-size:0.9em;
font-weight: bold;
margin-top:.5em;
margin-bottom:.5em;
 }

col{
border-right: 1px solid #666;}

col#Position{
border:none;}

thead{
background: #ccc ;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;}

th{
font-weight:normal;
text-align:left;}

.odd{
background-color: #d8d9e2}

/* links */

a {}

a:link {
color: #64a000;}

a:visited {
color: #64a000;}

a:hover {
text-decoration: none; }

a:active {
color: #64a000;}