/* @charset 'UTF-8'; */
/* CSS Document */
html {
	font-size: 100.01%;
}

html, body {
	height:100%;  background-color: #000; background: transparent url(../images/absolute-bg.jpg) top center repeat-y;
}
body {
	font: 12px Arial, Helvetica, sans-serif; color: #000;
}

p, ul { margin-bottom: 10px; display:block; }

a:link    {color: #32559d; text-decoration:none;}
a:visited {color: #32559d; text-decoration:none;}
a:hover   {color: #32559d; text-decoration:underline;}

.fLeft  {float: left;}
.fRight {float: right;}

.bold, b, strong    {font-weight: bold !important;}
.italic, i, em, em strong {font-style: italic !important;}
.aLeft      {text-align: left !important;}
.aCenter    {text-align: center !important;}
.aRight     {text-align: right !important;}
.aJustify   {text-align: justify !important;}

.t0 {margin-top:0!important;padding-top:0!important;}
.r0 {margin-right:0!important;padding-right:0!important;}
.b0 {margin-bottom:0!important;padding-bottom:0!important;}
.l0 {margin-left:0!important;padding-left:0!important;}

.line {margin:0; padding:0; float:none; clear:both;}

/* ------ Margin ------ */
/* Top ****/ .mt40  {margin-top: 40px !important;}
/* Top ****/ .mt20  {margin-top: 20px !important;}
/* Left ***/ .ml10  {margin-left: 10px !important;}
/* Left ***/ .ml100  {margin-left: 100px !important;}
/* Left ***/ .ml150  {margin-left: 150px !important;}
/* Right **/ .mr10 {margin-right: 10px !important;}
/* Bottom */ .mb1  {margin-bottom: 1px !important;}
/* Bottom */ .mb20  {margin-bottom: 20px !important;}

/* ------ Padding ------ */
/* Top ****/ .pt1  {padding-top: 1px !important;}
/* Top ****/ .pt15  {padding-top: 15px !important;}
/* Left ***/ .pl2  {padding-left: 2px !important;}
/* Right **/ .pr2  {padding-right: 2px !important;}
/* Bottom */ .pb20  {padding-bottom: 20px !important;}


/* ------ General Formatting/Backgrounds ------ */
.bodyBg {  background: transparent url(../images/body-bg.png) top left repeat-y; }
.topBg { background: transparent url(../images/top-bg.jpg) top left no-repeat; }
.rightBg { width: 100%; }
.wrapper { min-height:100%; width: 1024px; margin: 0 auto;  position:relative; }

.Content { padding-bottom:200px; padding-top: 50px;  text-align:left; position:relative; }
.Content .innerContent { margin-left: 270px; width:550px; min-height:300px; text-align:justify !important; }
.Content .sideBar { width: 180px; position:absolute; }
.Content .sideBar ul { margin: 0 0 0 10px; text-transform:uppercase; }
.Content .sideBar ul li { border-bottom: 2px solid #363b00; padding: 5px 0;  }
.Content .sideBar ul li a { color: #fff000; font: bold 12px Arial, Helvetica, sans-serif !important; line-height: 15px !important; text-decoration:none; }
.Content .sideBar ul li a:hover { color: #fff; font: bold 12px Arial, Helvetica, sans-serif !important; line-height: 15px !important; text-decoration:none; }
.Content .sideBar ul li.current a { color: #36ff00; font: bold 12px Arial, Helvetica, sans-serif !important; line-height: 15px !important; text-decoration:none; }

.Content .banner { position:absolute; width:180px; min-height:320px; right:0px; top: 50px; }

.Content .innerContent ul { padding: 0 0 10px 0; margin:0; display:block; }
.Content .innerContent p ul { padding: 10px 0; }
.Content .innerContent ul li { margin: 0 0 0 20px; list-style-type:disc; }

/* ------ Header ------ */
.header { position:relative; width:1024px; height:310px; overflow:hidden !important; }
.header .logo { width:205px; height: 92px; margin: 15px 0 0 400px; }
.header .phone { width:181px; margin: 120px 0 0 20px; padding: 10px 0; text-align:center; font: bold 17px Arial, Helvetica, sans-serif; line-height: 20px; border-top: 2px solid #363b00; border-bottom: 2px solid #363b00; color: #eaff00; }
.header .phone span { font: italic 34px Arial, Helvetica, sans-serif; line-height: 37px;  } 

/* ------ Top Menu ------ */
.header #aboutMenuItem a { width:115px; height: 105px; background: transparent url(../images/about-menu-item.png) no-repeat; position:absolute; left: 240px; top: 110px; }
.header #aboutMenuItem a:hover { width:112px; height: 100px; background: transparent url(../images/about-menu-item-hover.png) no-repeat; position:absolute; left: 240px; top: 110px; }
.header #aboutMenuItem a:active { width:112px; height: 100px; background: transparent url(../images/about-menu-item-hover.png) no-repeat; position:absolute; left: 240px; top: 110px; }
.header #aboutMenuItem.active a { width:112px; height: 100px; background: transparent url(../images/about-menu-item-hover.png) no-repeat; position:absolute; left: 240px; top: 110px; }
.header #aboutMenuItemText { width:64px; height: 25px;  position:absolute; top: 100px; left:20px;  }

.header #productsMenuItem a { width:98px; height: 118px; background: transparent url(../images/production-menu-item.png) no-repeat; position:absolute; left: 370px; top: 120px; }
.header #productsMenuItem a:hover { width:98px; height: 118px; background: transparent url(../images/production-menu-item-hover.png) no-repeat; position:absolute; left: 370px; top: 120px; }
.header #productsMenuItem a:active { width:98px; height: 118px; background: transparent url(../images/production-menu-item-hover.png) no-repeat; position:absolute; left: 370px; top: 120px; }
.header #productsMenuItem.active a { width:98px; height: 118px; background: transparent url(../images/production-menu-item-hover.png) no-repeat; position:absolute; left: 370px; top: 120px; }
.header #productsMenuItemText { width:113px; height: 30px; position:absolute; left: -10px; top: 110px; }

.header #servicesMenuItem a { width:106px; height: 94px; background: transparent url(../images/services-menu-item.png) no-repeat; position:absolute; left: 480px; top: 140px; }
.header #servicesMenuItem a:hover { width:106px; height: 94px; background: transparent url(../images/services-menu-item-hover.png) no-repeat; position:absolute; left: 480px; top: 140px; }
.header #servicesMenuItem a:active { width:106px; height: 94px; background: transparent url(../images/services-menu-item-hover.png) no-repeat; position:absolute; left: 480px; top: 140px; }
.header #servicesMenuItem.active a { width:106px; height: 94px; background: transparent url(../images/services-menu-item-hover.png) no-repeat; position:absolute; left: 480px; top: 140px; }
.header #servicesMenuItemText { width:80px; height: 28px; position:absolute; left: 15px; top: 95px; }

.header #orderMenuItem a { width:99px; height: 107px; background: transparent url(../images/order-menu-item.png) no-repeat; position:absolute; left: 610px; top: 120px; }
.header #orderMenuItem a:hover { width:99px; height: 107px; background: transparent url(../images/order-menu-item-hover.png) no-repeat; position:absolute; left: 610px; top: 120px; }
.header #orderMenuItem a:active { width:99px; height: 107px; background: transparent url(../images/order-menu-item-hover.png) no-repeat; position:absolute; left: 610px; top: 120px; }
.header #orderMenuItem.active a { width:99px; height: 107px; background: transparent url(../images/order-menu-item-hover.png) no-repeat; position:absolute; left: 610px; top: 120px; }
.header #orderMenuItemText { width:66px; height: 25px; position:absolute; left: 25px; top: 105px; }

.header #contactsMenuItem a { width:61px; height: 103px; background: transparent url(../images/contacts-menu-item.png) no-repeat; position:absolute; left: 720px; top: 110px; }
.header #contactsMenuItem a:hover { width:61px; height: 103px; background: transparent url(../images/contacts-menu-item-hover.png) no-repeat; position:absolute; left: 720px; top: 110px; }
.header #contactsMenuItem a:active { width:61px; height: 103px; background: transparent url(../images/contacts-menu-item-hover.png) no-repeat; position:absolute; left: 720px; top: 110px; }
.header #contactsMenuItem.active a { width:61px; height: 103px; background: transparent url(../images/contacts-menu-item-hover.png) no-repeat; position:absolute; left: 720px; top: 110px; }
.header #contactsMenuItemText { width:104px; height: 23px; position:absolute; left: 20px; top: 90px; }

/* ------ Footer ------ */
.footer { width: 1024px; background: #000 url(../images/bottom-bg.jpg) bottom left no-repeat; position:absolute; bottom:0; height:200px; }
.footer .copy { top: 180px; left: 460px; position:absolute; font: 11px Arial, Helvetica, sans-serif; color: #000; line-height:14px; }
.footer .bottomBanner { width: 550px; height: 100px; margin: 10px 0 0 270px; }

/* ------ Blocks ------ */
.categoryItem { width: 235px; float:left; text-align:center; margin-right:20px; margin-bottom: 20px; }
.categoryItem img { width: 236px; height: 113px; overflow:hidden; display:block; }
.categoryItem h1 { font: bold italic 16px Arial, Helvetica, sans-serif; line-height: 19px; margin-top:5px; text-transform:uppercase; }
.categoryItem a { color: #000; text-decoration: none; }

.productItem { width: 159px; float:left; text-align:left; margin-right:20px; margin-bottom: 20px;  height: 160px; text-transform:uppercase; }
.productItem img { width: 159px; height: 120px; overflow:hidden; display:block; }
.productItem h1 { font: bold italic 14px Arial, Helvetica, sans-serif; line-height: 17px; margin-top:5px; }
.productItem a { color: #000; text-decoration: none; }

.orderBlock { width:208px; float:left; margin: 0 20px 0 0; }
.orderBlock .fullSize { width: 208px; margin-bottom:3px; }
.orderBlock .orderButton { width: 213px; height: 23px; display:block; }

.orderTbl { margin-left:50px; } 
.orderTbl td { font: bold 12px Arial, Helvetica, sans-serif; color: #000; line-height: 15px; vertical-align:top; padding: 5px 10px 5px 0; }
.orderTbl th { font: bold 12px Arial, Helvetica, sans-serif; color: #000; line-height: 15px; vertical-align:top; padding: 5px 0; }
.orderTbl th input[type=text] { width: 200px; }
.orderTbl th textarea { width:250px; height: 70px; }

.vSummary { display:block; width:400px; font: bold 12px Arial, Helvetica, sans-serif;  line-height: 15px; background: #f0e9e9; border: 1px solid #ff1717; padding: 10px; margin-left:40px; margin-bottom:20px; } 

.thnxBlock { font: bold 25px Arial, Helvetica, sans-serif; text-align:left; line-height:27px; padding-top: 100px; }
/* ------ Headers ------ */
h1 { font: 18px Arial, Helvetica, sans-serif; line-height: 21px; margin-bottom:15px; }
h2 { font: 16px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom:10px; }
h3, h4, h5 { font: 14px Arial, Helvetica, sans-serif; line-height: 17px; margin-bottom:10px; }

.pageTitle { margin-bottom:10px; }
.pageTitle h2 { font: bold italic 16px Arial, Helvetica, sans-serif; line-height: 19px; }