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

body{
   margin:0px;
   padding:0px;
   background:#e4e8ee url(../images/background.png) repeat-x top;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 18px;
}
h3{
  font-size:14px;
  font-weight:600;
  color:#1c1b8a;
  border-bottom:#CCCCCC 1px dashed;
  padding-bottom:8px;
}
h4{
  font-size:14px;
  font-weight:600;
  color:#0000CC;
  margin-top:0px;
}
h5{
  font-size:14px;
  font-weight:600;
  color:#1c1b8a;
  padding-bottom:8px;
  padding-left:20px;
  background:url(../images/dot.gif) no-repeat center left;
  border-bottom:#CCCCCC 1px dashed;
}
p{
  font-size:12px;
  font-weight:normal;
  color:#000000;
  line-height:18px;
}
a{
  font-size:12px;
  font-weight:normal;
  color:#606dc4;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

img {
	border: none;
	margin: none;
}

td {
	height: 26px;
}

/* page top */
#top{
  width:970px;
  height:100px;
  background-color:#FFFFFF;
  margin:0px auto;
  padding:4px;
}
.logo{
  width:196px;
  height:100px;
  background:url(../images/logo.png) no-repeat;
  float:left;
}
.container_header_nav{
  width:770px;
  padding-left:4px;
  float:right;
}
.page_header{
  width:755px;
  height:46px;
  background:url(../images/top_header_background.png) no-repeat top left;
  font-size:20px;
  font-weight:600;
  color:#a7b0d8;
  line-height:46px;
  padding-left:15px;
  float:right;
}
#navigation{
  width:770px;
  height:54px;
  background:url(../images/nav_background.png) repeat-x bottom;
  clear:both;
  position:relative;
}
#navigation ul {
  padding:0;
  margin-top:6px;
  float:right;
}
#navigation li{
  list-style:none;
  float:left;
  margin:0;
  padding:0;
  background:url(../images/line.gif) no-repeat right;
  line-height:24px;
}
#navigation .current a{
  background:none;
}
#navigation .current a span{
  float:left;
  display:block;
  background:none;
  color:#000;
  font-size:12px;
  font-weight:bold;
}
#navigation a {
  float:left;
  background:none;
  margin-right:2px;
  text-decoration:none;
}
#navigation a span {
  float:left;
  display:block;
  background:none;
  color:#000;
  padding:0 12px;
  font-size:12px;
  font-weight:bold;
}

#navigation li ul.Products{
  visibility:hidden;
  font-size:12px;
  background:none;
  display:block;
	position:absolute;
	top:30px;
	margin-top:0px;
	left:170px;
	width:500px;
	background:none;
}

#navigation li:hover a {
  background:none;
}
#navigation li:hover a span{
	background:#e2e2e2;
}
#navigation li ul li{
  float:left;
  background:none;
}

#navigation li ul a{
  background:none;
  padding:2px 15px;
  margin-right:1px;
}

#navigation li ul a:link {
  color:#1d1b88;
  text-decoration:none;
  background:none;
}
#navigation li ul a:visited {
  color:#1d1b88;
  text-decoration:none;
}
#navigation li ul a:hover {
  color: #1d1b88;
  text-decoration:none;
  font-style:oblique;
  font-weight:bold;
  background:none;
}
#navigation table {
	position:absolute;
	top:0;
	left:0;
}
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible;}

#navigation a:hover{background:#e2e2e2;}
#navigation a:hover span {background:#e2e2e2;}
/*
#navigation a:hover{background:url(../images/nav_background.png) repeat-x bottom;}
#navigation a:hover span {background:url(../images/nav_background.png) repeat-x bottom;}
*/

.h3normal{
	color: #000000;
	font-size: 13px;
	font-weight: normal;

}

/* banner */
#banner{
  width:970px;
  background-color:#FFFFFF;
  margin:0px auto;
  padding:0px 4px 4px 4px;
}

#content_container{
  width:970px;
  background-color:#FFFFFF;
  margin:0px auto;
  padding:15px 4px 4px 4px;
}
#left{
  width:196px;
  float:left;
}
.left_01{
  width:186px;
  padding:0px 5px 4px 5px;
}
.left_02{
  width:184px;
  padding:5px;
  margin-top:10px;
  background-color:#fafafa;
  border:1px #eaeaec solid;
}
.title{
  color: #1C2591;
  font-size:12px;
  font-weight:bold;
  display:block;
  line-height:20px;
}
.left_02 ul{
  list-style:none;
  margin:0px 0px 15px;
  padding:0px;
  font-size:12px;
  font-weight:normal;
  color:#000000;
  line-height:20px;
}
#right{
  width:762px;
  padding:0px 0px 0px 8px;
  float:right;
}

#right img {
   margin:10px;
   border:1px #1c1b8a solid;
   padding:3px;
}

.events{
  text-align:left;
  padding-bottom:5px;
  overflow:visible;
  height:auto;
}
.date{
  font-size:12px;
  font-weight:normal;
  color:#959595;
  padding-left:22px;
  padding-right:5px;
  display:block;
  float:right;
}
.img_right{
  float:right;
  margin:10px;
  border:1px #1c1b8a solid;
  padding:3px;
}
.img_left{
  float:left;
  margin:10px;
  border:1px #1c1b8a solid;
  padding:3px;
}
.test{
  clear:both;
}

/* Products */

#product {
	float: left;
	width: 232px;
	margin-bottom: 20px;
}

.product_title {
	float: left;
	width: 222px;
	height: 20px;
	background: #1C2591;
	padding-left: 10px;
	border-top: 1px solid white;
	color: #FFFFFF;
}

#product h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	display: inherit;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 20px;
}

#product h2 {
	margin-top: 0px;
	font-size: 12px;
	line-height: 18px;
	background:none;
	color: #000099;
	border:0;
	padding:0;
}

h2{
  font-size:18px;
  font-weight:600;
  color:#1c1b8a;
  padding-bottom:8px;
  padding-left:20px;
  background:url(../images/dot.gif) no-repeat center left;
  border-bottom:#CCCCCC 1px dashed;
}

#product ul {
	padding-left: 15px;
	margin-top: 10px;
}

#product il {
	padding-left: 10px;

}

.product_info {
	float: left;
	width: 221px;
	height: 250px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#page {
	float: left;
	width: 928px;
	padding-left: 21px;
	margin-bottom: 20px;
}

#page h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	display: inherit;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 20px;
}

#page h2 {
	margin-top: 0px;
	font-size: 12px;
	line-height: 18px;
	background:none;
	color: #000099;
	border:0;
	padding:0;
}

.page_title {
	float: left;
	width: 918px;
	height: 20px;
	background: #1C2591;
	padding-left: 10px;
	border-top: 1px solid white;
	color: #FFFFFF;
}

.page_content {
	float: left;
	width: 490px;
	height: 250px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	border-left: 1px solid #999999;
	border-bottom:  1px solid #999999;
	border-right: 1px solid #999999;
}

.page_info {
	float: right;
	width: 202px;
	height: 250px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

/* Events */

#upcoming_events {
	float: left;
	width: 615px;
}

#event_title {
	float: left;
	width: 615px;
	height: 26px;
	background: url(../images/bar.gif) repeat-x;
	padding: 0 0px 0px 0;
	margin: 0;
}

.date_title {
	float: left;
	width: 130px;
}

.name_title {
	float: left;
	width: 235px;
}

.contact_title {
	float: left;
	width: 170px;
}

.map_title {
	width: 80px;
	float: left;
}

#upcoming_events h1 {
	font-size: 14px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom:0px;
}

#upcoming_events h3 {
	color: white;
	font-size: 12px;
	line-height: 26px;
	text-transform: uppercase;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	font-weight: normal;
}

#event_info {
	width: 615px;
	float: left;
}

.event_date {
	float: left;
	width: 110px;
	padding:10px;
}

.event_name {
	float: left;
	width: 205px;
	padding:10px;
}

.event_contact {
	float: left;
	width: 150px;
	padding:10px;
}

.event_map {
	width: 60px;
	float: left;
	padding:10px;
}

.gray {
	background: #EEEEEE;
}

#event_map {
float: right;
width: 350px;
}

/* Service */

#service {
	width:970px;
	float:left;
	padding-top:10px;
	padding-bottom:20px;
}

#service_title {
	float: left;
	width: 970px;
	height: 26px;
	background: url(../images/bar.gif) repeat-x;
	padding: 0 0px 0px 0;
	margin: 0;
}

#service_title1 {
	float: left;
	width: 970px;
	height: 26px;
	background: url(../images/bar_red.gif) repeat-x;
	padding: 0 0px 0px 0;
	margin: 0;
}

#service h1 {
	font-size: 14px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom:0px;
}

#service h3 {
	color: white;
	font-size: 12px;
	line-height: 26px;
	text-transform: uppercase;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	font-weight: normal;
}

#service_info {
	width: 970px;
	float: left;
}

.service_services {
	float: left;
	width: 250px;
	padding:10px;
}

.service_name {
	float: left;
	width: 350px;
	padding:10px;
}

.service_contact {
	float: left;
	width: 230px;
	padding:10px;
}

.service_map {
	width: 60px;
	float: left;
	padding:10px;
}

.gray {
	background: #EEEEEE;
}

/* Contact */

#contact {
	float: left;
	width: 750px;
	padding-left: 125px;
	padding-bottom: 20px;
}

.contact_info {
	float: left;
	width: 280px;
	padding-right: 20px;
}

.contact_form {
	margin-top: 16px;
	float: right;
	width: 450px;
}

/* Inventory */

#inventory {
	float:right;
	width:748px;
	padding:5px;
	margin-bottom: 20px;
	border:1px #eaeaec solid;
}

#inventory h1 {
	font-size: 14px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom:0px;
}

#inventory h3 {
	color: white;
	font-size: 12px;
	line-height: 26px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	font-weight: normal;
}

/* Spec Sheet */

#specsheet h2{
  font-size:18px;
  font-weight:600;
  color:#1c1b8a;
  padding-bottom:8px;
  padding-left:20px;
  background:url(../images/dot.gif) no-repeat center left;
  border-bottom:#CCCCCC 1px dashed;
}

.speccolumn1 {
	float:left;
	width:540px;
	padding:5px;
 	border:1px #eaeaec solid;
}

.speccolumn2 {
	float:right;
	width:400px;
	padding:5px;
 	background-color:#fafafa;
 	border:1px #eaeaec solid;
}

.speccolumn2 img {
	padding:4px;
	border:1px #CCCCCC solid;
	background:white;
}

/* Footer */

#footer{
  margin:0px auto;
  background: #fff;
  width:970px;
  padding:4px;
}
.footer_container{
  width:970px;
  height:69px;
  background:url(../images/footer_background.gif) repeat-x top left;
}
.footer{
  width:960px;
  padding-top:16px;
  padding-left:5px;
  padding-right:5px;
  text-align:center;
  float:left;
  font-size:12px;
  font-weight:normal;
  color:#fff;
  text-decoration:none;
}
.footer a{
  font-size:12px;
  font-weight:normal;
  color:#fff;
  text-decoration:none;
}
.footer a:hover{
  text-decoration:underline;
}
.footer span{
  color:#7a88df;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
}