﻿/* Base Styling */

*{padding:0;margin:0;}
body{background:#fff;width:100%;font-family:Arial, Helvetica, sans-serif;font-size:9pt;color:#3d3d3d;line-height:1.7;}
a,img{border:none;outline:none;}
p{margin:0px;}
a, a:visited, a:active{color:#6699cc;}
a:hover{color:#000;}
/* Main Containers */

.lineup{position:relative;background:transparent url('images/dark-bg.png') repeat-x;width:100%;height:10px;}
.lineup2{position:relative;bottom:0;background:#3e3e3e url('images/dark-bg.png') repeat-x;width:100%;height:50px;}
#header-container{position:relative;background:transparent url('images/header-bg.png') repeat-y fixed center center;width:100%;height:171px;}
#header{position:relative;margin:0 auto;background:transparent url('images/header.png') no-repeat;width:976px;height:171px;}
#logo{position:absolute;top:46px;left:0;width:318px;height:75px;}
#nav{position:relative;margin:0 auto;background:transparent url('images/nav-off.png') repeat-x;width:100%;height:37px;}
#navi{position:relative;margin:0 auto;width:976px;height:37px;}
#container{position:relative;margin:0 auto;width:976px;min-height:510px;}
#footer-container{position:relative;margin:0 auto;width:976px}

/* Sub Containers */

.grey{position:relative;float:left;width:100%;padding:15px;background:#edeceb;}
.greyimg{position:relative;float:left;}
.greytext{position:relative;float:left;width:280px;}
.gright{padding-right:20px;}
.gbig{padding-right:70px;}
#content-container{position:absolute;width:976px;}
.background{position:absolute;right:20px;top:50px;width:500px;height:500px;z-index:-1;}

/* Grid Formatting */

.clear{clear:both;}
.c5{clear:both;height:5px;}
.c10{clear:both;height:10px;}
.c20{clear:both;height:20px;}
.c30{clear:both;height:30px;}
.end{margin-right:5px;}

/* List Formatting */

.navo li{list-style:none;display:block;position:relative;float:left;height:37px;}
.navo li:hover{background:transparent url('images/nav-on.png') repeat-x;}
.nav p{position:relative;float:left;margin-left:10px;margin-right:10px;margin-top:9px;}
.nav li .nav-left{background:transparent url('images/nav-off-left.png') no-repeat;position:relative;float:left;width:2px;height:37px;display:block;}
.nav li:hover .nav-left{background:transparent url('images/nav-on-left.png') no-repeat;}

.nav li .nav-right{position:relative;float:left;width:2px;height:37px;display:block;}
div.list{width:460px;position:relative;float:left;}
.list li{list-style: none;background-image: url(images/bullet.png);background-position: left top;background-repeat: no-repeat;padding-left:25px;}
.listdiv{position:relative;float:left;width:300px;}

/* Text Formatting */

.blue{color:#6699cc;}
.big{font-size:20pt;font-family:trebuchet ms;}
.large{font-size:18pt;font-family:trebuchet ms;}
.bold{font-weight:bold;}
.ital{font-style:italic;}
#copyright-text{color:#fff;}

/* Link Formatting */

.nav, .nav li, .nav li a{font-size:8pt;display:block;color:#000;text-decoration:none;cursor:pointer;}
#nav ul li a, #nav{font-size:8pt;display:block;color:#000;text-decoration:none;}

/* Navigation */
#nav-container{position:relative;margin:0 auto;width:976px;height:37px;}
.nav { display: block; margin: 0; padding: 0; position: relative;z-index:1;}
.nav li { list-style:none;display:block;position:relative;float:left;height:37px; }
.nav li:hover{background:transparent url('images/nav-on.png') repeat-x;}
.nav a { display: block; }
.nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;border-left:1px #6bbbdb solid;border-right:1px #6bbbdb solid;border-bottom:1px #6bbbdb solid;}
* html .nav ul { line-height: 0; } /* IE6 "fix" */
.nav ul a { zoom: 1; } /* IE6/7 fix */
.nav ul li {  float: none; background:#9fd2e6 ;border-left:1px #fff solid;border-right:1px #fff solid;border-left:1px #fff solid;}
.nav ul ul { top: 0; }
.nav ul { width: 99.5%; }
.nav ul ul { left: 131px; }

.nav ul li:hover { background:#bce0ef none repeat; }
.nav ul li a { padding-left: 12px;padding-top:10px;}
.nav ul { top: 35px; }
.nav ul a {  border-right: none;  }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* Contact Us Formatting */

.mail{margin:0px;font-size:12pt;font-weight:bold;padding:5px;}
.mail input{padding:5px;font-size:12pt;font-weight:bold;margin-top:5px;color:#6699cc;background:#fff;border:1px #999999 solid;width:200px;font-family:Arial, Helvetica, sans-serif;}
.mail textarea{padding:5px;font-size:12pt;font-weight:bold; margin-top:5px;color:#6699cc;background:#fff;border:1px #999999 solid;width:450px;height:250px;font-family:Arial, Helvetica, sans-serif;}
.mail .send{color:#fff;background:#6699cc;border:0px #999999 solid;font-family:Arial, Helvetica, sans-serif;}
#sent{font-size:9pt;width:750px;height:255px;background-color:#fff;padding:10px;}

/* Footer Formatting */

#copyright{position:relative;float:left;width:100%;height:45px;}
#copyright-text{position:absolute;bottom:0;}
#benzing-logo{position:absolute;right:0;top:7px;width:168px;height:38px;}


