/* CSS Document */

body { margin: 0; padding: 0; background: url(../graphics/bg.jpg) repeat-x #F7F7F7; font: normal normal 12px Arial, Helvetica, sans-serif; color: #000; }

p, h1, h2, h3, h4, h5, h6, ul, ol, li, img { margin: 0; padding: 0; font-weight: normal; }
p { margin-bottom: 15px; line-height: 15px; }
p strong { color: #005175; }
h1 { font-size: 32px; font-weight: bold; line-height: 24px; margin-bottom: 20px; }
h2 { font-size: 22px; color: #0069AE; }
h3 { font-size: 20px; font-weight: bold; }
h4 { font-size: 20px; font-weight: bold; margin: 20px 0 5px 0; }
h5 { font-size: 17px; font-weight: bold; margin: 0 0 5px 0; }
h6 { font-size: 13px; color: #015E91; }

a { color: #0069AE; text-decoration: none; }
a:hover, a:active { color: #333333; text-decoration: none; }

.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }

.leftContent { float: left; border: 1px solid #000; margin: 0 15px 15px 0; }
.rightContent { float: right; border: 1px solid #000; margin: 0 0 15px 15px; }

.clear { clear: both; }

#hdr { margin: 36px auto 0 auto; width: 883px; height: 236px; padding: 20px 20px 0 0; }
#hdrFlash { margin: 36px auto 0 auto; width: 903px; height: 256px; padding: 0; }
#addressWhite { color: #FFF; }
#addressBlack { color: #000; }
#hdr h1 { font-size: 25px; font-weight: bold; float: right; margin: 0; padding: 0; }
#hdr h3 { font-size: 12px; font-weight: bold; float: right; margin: 0; padding: 0; }

#menu { margin: 0 auto; padding: 2px 0 0 8px; width: 895px; height: 39px; background: url(../graphics/bg-menu.jpg); font-size: 14px; }
#menu ul { list-style: none; padding-left: 26px; }
#menu li { display: inline; }
#menu a { display: block; float: left; height: 36px; text-decoration: none; color: #D3D3D3; padding: 0 17px 0 17px; line-height: 36px; }
#menu a:hover, #menu a.active { background: url(../graphics/bg-menu-ro.jpg); color: #FFF; }
#menu .line { float: left; width: 1px; height: 19px; background: #D3D3D3; margin-top: 8px; }

#main { margin: 0 auto; padding: 20px; width: 863px; background: #FFF; }
#content { float: left; width: 560px; margin-right: 20px; }
#sidebar { float: left; width: 280px; }

.greyBox { width: 540px; padding: 10px; margin: 0 0 15px 0; background: #F2F2F2; }
.greyBox ul { padding-left: 15px; margin-top: -5px; list-style-type: disc; list-style-position: outside; float: left; width: 230px; }
.greyBox li { margin: 0; padding: 0; color: #005175; }
.whiteBox { width: 560px; background: #FFF; }
.whiteBox ul { padding-left: 15px; list-style-type: disc; list-style-position: outside; float: left; width: 125px; }
.whiteBox li { margin: 0; padding: 0; color: #005175; }

.gradBoxA { margin: 0 0 15px 0; float: left; border: 1px solid #000; }
.gradBoxB { margin: 0; border: 3px solid #FFF; background: url(../graphics/bg-grad.jpg) repeat-x #dddfe0; padding: 10px; }
.gradBoxB2 { margin: 0; border: 3px solid #FFF; background: url(../graphics/bg-grad.jpg) repeat-x #dddfe0; padding: 0; }

#main h5 { color: #015E91; }
.productList { }
.productList ul { padding-left: 20px; margin-bottom: 25px; list-style-type: disc; list-style-position: outside; float: left; width: 160px; }
.productList ul h6 { font-weight: bold; margin-left: -20px; color: #005175; }
.productList li { margin: 0; padding: 0; color: #005175; }

.serviceList ul { padding-left: 45px; margin-bottom: 10px; list-style-type: disc; list-style-position: outside; float: left; }
.serviceList ul h6 { font-weight: bold; margin: 8px 0 0 -20px; color: #000; }
.serviceList li { margin: 0; padding: 0; color: #000; }

#sidebar h1 { font-size: 19px; color: #0069AE; margin: 0 0 10px 0; padding: 0; }
#sidebar h6 { font-size: 13px; color: #666666; padding-top: 10px; }

#footer { margin: 0 auto 80px auto; padding: 5px 0 0 0; width: 903px; height: 37px; background: url(../graphics/bg-footer.png) no-repeat; font-size: 11px; }
#footer ul { list-style: none; padding-left: 110px; margin-bottom: 40px; }
#footer li { display: inline; }
#footer a { display: block; float: left; height: 30px; text-decoration: none; color: #015E91; padding: 0 15px 0 15px; line-height: 30px; }
#footer a:hover, #footer a.active { color: #000; }
#footer .line { float: left; width: 1px; height: 14px; background: #D3D3D3; margin-top: 8px; }
#footer p { text-align: center; margin: 0; }