@charset "utf-8";

/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
form {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
input, select, textarea{
	border: 1px solid #b3c5d6;
	margin: 0px;
	padding: 0px;
	font-family: "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #173329;
	text-align: justify;
	vertical-align: middle;
	overflow: hidden;
}
h1 { 
	font-family: "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 7px;
	font-weight: normal;
}

h1.red { 
	font-family: "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF0500;
	margin-top: 0px;
	margin-bottom: 7px;
	font-weight: bold;
	text-align:center;
}


h2 {
	font-family: "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 15px;
}

h2.red {
	font-family: "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0500;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
}


h3 {
	text-align: center;
	font-weight: bold;
	font-family: "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	text-align: left;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FF0500;
}

a {
	color: #000000;
	text-decoration: underline;
	
}
a:hover {
	color: #FF0500;
	text-decoration: none;
}

.submit {
	background-color: #238937;
	border: 1px solid #165623;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.formtable {
	vertical-align: top;
	margin-right: auto;
	margin-left: auto;
}
.formtable td {
	vertical-align: top;
}
.formtable .td-left {

}
.formtable .text {

}
.clear{
	clear:both;
}

.center {
	text-align: center;
}
.ur, .ul, .ll, .lr, .right-shadow, .bottom-shadow{
	overflow:hidden;
	line-height: 0px;
	background-repeat: no-repeat;
}
.ur, .ul, .ll, .lr {
	position: absolute;
	height: 11px;
	width: 11px;
}
.ur{
	background-image: url(/images/ur.gif);
	top: 0px;
	right: 0px;

}
.lr{
	background-image: url(/images/lr.gif);
	bottom: 0px;
	right: 0px;

}
.trans-1, .trans-2, .trans-3, .trans-4, .trans-5, .trans-6, .trans-7, .trans-8 {
	height:1px;
	background-color: #FF3F3F;
	clear: both;
	overflow: hidden;
}
.trans-8 {
	opacity: 0.00;
	filter:alpha(opacity=0); /* IE's opacity*/
}
.trans-7 {
	opacity: 0.10;
	filter:alpha(opacity=10); /* IE's opacity*/
}
.trans-6 {
	opacity: 0.20;
	filter:alpha(opacity=20); /* IE's opacity*/
}
.trans-5 {
	opacity: 0.30;
	filter:alpha(opacity=30); /* IE's opacity*/
}
.trans-4 {
	opacity: 0.40;
	filter:alpha(opacity=40); /* IE's opacity*/
}
.trans-3 {
	opacity: 0.50;
	filter:alpha(opacity=50); /* IE's opacity*/
}
.trans-2 {
	opacity: 0.60;
	filter:alpha(opacity=60); /* IE's opacity*/
}
.trans-1 {
	opacity: 0.70;
	filter:alpha(opacity=70); /* IE's opacity*/
}
p {
	line-height:16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#page-container {
	background-color: #7F7F7F;
	width: 971px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
}
#header {
	height: 118px;

}
#top {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF0500;
	height: 32px;
	font-family: "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 19.41px;
	line-height: 22.8px;
	padding-top: 9px;
	padding-left: 36px;
}
#top #top-nav {
	float: right;
}
#top #top-nav a{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 15px;
	display: block;
	float: left;
	padding-left: 20px;
	position: relative;
	padding-top: 1px;
}

#top #top-nav #home {
	background-image: url(/images/nav-home.gif);
	background-repeat: no-repeat;
}
#top #top-nav #products {
	background-image: url(/images/nav-product.gif);
	background-repeat: no-repeat;
}

#top #top-nav #news {
	background-image: url(/images/nav-news.gif);
	background-repeat: no-repeat;
}
#top #top-nav #contacts {
	background-image: url(/images/nav-contact.gif);
	background-repeat: no-repeat;
}
#nav  {
	height: 43px;


}




#nav a {
	text-decoration: none;
	display: block;
	float: left;
	height: 36px;
	background-repeat: repeat-x;
	background-image: url(/images/nav-bg.jpg);
	font-family: Arial;
	font-size: 13.35px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 20px;
	padding-left: 21px;
	position: relative;
}

#nav a:hover {
	background-image: url(/images/nav-bg-hover.jpg);
}
.about #about, .industries #industries, .technical #technical, .retail #retail, .news #news{
	background-image: url(/images/nav-bg-hover.jpg);
}
.faq #faq {
	background-image: url(/images/nav-new-hover.jpg);
}
.contact #contact, .news #news {
	background-image: url(/images/nav-bg-gray-hover.jpg);
}
a#contact{
	width:77px
}
a#contact, a#news {
	background-image: url(/images/nav-bg-gray.jpg);
}
a#contact:hover, a#news:hover {
	background-image: url(/images/nav-bg-gray-hover.jpg);
}
a#faq {
	background-image: url(/images/nav-faq.jpg);
}
a#faq:hover {
	background-image: url(/images/nav-faq-hover.jpg);
}
#nav  .shadow  {
	position: absolute;
	height: 8px;
	bottom: -8px;
	width: 100%;
	left: 0px;
}


#left {
	width: 276px;
	float: left;
	background-color: #7F7F7F;
	padding-bottom: 45px;
}
#left a{
	color: #453E30;
}
#left a:hover{
	color: #000000;
	text-decoration: none;
}
#left #callout {
	font-family: "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 38px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF0500;
	height: 171px;
	width: 195px;
	position: relative;
	margin-top: 22px;
	padding-top: 25px;
	padding-left: 30px;
}
#left #gallery {
	margin-top: 23px;
	margin-left: 34px;
}
#left #gallery a {
	display: block;
	height: 47px;
	width: 47px;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	background-repeat: no-repeat;

}
#left #gallery #thumbnail-1 {
	background-image: url(/images/small-pics-1b.jpg);
}
#left #gallery #thumbnail-2 {
	background-image: url(/images/small-pics-2.gif);
}
#left #gallery #thumbnail-3 {
	background-image: url(/images/small-pics-3.gif);
}
#left #gallery #thumbnail-4 {
	background-image: url(/images/small-pics-4.gif);
}
#left #gallery #thumbnail-5 {
	background-image: url(/images/small-pics-5.gif);
}
#left #gallery #thumbnail-6 {
	background-image: url(/images/small-pics-6.gif);
}
#left #gallery #thumbnail-7 {
	background-image: url(/images/small-pics-7.gif);
}
#left #gallery #thumbnail-8 {
	background-image: url(/images/small-pics-8.gif);
}
#left #gallery #thumbnail-1:hover {
	background-image: url(/images/small-pics-1b-over.jpg);
}
#left #gallery #thumbnail-2:hover {
	background-image: url(/images/small-pics-2-over.gif);
}
#left #gallery #thumbnail-3:hover {
	background-image: url(/images/small-pics-3-over.gif);
}
#left #gallery #thumbnail-4:hover {
	background-image: url(/images/small-pics-4-over.gif);
}
#left #gallery #thumbnail-5:hover {
	background-image: url(/images/small-pics-5-over.gif);
}
#left #gallery #thumbnail-6:hover {
	background-image: url(/images/small-pics-6-over.gif);
}
#left #gallery #thumbnail-7:hover {
	background-image: url(/images/small-pics-7-over.gif);
}
#left #gallery #thumbnail-8:hover {
	background-image: url(/images/small-pics-8-over.gif);
}

#right {
	background-color: #7F7F7F;
	background-image: url(/images/right-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
}
#right .faq {
	list-style-position: outside;
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #000000;
	line-height:1.4;
}
#right .faq a {
	color: #000000;
	text-decoration: underline;
	
}
#right .faq a:hover {
	color: #FF0500;
	text-decoration: none;
}

#right .faq-answer {
	list-style-position: outside;
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-weight: bold;
	color: #000000;
}

#right #main {
	width: 450px;
	padding-left: 45px;
	min-height:425px;
	background-color: #FFFFFF;
	padding-top: 16px;
	font-size: 13px;
	padding-right: 5px;
	padding-bottom: 14px;
	font-family:  Tahoma, "Myriad Pro",Verdana, Arial, Helvetica, sans-serif;
}

#footer {
	clear: both;
	font-family: "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14.4px;
	font-weight: normal;
	background-color: #FF0500;
	text-align: center;
	height: 24px;
	color: #FFFFFF;
}
.callout {
	background-color: #DBDBDB;
	margin: 20px;
	padding: 20px;
	width: 80%;
	border: thin solid #000000;
	left: auto;
	right: auto;
	text-align:center;
	line-height:1.3;
}