*{
 padding: 0;
 margin: 0;
 }

body{
 font-family: verdana;
 font-size: 10pt;
 color: #363636;
 background: url(images/bodybg.jpg) top repeat-x;
 padding: 0 20px 10px 20px;
 min-width: 960px;
 }

a{
 color: #363636;
 }

img{
 border: none;
 }

td{
 vertical-align: top;
 }

#logo{
 height: 80px;
 padding-top: 20px;
 background: url(images/phone.png) right no-repeat;
 margin-right: 10px;
 }

#menu{
 height: 44px;
 background: url(images/menubg.jpg) repeat-x;
 margin-bottom: 10px;
 }

#menu td{
 width: 25%;
 text-align: center;
 border-right: 1px solid #3d3d40;
 text-transform: uppercase;
 vertical-align: middle;
 }

#menu td:hover{
 background: url(images/menubgh.jpg) top repeat-x;
 border-right: 1px solid #718222;
 }

#menu td.active{
 background: url(images/menubgh.jpg) top repeat-x;
 border-right: 1px solid #718222;
 }

#menu td.first{
 background: url(images/menubgfirst.jpg) left top no-repeat;
 }

#menu td.first:hover{
 background: url(images/menubgfirsth.jpg) left top no-repeat;
 border-right: 1px solid #718222;
 }

#menu td.firsta{
 background: url(images/menubgfirsth.jpg) left top no-repeat;
 border-right: 1px solid #718222;
 }

#menu td.firsta:hover{
 background: url(images/menubgfirsth.jpg) left top no-repeat;
 }

#menu td.last{
 background: url(images/menubglast.jpg) right top no-repeat;
 border: 0;
 }

#menu td.last:hover{
 background: url(images/menubglasth.jpg) right top no-repeat;
 }

#menu td.lasta{
 background: url(images/menubglasth.jpg) right top no-repeat;
 border: 0;
 }

#menu td.lasta:hover{
 background: url(images/menubglasth.jpg) right top no-repeat;
 }

#menu td a{
 display: block;
 width: 100%;
 padding: 15px 0 12px 0;
 color: #FFFFFF;
 text-transform: uppercase;
 text-decoration: none;
 }

#menu td:hover a{
 color: #363636;
 }

#header{
 height: 275px;
 border: 1px solid #87aec4;
 background: url(images/header.jpg) left top repeat-x;
 margin-bottom: 5px;
 }

#product{
 background: url(images/productbg.jpg) top repeat-x;
 height: 146px;
 margin-bottom: 5px;
 }

#product #first{
 background: url(images/firstbg.jpg) left top no-repeat;
 padding: 10px;
 width: 33%;
 }

#product #second{
 border-left: 5px solid #ffffff;
 border-right: 5px solid #ffffff;
 padding: 10px;
 width: 34%:
 }

#product #third{
 background: url(images/thirdbg.jpg) right top no-repeat;
 padding: 10px;
 width: 33%;
 }

#product h3{
 background: #b6d125 url(images/productbgh.png) right top no-repeat;
 height: 26px;
 padding-top: 7px;
 margin-left: 70px;
 margin-bottom: 10px;
 font-weight: normal;
 font-size: 11pt;
 }

#product img{
 float: left;
 margin: 5px 20px 0 0;
 }

#product p{
 color: #FFFFFF;
 font-size: 9pt;
 height: 60px;
 }

#product a{
 background: url(images/more.png) top left no-repeat;
 text-decoration: none;
 padding: 7px 22px;
 color: #FFFFFF;
 font-size: 10pt;
 }

#leftmenu{
 border: 1px #87aec4 solid;
 margin: 5px 0 10px 0;
 width: 32%;
 float: left;
 }

em.bt, em.bt b, em.bb, em.bb b{
 display: block;
 height: 10px;
 font-size: 0;
 background: url(images/corner.jpg) no-repeat;
 position: relative;
}

em.bt{ 
 top: -1px;
 left: -1px;
}

em.bt b{
 background-position:  100% -10px;
 left: 2px;
 }

em.bb{
 background-position: 0 -20px;
 top: 1px; left: -1px;
 }

em.bb b{
 background-position: 100% -30px;
 left: 2px;
 }
   
#leftmenu .block_content{
 padding: 0 15px;
}

#leftmenu h2{
 font-size: 11pt;
 color: #1f466b;
 font-weight: normal;
 text-transform: uppercase;
 margin-bottom: 10px;
 }

#leftmenu ul{
 margin-bottom: 10px;
 list-style-type: none;
 }

#leftmenu ul li{
 background: url(images/marker.jpg) left 5px no-repeat;
 font-size: 11pt;
 padding-left: 15px;
 margin-bottom: 6px;
 font-weight: normal;
 }

#leftmenu ul li ul{
 margin-top: 6px;
 }

#leftmenu ul li ul li{
 margin-bottom: 5px;
 font-weight: bold;
 font-size: 10pt;
 padding-left: 0;
 background: none;
 }

#leftmenu a{
 font-weight: normal;
 }

#content{
 margin-left: 32%;
 padding: 10px 10px 10px 20px;
 text-align: justify;
 }

#content a{
 color: #4c6b88;
 }

#content h1, #content h2{ 
 color: #1f466b;
 font-size: 11pt;
 margin: 10px 0 15px 0;
 font-weight: normal;
 }

#content h2{
 font-size: 10pt;
}

#content p{
 margin-bottom: 10px;
 }

#content ul{
 margin-bottom: 10px;
 }

#content ul li{
 background: url(images/marker.jpg) left 5px no-repeat;
 padding-left: 15px;
 list-style-type: none;
 }

#content .pro{
 width: 100%;
 border-top: 1px solid #87AEC4;
 border-left: 1px solid #87AEC4;
 border-right: 1px solid #87AEC4;
 margin: 10px 0 20px 0;
 }

#content .pro tr.top{
 background: #e1ebf1;
 }

#content .pro tr.top td{
 padding: 7px 0;
 }

#content .pro td{
 padding: 5px;
 border-bottom: 1px solid #87AEC4;
 text-align: center;
 }

#production{
 padding: 0 15px 10px 15px;
 }

#footer{
 border: 1px #d4d4d4 solid;
 background: #f5f5f5;
 clear: both;
 }

em.bt2, em.bt2 b, em.bb2, em.bb2 b{
 display: block;
 height: 10px;
 font-size: 0;
 background: url(images/corner2.jpg) no-repeat;
 position: relative;
}

em.bt2{ 
 top: -1px;
 *top: -2px;
 left: -1px;
}

em.bt2 b{
 background-position:  100% -10px;
 left: 2px;
 }

em.bb2{
 background-position: 0 -20px;
 top: 1px; left: -1px;
 }

em.bb2 b{
 background-position: 100% -30px;
 left: 2px;
 }

#footer .block_content{
 padding: 0 15px;
 }

#footer ul{
 margin-bottom: 10px;
 }

#footer ul li{
 display: inline;
 margin-right: 20px;
 }

#footer ul li a{
 color: #aaaaaa;
 }

#footer p{
 font-size: 9pt;
 }

#content div.product{
 padding-bottom: 20px;
 width: 100%;
 }

#content div.product .img{
 float: left;
 border: 1px solid #b9c6c8;
 }

#content .product .img img{
 width: 160px;
 }

#content .product .info{
 margin-left: 160px;
 padding: 0 10px 0 20px;
 }

#content .product .info h3{
 margin: 10px 0;
 }

#content .product .info h3 a{
 color: #065f90;
 font-size: 12pt;
 }

#content p.xls{
 padding-bottom: 10px;
 }

#content p.xls a{
 font-size: 11pt;
 background: url(images/excel_icon.gif) left top no-repeat;
 padding: 10px 0 10px 50px;
 }
