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

BODY, H1, H2 {margin:0; padding:0;}
BODY {background-color:#FFF;}
IMG {border:none;}

#all {position:relative; width: 668px; margin: 0 auto; padding:129px 19px 100px 20px; background:url(img/mainCenter-bg.gif);}

.top {position:absolute; top:0; left:0; width: 707px; height: 108px; background:url(img/corners.gif) 0 86px repeat-x #FFF;}
	.top * {position:absolute; display:block;}
		.top *:hover {border:none;}
	.top A.logo {width: 120px; height: 67px; top: 15px; left: 19px; text-indent: -1000px; background:url(img/logo-bg.gif);}
	.top DIV {width: 268px; height: 22px; top: 42px; right: 20px; text-indent: -1000px; background:url(img/homeMapPhone-bg.gif) no-repeat;}
	.top A.home {width: 12px; height: 12px; top: 51px; right: 276px;}
	.top A.contact {width: 12px; height: 12px; top: 51px; right: 255px;}
	.top A.map {width: 12px; height: 12px; top: 51px; right: 237px;}
	.top A.email {top: 73px; right: 21px;}
	.top I.corner {width: 22px; height: 22px; bottom:0; background:url(img/corners.gif);}
	.top I.tl {left:0; background-position: 0 -22px;}
	.top I.tr {left:685px; background-position: -22px -22px;}
#menu {position:relative; overflow:hidden; zoom: 1;}
	#menu UL, #menu UL LI {margin:0; padding:0; list-style:none;}
		#menu UL LI {float:left; width: 167px; height: 95px; background:url(img/menu-bg.jpg) no-repeat;}
		#menu UL LI.active {background-color:#979797;}
		#menu UL LI.about {background-position: -167px 0;}
		#menu UL LI.customers {background-position: -334px 0;}
		#menu UL LI.online {background-position: -501px 0;}
			#menu UL LI A {display:block; width: 167px; height: 34px; text-indent: -1000px; border:none;}
				#menu UL LI A:hover {border:none;}
		.menuImg {position: absolute; width: 668px; height:52px; top: 34px; left:0; background:url(img/menuimg-bg.jpg); z-index: 100;}
#subMenu {clear:both; padding-top: 10px;}
	#subMenu DIV {display:none;}
	#subMenu DIV.active {display:block; position:relative; border: 1px solid #D0D0D0; overflow:hidden; zoom: 1; z-index: 100;}
		#subMenu UL.subList {position:absolute; width: 672px; top:0; left:-2px;}
		#subMenu UL.subList, #subMenu UL.subList LI {margin:0; padding:0; list-style:none;}
			#subMenu UL.subList LI {float:left; width: 166px; height: 33px; border: solid #D0D0D0; border-width: 0 0 1px 1px; background: #FFF;}
			#subMenu UL.subList LI.active {border-bottom:none; background-color:#E4E4E4;}
				#subMenu UL.subList LI A {display:block; width: 156px; height: 25px; padding: 8px 0 0 10px; border:none;}
					#subMenu UL.subList LI A:hover {border:none;}
		#subMenu H2 {display:none;}
		#subMenu H2.active {display:block; clear:both; overflow:hidden; zoom: 1; padding-top: 34px; background-color:#E4E4E4;}
			#subMenu H2 UL {float:left; width: 49%; margin:0; padding: 12px 0 18px 0; list-style:none;}
				#subMenu H2 UL LI {margin: 0 0 0 32px; padding-top: 3px;}
.breadCrumb {clear:both; padding: 16px 0 0 12px;}
.main {margin-top: 20px; padding: 12px 10px 30px 38px; overflow:hidden; zoom: 1; background:url(img/main-bg.gif) 0 0 repeat-y;}
	.main H1 {padding-top: 4px;}
	.main P.prolog {margin:0; padding: 20px 0 34px 0;}
	.main .floatLeft {float:left;}
	.main UL {margin: -6px 0 30px 250px; padding:0; list-style:none;}
	.main UL LI {margin:0; padding: 3px 0 0;}
	.main P {margin:0; padding: 20px 0 0 0;}
.footer {position:absolute; bottom:0; left:0; width: 707px; height: 90px; background:url(img/corners.gif) 0 -66px repeat-x #FFF;}
	.footer I.corner {position:absolute; display:block; width: 22px; height: 22px; top:0; background:url(img/corners.gif);}
	.footer I.bl {left:0; background-position: 0 -44px;}
	.footer I.br {left:685px; background-position: -22px -44px;}
	.footer .copyright {display:block; position:absolute; left: 23px;}