﻿@charset "utf-8";

body{
margin:0px;
padding:0px;
background-repeat:repeat-x;
background-image:url("../images/bg_body.jpg");
}
.element{
margin:0px auto;
width:944px;
}
div#header{
position:relative;
}
div#header div#extraInfo{
margin-right:7px;
color:#6f6f6f;
line-height:50px;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
right:0px;
}
img#logo{
border:none;
left:7px;
top:8px;
position:absolute;
}
img#headerMap{
height:322px;
display:block;
border:none;
}
ul#sidebar{
margin:0px;
margin-left:9px;
margin-top:7px;
padding:0px;
width:140px;
font-size:12px;
font-weight:bold;
list-style-type:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
float:left;
}
ul#sidebar li{
margin-bottom:10px;margin-top:0px;
color:#0065c9;
}
ul#sidebar li a{
	color: #003365;
	text-decoration: none;
	vertical-align: middle;
	margin-top:2px;
}
ul#sidebar li a:hover{
color:#0065c9;
}
div#content{
width:620px;
text-align:justify;
float:left;
}
div#content h1{
margin:0px;
margin-left:20px;
margin-top:17px;
margin-bottom:25px;
padding:0px;
color:#0065c9;
line-height:0px;
font-size:24px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}
div#content a{
color:#0065c9;
font-weight:bold;
}
div#content a:hover{
color:#003365;
}
div#content p, div#content ul{
margin:20px;
padding:0px;
font-size:12px;
color:#666;
font-family:Arial, Helvetica, sans-serif;
}
div#content p:hover, div#content ul:hover{
color:#333;
}
div#content ul{
margin:40px;
}
div#content p.tagline{
color:#0065c9;
text-align:right;
font-weight:bold;
font-style:normal;
font-size:14px;
}
div#content div.testimonial{
margin:20px;
font-style:italic;
background-repeat:repeat-x;
background-image:url("../images/bg_testimonial.jpg");
border:1px solid #CCC;
}
div#content h2{
margin:20px;
margin-bottom:0px;
padding:0px;
color:#003365;
line-height:10px;
font-style:italic;
font-weight:bold;
font-size:16px;
}
div#content div.rule{
margin:20px;
border-bottom:1px dotted #0065c9;
clear:both;
}
div#content img.photo{
margin:20px;
margin-top:0px;
padding:3px;
float:right;
border:2px solid #0065c9;
}
ul#badgeBar{
margin:0px;
margin-top:7px;
padding:0px;
width:171px;
list-style-type:none;
float:right;
}
ul#badgeBar a{
cursor:pointer;
}
ul#badgeBar img{
border:none;
}
ul#footer{
padding:0px;
color:#003365;
font-size:9px;
text-align:right;
list-style-type:none;
line-height:40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top:1px solid #003365;
clear:both;
}
ul#footer li{
float:left;
}
ul#footer li a{
color:#003365;
font-weight:bold;
text-decoration:none;
}
ul#footer li a:hover{
color:#0065c9;
cursor:pointer;
}
ul#footer li#copy{
float:right;
}

table.downloadPanel, table#locations, table.news{
margin:20px auto;
margin-top:0px;
width:580px;
}

table.downloadPanel thead th, table#locations thead th{
color:#003365;
font-weight:bold;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
table.downloadPanel td, table#locations td{
background-color:#EFEFEF;
}
table#locations td{
width:50%;
vertical-align:top;
text-align:left;
}
table.downloadPanel td.icons:hover{
background-color:#e5e5e5;
}
table.downloadPanel td.icons{
width:60px;
height:60px;
}
table.downloadPanel td.icons img{
margin:0px auto;
display:block;
}
table.downloadPanel td.document{
font-weight:bold;
}
table.downloadPanel td.downloads{
font-size:9px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#FFF;
}
table.downloadPanel img{
border:none;
}

iframe#locationsMap{
margin:0px;
width:100%;
height:350px;
border:none;
overflow:hidden;
display:block;
}
p.locationInfo{
padding-bottom:0px;
font-weight:bold;
}
a.locationInfo{
margin:20px;
display:block;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
p#locationWater{
font-weight:bold;
text-align:center;
}
a.email{
margin-right:5px;
padding-left:32px;
height:10px;
color:#003365;
text-decoration:none;
background-repeat:no-repeat;
background-position:left center;
background-image:url("../images/iconEmail.gif");
}

p.timeStamp{
padding:0px;
text-align:right;
}

form#contactForm{
margin:0px;
padding:0px;
height:210px;
background-color:#FFF;
}
form#contactForm div.formInfo{
width:49%;
}
form#contactForm div#nameContainer{
float:left;
}
form#contactForm div#emailContainer{
float:right;
}
form#contactForm label{
color:#0065c9;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
form#contactForm input#name, form#contactForm input#email{
width:98%;
display:block;
}
form#contactForm textarea#comments{
width:99%;
height:100px;
}
form#contactForm input#button{
margin-top:5px;
width:100%;
height:30px;
color:#FFF;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-color:#0065c9;
border:none;
}
form#contactForm input#button:hover{
background-color:#003365;
cursor:pointer;
}

div#overLay{
width:100%;
height:100%;
position:fixed;
text-align:center;
top:0px;
left:0px;
background-image:url("../images/bg_inventory.png");
cursor:pointer;
}
div#overLayContainer{
margin:0px auto;
margin-top:-218px;
margin-left:-352px;
width:706px;
top:50%;
left:50%;
position:absolute;
}
a#closeButton{
width:200px;
line-height:30px;
color:#FFF;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
float:right;
display:block;
background-color:#333;
}
a#closeButton:hover{
color:#CCC;
}
iframe#inventory{
width:700px;
height:400px;
background-color:#FFF;
border:3px solid #333;
}
h3{
margin:20px;
padding:5px;
color:#FFF;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background-color:#CCC;
clear:both;
}
ul.list{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul.list li a{
color:#6f6f6f;
}
p.emphasis{
font-weight:bold;
font-size:24px;
text-align:center;
}
hr.clearAll{
clear:both;
}

.edittable{
font-family:Helvetica, sans-serif;
font-size:12px;

}
.specification{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.menu-bg {
	width: 140px;
	padding: 4px 4px 8px 5px;
	margin-bottom:0px;
	background-image: url('../images/menu-bg.png');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0065c9;
	float: left;
	text-decoration: none;

	display: block;
	vertical-align: middle;
}
.menu-current {
	width: 140px;
		margin-bottom:0px;
	padding: 4px 4px 8px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;

	display: block;
}
.menu-bg-ON{
	color: #FFFFFF;
	vertical-align: middle;
}
.menu-OFF {
	width: 140px;
	padding: 4px 4px 8px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: blue;
	text-decoration: none;
	float: left;

	display: block;
	vertical-align: super;
}
.menu-OFF2 {
	width: 140px;
	padding: 2px 4px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: blue;
	text-decoration: none;
	float: left;
	line-height: 12px;
	display: block;
	vertical-align: super;
}

.menu-bg:hover{
	color: white;
	vertical-align: middle;
}
.menu-current:hover{
	color: blue;
	vertical-align: middle;
}
.menu-OFF:hover{
	color: white;
	vertical-align: middle;
}
.menu-OFF2:hover{
	color: white;
	vertical-align: middle;
}

