@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
img{ border:none;}
body{ margin:0; background:url(../images/main-bg.jpg) repeat-x top #f4ecd7;}
#wrapper{ height:auto; width:900px; margin:0 auto;}
#main-wrapper{ height:auto; width:900px; float:left;}
/*-----banner part Start-----*/
#main-banner{ height:326px; width:900px; float:left;}
#logo-main{ height:110px; width:900px; float:left;}
#logo{ height:110px; width:318px; float:left;}
#slogan{ height:80px; width:470px; float:left; padding-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:white; text-decoration:none;}
#icon-main{ height:90px; width:110px; float:right; padding-top:20px;}
#mid-icon{ height:10px; width:48px; float:left; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.right-icon{ height:10px; width:30px; float:left;}
#banner{ height:212px; width:900px; float:left;}
.bannerimages{ height:212px; width:150px; float:left;}
.ba-part{ height:106px; width:150px; float:left;}
/*-----Navegation part Start-----*/
#main-nevigation{ height:45px; width:900px; float:left;}
.nevi-partbg{ height:45px; width:22px; float:left;}
#mid-nevi{ height:45px; width:856px; float:left; background:url(../images/nevi-main-bg.jpg) repeat-x top;}
#mid-nevi ul{ height:auto; width:auto; float:left; list-style: none;}
#mid-nevi li{ height:auto; width: auto; float:left; display:inline;}
#mid-nevi li a.company{ height:30px; width:auto; float:left; padding:15px 29px 0 29px; font:bold 12px  Tahoma, Verdana, Arial; color:#d2afaf; text-decoration:none; background:url(../images/nevi-border.jpg) no-repeat top right;}
#mid-nevi li a.company:hover{ color:#fff;}
#mid-nevi li a.home{ height:30px; width:auto; float:left; padding:15px 29px 0 8px; font: bold 12px Tahoma, Verdana, Arial; color:#d2afaf; text-decoration:none; background:url(../images/nevi-border.jpg) no-repeat top right;}
#mid-nevi li a.home:hover{ color:#fff;}
#mid-nevi li a.contact{ height:30px; width:auto; float:left; padding:15px 8px 0 29px; font: bold 12px Tahoma, Verdana, Arial; color:#d2afaf; text-decoration:none;}
#mid-nevi li a.contact:hover{ color:#fff;}
/*-----mid part Start-----*/
#wrapper-mid{ height:auto; width:860px; float:left; padding:15px 20px 20px 20px; background-color:#a89078;}
#wrapper-top{ height:auto; width:860px; float:left; background-color:#a89078;}
#wrapper-bottom{ height:auto; width:860px; float:left; background-color:#a89078;}

/*---mid  Left part Start---*/
#leftmain-part{ height:auto; width:530px; float:left;  background:url(../images/mid-lightbg.jpg) no-repeat right top;  padding-right:20px;}
#welpart{ height:190px; width:530px; float:left; padding-bottom:20px;}
#welheding{ height:29px; width:530px; float:left; background:url(../images/welcome-underline.jpg) no-repeat left bottom;}
.weltext-box{ height:auto; width:530px; float:left; font: normal 11px Tahoma, Verdana, Arial; color:#fdf4ea; text-decoration:none; line-height:18px; text-align:justify; padding:4px 0 6px 0;}
#wel-read{ height:18px; width:73px; float:left; background:#371110; padding-top:5px;}
.wel-read{ height:18px; width:73px; float:left; background:#371110; padding-top:5px;}
#products-mainbox{ height:auto; width:530px; float:left;}
#pro-top{ height:8px; width:530px; float:left;}

#pro-mid{ height:231px; width:530px; float:left; background:url(../images/products-bottom-bg.jpg) no-repeat left bottom; background-color:#f0f0f0;}
#pro-bottom{ height:auto; width:530px; float:left;}
#pro-maintext-part{ height:auto; width:490px; float:left; padding:0 20px;}
#pro-hadderpart{ height:28px; width:490px; float:left; border-bottom:1px solid #270605; padding-top:7px;}
#pro-images{ height:99px; width:194px; float:left; padding-top:10px;}
#pro-textpart{ height:auto; width:273px; float:left; padding:6px 0 0 20px;}
#pro-point{ height:auto; width:490px; float:left; padding:4px 0 0 5px;}
#pro-point ul{ height:auto; width:auto; float:left; list-style:none;}
#pro-point li{ height:auto; width:430px; float:left; padding:1px 0 2px 15px; font:normal 11px Tahoma, Arial; color:#5e4832; text-decoration:none; line-height:14px; }
#pro-point li a{ height:auto; width:430px; float:left; padding:1px 0 2px 15px; background:url(../images/bullate.gif) no-repeat center left; font:normal 11px Tahoma, Arial; color:#5e4832; text-decoration:none; line-height:14px; }
#pro-point li a:hover{ color:#901313;}
/*---mid  Right part Start---*/
#rightmain-part{ height:auto; width:290px; float:right;  background:url(../images/mid-darkbg.jpg) no-repeat left top; padding:5px 0 0 20px;}
.ourclients{ height:auto; width:290px; float:left; padding-bottom:20px;}
.ourclients2{ height:auto; width:290px; float:left; padding-bottom:15px;}
.clients-heding{ height:28px; width:280px; float:left; background:url(../images/clients-heddingbg.jpg) repeat-x top; font:bold 16px "Trebuchet MS", Arial; color:white; text-decoration:none; padding:6px 0 0 10px;}
.clients-logomain{ height:auto; width:280px; float:left; padding:0 5px 0 5px;}
.clientspart{ height:auto; width:267px; float:left; background-color:#f5f5f5; padding:12px 6px 0 7px;}
.logopart{ height:61px; width:267px; float:left; border-bottom:1px solid #FFFFFF;}
.logopart3{ height:auto; width:267px; float:left; border-bottom:1px solid #FFFFFF; padding-bottom:10px;}
.logopart4{ height:auto; width:267px; float:left; border-bottom:1px solid #FFFFFF; padding-bottom:12px}
.logo{ width:130px; height:46px; float:left; padding-bottom:12px;}
.logopart2{ height:63px; width:267px; float:left; border-top:1px solid #e3e3e3; padding-bottom:12px;}
.logo2{ width:130px; height:46px; float:left; padding-top:12px;}
.supportpart{ height:auto; width:267px; float:left; border-bottom:1px solid white; padding:8px 0 12px 0; font:normal 11px Tahoma, Verdana, Arial; color:#2c2c2c; text-decoration:none; line-height:18px;}
.supportpart2{ height:auto; width:267px; float:left; border-top:1px solid #e3e3e3;  border-bottom:1px solid white; padding:10px 0;font:normal 11px Tahoma, Verdana, Arial; color:#2c2c2c; text-decoration:none; line-height:18px;}
/*---mid  Footer part Start---*/
#main-footer{ height:auto; width:860px; float:left; padding:8px 20px 8px 20px; background-color:#a89078;}
#footerlink-box{ height:100px; width:854px; float:left; background-color:#4d0f0f; border:3px solid #ccbeb0; font:normal 11px Tahoma, Verdana, Arial; color:white; text-decoration:none;}
#footer-bottom{ height:31px; padding:10px 0 0 0; width:860px; float:left; background:url(../images/footer-bottom.jpg) repeat-x top;}
#footerlink{ height:50px; width:854px; float:left; padding-top:13px;}
#footerspacer{ height:2px; width:557px; float:left; padding-left:148px;}
#footecopy{ height:auto; width:854px; float:left; padding-top:13px;  font:normal 11px Tahoma, Verdana, Arial; color:#cda2a2; text-decoration:none;}
/*-----All Text Css part Start-----*/
.coko{ font:normal 18px "Trebuchet MS", Arial; color:#270605; text-decoration:none;}
.cokosmall{ font:bold 14px "Trebuchet MS", Arial; color:#270605; text-decoration:none;}
.whiteread{ font:normal 11px Tahoma, Verdana, Arial; color:white; text-decoration:none;}
.whiteread:hover{ font:normal 11px Tahoma, Verdana, Arial; color:#f89893; text-decoration:none;}
.redread{ font:normal 11px Tahoma, Verdana, Arial; color:#b0000b; text-decoration:none;}
.redread:hover{ font:normal 11px Tahoma, Verdana, Arial; color:black; text-decoration:none;}
.blackread{ font:normal 11px Tahoma, Verdana, Arial; color:#6e0606; text-decoration:none;}
.blackread:hover{ font:normal 11px Tahoma, Verdana, Arial; color:black; text-decoration:none;}
.coko-normal{ font:normal 11px Tahoma, Arial; color:#5e4832; text-decoration:none; line-height:18px;}
.red{ font:bold 16px "Trebuchet MS", Arial; color:#680e0e; text-decoration:none;}
.star{font:normal 11px Tahoma, Verdana, Arial; color:#b0000b; text-decoration:none;}