@charset "utf-8";
/* CSS Document */

body  { margin:0; padding:0; background:#FFF; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}
a img { border:none;}

#main  { width:900px; margin:0 auto;}
.header  { width:100%; height:119px; float:left; background:url(../images/header.jpg) repeat-x;}
.logo  { width:73px; height:73px; float:left; background:url(../images/logo.jpg) no-repeat; margin:40px 0 0 72px; }
.logo-heading  { width:439px; height:45px; float:left; background:url(../images/logo-heading.jpg) no-repeat; margin:56px 0 0 9px;}
.menu  { width:100%; height:44px; float:left; background:url(../images/menu.jpg) repeat-x;}
.nav  { width:100%; height:44px; float:left;}
.nav ul  { margin:0; padding:14px 35px 0 70px; list-style-type:none;}
.nav ul li  { display:inline; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#a7090f; padding:0 17px 0 17px;}
.nav ul li#active  { background:#bf0007; padding:13px 14px 16px 14px;}
.nav ul li#actives  { background:url(../images/active-buttons.jpg) repeat; padding:13px 17px 16px 17px;}
.nav ul li#actives1  { background:url(../images/active-buttons1.jpg) repeat; padding:13px 17px 16px 17px;}
.nav ul li#actives1 a { text-decoration:none; color:#FFF;}
.nav ul li#actives1 a:hover { text-decoration:none; color:#000000;}
.nav ul li#actives a { text-decoration:none; color:#FFF;}
.nav ul li#actives a:hover { text-decoration:none; color:#000000;}
.nav ul li#active a { text-decoration:none; color:#FFF;}
.nav ul li#active a:hover { text-decoration:none; color:#000000;}
.nav ul li a { text-decoration:none; color:#a7090f;}
.nav ul li a:hover { text-decoration:none; color:#000000;}
.banner { width:878px; height:272px; float:left; background:url(../images/banner.jpg) no-repeat; margin:8px 0 0 13px;}
.banner1 { width:878px; height:272px; float:left; background:url(../images/banner1.jpg) no-repeat; margin:8px 0 0 13px;}
.banner3 { width:878px; height:272px; float:left; background:url(../images/banner3.jpg) no-repeat; margin:8px 0 0 13px;}
.banner4 { width:878px; height:272px; float:left; background:url(../images/banner4.jpg) no-repeat; margin:8px 0 0 13px;}
.banner5 { width:878px; height:272px; float:left; background:url(../images/banner5.jpg) no-repeat; margin:8px 0 0 13px;}
.banner6 { width:878px; height:272px; float:left; background:url(../images/banner6.jpg) no-repeat; margin:8px 0 0 13px;}
.banner7 { width:878px; height:272px; float:left; background:url(../images/banner7.jpg) no-repeat; margin:8px 0 0 13px;}
.wrap { width:900px; height:auto; float:left;}
.wel-text { width:850px; height:auto; float:left; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#555555; padding:20px 0 0 31px; text-align:justify;}
.read-more { margin-left:413px;}
.mid-contain { width:900px; height:auto; float:left;}
.mid-box { width:208px; height:305px; float:left; margin:4px 0 0 12px;}
.application { width:208px; height:42px; float:left;}
.img   { width:206px; height:139px; float:left; border-left:1px solid #b9b6b6; border-right:1px solid #b9b6b6;}
.img-text   { width:206px; height:68px; float:left; background:#f8f8f8; border-left:1px solid #b9b6b6; border-right:1px solid #b9b6b6; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#555555;}
.app-bot { width:208px; height:56px; float:left; background:url(../images/app-bot.jpg) no-repeat;}
.click1 { width:97px; height:25px; float:left; background:url(../images/click1.jpg) no-repeat; margin:0 0 0 1px;}
.click2 { width:98px; height:25px; float:left; background:url(../images/click2.jpg) no-repeat; margin:0 0 0 1px;}
.click3 { width:98px; height:25px; float:left; background:url(../images/click3.jpg) no-repeat; margin:0 0 0 1px;}
.click4 { width:98px; height:25px; float:left; background:url(../images/click4.jpg) no-repeat; margin:0 0 0 1px;}
.click-text { font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; line-height:23px;}
.bot-menu  { width:100%; height:35px; float:left; background:#ad2d08;}
.nav1  { width:100%; height:35px; float:left;}
.nav1 ul  { margin:0; padding:14px 115px 0 100px; list-style-type:none;}
.nav1 ul li  { display:inline; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#a7090f; padding:0 12px 0 12px; border-right:1px solid #FFF;}
.nav1 ul li#border  { border:none;}
.nav1 ul li a { text-decoration:none; color:#FFF;}
.nav1 ul li a:hover { text-decoration:none; color:#000000;}
.bot-copy  { width:100%; height:30px; float:left; background:#FFF; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#500100; line-height:25px;}
.think-text { margin-left:120px;}
.think { text-decoration:none; color:#500100;}
.think:hover { text-decoration:none; color:#f8f4f4;}
.read { text-decoration:none; color:#555555; line-height:18px;}
.read:hover { text-decoration:none; color:#500100;}
.click { text-decoration:none; color:#FFF;}
.click:hover { text-decoration:none; color:#500100;}
.mail { text-decoration:none; color:#666666;}
.mail:hover { text-decoration:none; color:#500100;}


/*products*/
.pro-contaner   { width:900px; height:auto; float:left;}
.pro-cont-head   { width:900px; height:auto; float:left; margin:20px 0 0 0;}
.pro-cont-heading   { width:291px; height:40px; float:left; background:url(../images/Pro-bg.jpg) no-repeat;}
.pro-box   { width:900px; height:auto; float:left; margin:15px 0 0 0;}
.pro-left-box   { width:291px; height:237px; float:left; border:1px solid #d3d3d3; background:#e6e6e6;}
.pro-img  { margin-top:5px;}
.pro-right-box   { width:560px; height:auto; float:left; background:#e6e6e6; margin:0 0 0 38px;}
.pro-left-box1  { width:900px; height:auto; float:left; margin:20px 0 0 0;}
.pro-left-box2  { width:293px; height:auto; float:left; margin:0 0 0 0;}
.pro-left-box3   { width:275px; height:212px; float:left; border:1px solid #d3d3d3; background:#e6e6e6; margin:0 0 0 0;}
.pro-right-box1   { width:560px; height:auto; float:left; background:#e6e6e6; margin:30px 0 0 38px;}
.pro-table-text {font:12px Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#555555; text-align:center; line-height:18px; text-decoration:none; padding:0 0 0 0;}
.pro-right-box2 {width:540px; height:auto; float:left; padding:0 0 0 40px;}
.pro-table-text2 {font:12px Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#555555; text-align:justify; line-height:18px; text-decoration:none;}
/*application*/
.application1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:#a92429; text-decoration:none; text-align:left; padding:0 0 0 30px;}
.app-text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#555555; text-decoration:none; text-align:justify; padding:0 20px 0 30px; line-height:18px;}
.app-heading{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#555555; text-decoration:none; text-align:left; padding:0 0 0 30px; }
.border {height:auto; width:855px; border:thin #999999 dotted; padding:0px 0 20px 10px; float:left;}

/*Contact*/
.contact {height:auto; width:400px; float:left}
.contact1 {height:auto; width:300px; float:left}

/*marotia*/

.pic-div{height:auto; width:230px; float:left}