/* CSS Document */

body {padding: 0; margin: 0 auto; background: url(img/bg01.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif;}
/*
#bg01 {width: 50%; float: left; position: absolute; top: 0; left: 0; height: 562px; background: url(img/bg01.jpg) repeat-x; margin: 0; z-index: 1;}
#bg02 {width: 50%; float: right; position: absolute; top: 0; right: 0;height: 562px; background: url(img/bg01.jpg) repeat-x; margin: 0; z-index: 2;} */

h1 {color: #001F79; font: bold 29px Arial, Helvetica, sans-serif; margin: 0; letter-spacing: 2px;}
h2 {margin: 20px 0 15px 30px; padding: 0; text-transform: uppercase; font: 24px Verdana, Arial, Helvetica, sans-serif;}
h2 span {font-size: 18px; text-decoration: underline;}
h3 { font-size: 20px; margin: 0; padding: 0;}
h4 {color: #333; margin: 17px 0 0 0; padding: 0 0 7px 0; font: bold 17px Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px dotted black;}
h5 {margin: 0 0 15px 0; padding: 0; font: 17px Arial, Helvetica, sans-serif; font-weight: bold;}
img {border: none;}
.clear {clear: both;}

#wrapper {position: relative; width: 850px; background: white; margin: 0 auto;}


/*-------- header ----------*/
#header {width: 650px; height: 80px; padding: 0px 0 0 200px; background: url(img/header.gif) no-repeat; margin: 0;}
#contact {float: right; width: 192px; display: inline; margin: 3px 3px 0 0; background: #B0B0B0; padding: 12px 5px 14px 5px;}
#header #contact p.address {margin-bottom: 5px;}
#header h1 {float: left; margin: 8px 0 0 0; width: 430px;}
#header h1 span {display: block; font-size: 14px; text-transform: uppercase; text-align: center; letter-spacing: 0; font-weight: bold; color: #777; margin: 0;}
#header #contact p {margin: 0; font-size: 12px; color: white; font-weight: normal;}
#header #contact p span {font-weight: bold;}


/*-------- menu ----------*/
#menu {width: 844px; height: 28px; background: url(img/bg03.jpg) no-repeat; margin: 0 0 0 3px; border-bottom: 2px solid white; border-top: 2px solid white;}
#menu ul {margin: 0; padding: 0 0 0 1px; height: 28px; width: 477px; background: #375697;}
#menu ul li {float: left; list-style:none; height: 27px; margin: 0; padding: 0;}
#menu ul li a {display: block; float: left; width: 71px; margin-top: 1px; text-align: center; padding: 6px 23px 6px 23px; height: 14px; font-size: 12px; color: white; text-decoration: none; background: #253B71; border-left: 1px solid #3A5B9E; border-right: 1px solid #000033; font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu ul li a#home {border-left: 1px solid #253B71;}
#menu ul li a#contactus {border-right: 1px solid #253B71;}
#menu ul li a#home:hover {border-left: 1px solid #7894CD;}
#menu ul li a#contactus:hover {border-right: 1px solid #7894CD;}
#menu ul li a:hover {background: #7894CD; color: black; border-left: 1px solid #7894CD; border-right: 1px solid #7894CD; font-weight: bold;}
#menu p {position: absolute; top: 86px; left: 515px; color: #555; font-weight: bold; font-size: 12px; margin: 0; padding: 0;}
#menu sup {color: black; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
/*-------- content ----------*/
#content {width: 844px; margin: 1px 3px 3px 3px; border-right: 1px solid #EFF2EF;}
#left {width: 641px; float: left; background: #EFF2EF;}
.product {width: 560px; height: 162px; margin: 0 0 7px 30px; padding: 10px 10px 10px 10px; background: white; }
.image {width: 225px; height: 160px; float: left; margin: 0; padding: 0;}
.image img {border: 0px solid gray;}
.descr {width: 270px; height: 160px; float: right; border-left: 1px solid #EFF2EF; margin: 0 0 0 30px; padding: 0 0 0 30px;}
.descr p {font-size: 12px; margin: 0; padding: 0;}
.descr a {color: #000066;}
.descr ul, .descr li {margin: 0; padding: 0; font-size: 12px; list-style:inside;}
.descr ul {margin-top: 20px;}
.bold {font-weight: bold;}
#left table {margin: 0; padding: 0; width: }
#left table tr td {font-size: 12px; vertical-align: top;}
#left table tr td p {margin-left: 15px;}
a.back {display: block; margin: 15px 30px; color: #575576; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
#right {width: 170px; height: 279px; padding: 15px; float: right; background: url(img/bg08.jpg) repeat-x;}
#right p {font-size: 12px; color: #555; font-weight: normal; margin-top: 7px;}
img.logo {margin-left: 20px; margin-top: 10px;}

/*-------- footer ----------*/
#footer {height: 120px; margin: 0; padding: 0;}
#footer ul {margin: 0 0 0 3px; width: 846px; height: 130px;  padding: 0 0 2px 0;}
#footer ul li {display: block; float: left; width: 159px; height: 120px; margin: 0 2px 0 0;}
#footer ul li a {display: block; width: 139px; height: 105px; padding: 10px; background: url(img/bg06.jpg) repeat-x; color: white; text-decoration: none; font: bold 18px verdana; margin: 0; border-bottom: 2px solid #456DB6;}
#footer ul li a span.less {display: block; margin: 5px 0 0 0; padding: 3px 0 0 0; font-size: 11px; font-weight: normal; border-top: 1px dotted #eee;}
#footer ul li a span.more {display: block; margin: 27px 0 0 0; padding: 3px 0 0 0; font-size: 11px; font-weight: normal; border-top: 1px dotted #eee;}
#footer ul li a img {border: 2px solid #eee;}
#footer ul li a img:hover {border: 2px solid #999;}
#footer ul li a:hover {background: #1F3265; border-bottom: 2px solid #1F3265;}
#footer ul li#map a {width: 180px;}

#footer p {width: 850px; font-size: 11px; color: #666666; text-align: center; margin: 8px 0 0 0;}
#footer a#go {text-decoration: none;color: #666;}
#footer a#go:hover {color: #444;}