/* basic */

html {
	height: 101%;
	overflow: -moz-scrollbars-vertical;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin: 0;
	border-width: 0;
	text-align: center;
	color: black;
	background: white url(../images/bg.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
h4{
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	line-height: 21px;
	padding: 0px;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 255px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0186ac;
	font-weight: normal;
	margin-bottom: 10px;

}
h3.maroon{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #a20538;
	font-weight: normal;
	margin-bottom: 10px;

}
h3.orange{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #de3027;
	font-weight: normal;
	margin-bottom: 10px;

}
h3.green{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #8fa910;
	font-weight: normal;
	margin-bottom: 10px;

}
h3.blue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006693;
	font-weight: normal;
	margin-bottom: 10px;

}
#print {
	display: none;
}
a img {
	border-width: 0;
}

/* date */

#date {
	width: 815px;
	margin: 0 auto;
	text-align: right;
	padding: 5px 10px;
	color: #0d74a1;
	font-size: 1.4em;
	line-height: 1.5em;
}

/* container */

.container {
	width: 835px;
	margin: 0 auto 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #d0d0d0;
	border-right-color: #d0d0d0;
	border-bottom-color: #d0d0d0;
	border-left-color: #d0d0d0;
}
.clearing {
	clear: both;
}

/* top */

#top {
	display: block;
	width: 834px;
	height: 141px;
	position: relative;
	left: 1px;

}

#index {
	width: 122px;
	height: 141px;
	display: block;
	float: left;
}

/* nav */

.nav {
	width: 117px;
	float: left;
}

#navtop {
	height: 9px;
	background: url(../images/navtop.jpg) left top no-repeat;
}
#navbottom {
	height: 18px;
	background: url(../images/navbottom.jpg) left top no-repeat;
}

.nav a {
	display: block;
}
div.nav ul{
	margin: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}
div.nav ul li{
	list-style-type: none;
	text-align: left;
}
div.nav ul li a{
	font-size: 11px;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c7c7c7;
	color: #616263;
	padding-top: 3px;
	font-weight: bold;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
div.nav ul li.mech a{
	font-size: 11px;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a2003c;
	color: #a2003c;
	padding-top: 3px;
	font-weight: bold;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
div.nav ul li a:hover{
	color: #3689b3;
	border-bottom-color: #3689b3;
	font-weight: bold;
}
#nav_01 {
	height: 31px;
	background: url(../images/nav_01.jpg) left top no-repeat;
}
#nav_02 {
	height: 32px;
	background: url(../images/nav_02.jpg) left top no-repeat;
}
#nav_03 {
	height: 29px;
	background: url(../images/nav_03.jpg) left top no-repeat;
}
#nav_04 {
	height: 29px;
	background: url(../images/nav_04.jpg) left top no-repeat;
}
#nav_05 {
	height: 49px;
	background: url(../images/nav_05.jpg) left top no-repeat;
}
#nav_06 {
	height: 43px;
	background: url(../images/nav_06.jpg) left top no-repeat;
}
#nav_07 {
	height: 28px;
	background: url(../images/nav_07.jpg) left top no-repeat;
}
#nav_08 {
	height: 32px;
	background: url(../images/nav_08.jpg) left top no-repeat;
}
#nav_09 {
	height: 46px;
	background: url(../images/nav_09.jpg) left top no-repeat;
}
#nav_11 {
	height: 29px;
	background: url(../images/nav_11.jpg) left top no-repeat;
}
#nav_12 {
	height: 26px;
	background: url(../images/nav_12.jpg) left top no-repeat;
}

#nav_01:hover, #nav_02:hover, #nav_03:hover, #nav_04:hover, #nav_05:hover, #nav_06:hover,
#nav_07:hover, #nav_08:hover, #nav_09:hover, #nav_11:hover, #nav_12:hover {
	background-position: left bottom;
}




#mail {
	float: right;
	position: relative;
	top: 4px;
	z-index: 1000;
	display: block;
	width: 180px;
	height: 20px;
}

.content a {
	color: #0c658d;
}
#hometext {
	font-size: 1.4em;
	line-height: 1.4em;
	float: right;
	width: 198px;
	padding-top: 160px;
	margin-right: 0px;
	padding-bottom: 8px;
	margin-left: 0px;
	padding-right: 12px;
	color: #444446;
	background-image: url(../images/home_greenPanel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-top: 0px;
}

#usp_01 {
	float: left;
	display: block;
	width: 173px;
	height: 184px;
	background: url(../images/usp_01.jpg) left top no-repeat;
}
#usp_02 {
	float: left;
	display: block;
	width: 173px;
	height: 184px;
	background: url(../images/usp_02.jpg) left top no-repeat;
}
#usp_03 {
	float: left;
	display: block;
	width: 173px;
	height: 179px;
	background: url(../images/usp_03.jpg) left top no-repeat;
}
#usp_04 {
	float: left;
	display: block;
	width: 180px;
	height: 179px;
	background: url(../images/usp_04.jpg) left top no-repeat;
}
#usp_05 {
	float: left;
	display: block;
	width: 185px;
	height: 179px;
	background: url(../images/usp_05.jpg) left top no-repeat;
}

#usp_01:hover, #usp_02:hover, #usp_03:hover, #usp_04:hover, #usp_05:hover {
	background-position: left bottom;
}

/* footer */

.footer {
	clear: both;
	background: white url(../images/footer.jpg) left top no-repeat;
	height: 30px;
	margin-top: 0;
	margin-right: -3px;
	margin-bottom: 0;
	margin-left: -1px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.footer_cyan {
	clear: both;
	background: white url(../images/footer_cyan.jpg) left top no-repeat;
	height: 30px;
	margin-top: 0;
	margin-right: -3px;
	margin-bottom: 0;
	margin-left: -1px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.footer_maroon {
	clear: both;
	background: white url(../images/footer_maroon.jpg) left top no-repeat;
	height: 30px;
	margin-top: 0;
	margin-right: -3px;
	margin-bottom: 0;
	margin-left: -1px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.footer_fire {
	clear: both;
	background: white url(../images/footer_fire.jpg) left top no-repeat;
	height: 30px;
	margin-top: 0;
	margin-right: -3px;
	margin-bottom: 0;
	margin-left: -1px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.footer_green {
	clear: both;
	background: white url(../images/footer_green.jpg) left top no-repeat;
	height: 30px;
	margin-top: 0;
	margin-right: -3px;
	margin-bottom: 0;
	margin-left: -1px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
*:lang(en) .footer, .footer_cyan, .footer_maroon{
	padding: 10px 0 0 0;
}
.footer a, .footer_cyan a, .footer_maroon a, .footer_fire a, .footer_green a {
	font-size: 1.125em;
	padding: 0 8px;
	color: white;
	text-decoration: none;
}
.footer a:hover, .footer_cyan a:hover, .footer_maroon a:hover, .footer_fire a:hover, .footer_green a:hover {
	text-decoration: underline;
}

.footer p {
	padding: 25px 20px;
}

#webdesign {
	position: absolute;
	margin: 10px 0 0 -10px;
	font-size: 1.125em;
	color: #7f7f7f;
}
*:lang(en) #webdesign {
	margin: -5px 0 0 740px;
}
#webdesign a {
	color: #ed8913;
	font-weight: bold;
	letter-spacing: 1px;
}
#cro {
	font-size: 1.3em;
	color: #7f7f7f;
	font-family: Arial, Verdana, sans-serif;
}
.fltlt{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
div.logo{
	float: left;
	width: 115px;
	margin-left: 2px;
}
ul.columnlist, ul.columnlist_maroon, ul.columnlist_green, ul.columnlist_blue, ul.columnlist_orange{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 60px;
}
ul.columnlist_blue{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 0px;
}
ul.columnlist li{
	background-image: url(../images/arrow_cyan.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
	padding-left: 15px;
}
ul.columnlist_orange li{
	background-image: url(../images/arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
	padding-left: 15px;
}
ul.columnlist_orange2 li{
	background-image: url(../images/arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
	padding-left: 15px;
	margin-left: -2px;
}
ul.columnlist_maroon li{
	background-image: url(../images/arrow_maroon.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
	padding-left: 15px;
}
ul.columnlist_green li{
	background-image: url(../images/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
	padding-left: 15px;
}
ul.columnlist_blue li{
	background-image: url(../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
	padding-left: 15px;
}
h1.electric{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(../images/heading_electric.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-weight: normal;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 12px;
}
h1.mechanical{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(../images/heading_mechanical.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-weight: normal;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 12px;
}
h1.green{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(../images/heading_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-weight: normal;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 12px;
}
h1.audio{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(../images/heading_audio.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-weight: normal;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 12px;
}
h1.fire{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(../images/heading_fireSecurity.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-weight: normal;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 12px;
}
h1.generic{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(../images/heading_generic.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-weight: normal;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 12px;
}

div.panel{
	background-image: url(../images/panel_cyan.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0px;
	height: 280px;
	padding-top: 16px;

}
div.panel_mech{
	background-image: url(../images/panel_maroon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0px;
	height: 220px;
	padding-top: 16px;

}
div.panel_green{
	background-image: url(../images/panel_green.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0px;
	height: 220px;
	padding-top: 16px;

}
div.panel_orange{
	background-image: url(../images/panel_orange.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0px;
	height: 220px;
	padding-top: 16px;

}
div.panel_blue{
	background-image: url(../images/panel_blue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0px;
	height: 220px;
	padding-top: 16px;

}
table.home{
	width: 425px;
	margin-left: -15px;
	margin-right: -17px;
	margin-top: 0px;
}
table.home td{
	padding-right: 17px;
	vertical-align: top;
	padding-bottom: 17px;
}
a.greenLink{
	font-size: 14px;
	font-weight: bold;
	color: #688f00;
	text-decoration: none;
	float: right;
}
a.greenLink:hover{
	color: #333333;
	text-decoration: underline;
}
div.smllTxt{
	margin-top: 15px;
	font-size: 12px;
}
div.smllTxt2{
	margin-top: 15px;
	font-size: 12px;
	margin-left: -13px;
}
