/*-----------Common----------*/
* { margin:0px; padding:0px;}

.clear{ clear:both; display:block;}

body{background:url(../images/wmsbg_tile.png) left top repeat;}
div, p, li, br { margin:0px; padding:0px;}

.ovFlow { overflow:hidden; }

img { border:0px;}

.error { color:#FF0000; }

div { margin:0px; padding:0px; border:0px;}

.floatLeft, .fL { float:left;}

.floatRight, .fR { float:right; }

#Header, #Content, #Footer { width:990px; margin:auto;  }

.back_pic{background:url(../images/wms-bg.jpg) left top no-repeat; width:100%; height:100%;}

/*-----------Header----------*/

#Header {  background:url(../images/top_bg.png) left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding-left:7px; line-height:21px; margin-bottom:6px; width:983px; }

/*-----------common----------*/
#Content { background:url(../images/back-kalka.png) right top no-repeat #FFFFFF;}
#Content .logo  { float:left; width:230px; padding:7px 0px 0px 7px; }
#Content .logo h1 { background:url(../images/logo.gif) left top no-repeat; width:220px; height:87px; display:block;}
#Content .logo h1 a { width:220px; height:87px; display:block; }
#Content .logo h1 a span { display:none; }

/*--------------------nav---------------------------*/
/*#Content .nav {float:right; width:717px; margin:20px 10px 7px 8px;height:43px;}
#Content .nav li {display:inline; }
#Content .nav li a { float:left; display:block; height:43px; }
#Content .nav li a span { display:none; }
#Content .nav li a.Service { background:url(../images/button1.gif) left top no-repeat; width:146px; color:#3C3E3E; font-size:24px; font-family:Times New Roman; text-decoration:none;}
#Content .nav li a.Careers { background:url(../images/button2.gif) left top no-repeat; width:107px;color:#3C3E3E; font-size:24px; font-family:Times New Roman;text-decoration:none; }
#Content .nav li a.Portfolio {background:url(../images/button3.gif) left top no-repeat; width:111px;color:#3C3E3E; font-size:24px;font-family:Times New Roman;text-decoration:none;}
#Content .nav li a.contactUs { background:url(../images/button4.gif) left top no-repeat; width:128px;color:#3C3E3E; font-size:24px; font-family:Times New Roman; text-decoration:none; }
#Content .nav li a.aboutUs{ background:url(../images/button5.gif) left top no-repeat;width:120px;color:#3C3E3E; font-size:24px; font-family:Times New Roman; text-decoration:none; }
#Content .nav li a.sitemap { background:url(../images/button6.gif) left top no-repeat; width:105px;color:#3C3E3E; font-size:24px;font-family:Times New Roman;text-decoration:none; }
#Content .nav li a.Service:hover { background:url(../images/button1.gif) left bottom no-repeat; width:146px; }
#Content .nav li a.Careers:hover { background:url(../images/button2.gif) left bottom no-repeat; width:107px; }
#Content .nav li a.Portfolio:hover { background:url(../images/button3.gif) left bottom no-repeat; width:111px; }
#Content .nav li a.contactUs:hover { background:url(../images/button4.gif) left bottom no-repeat; width:128px; }
#Content .nav li a.aboutUs:hover { background:url(../images/button5.gif) left bottom no-repeat; width:120px; }
#Content .nav li a.sitemap:hover { background:url(../images/button6.gif) left bottom no-repeat; width:105px; }
*/
#Content .nav{float:right; width:688px; margin:20px 10px 7px 0px;height:43px;font-size:24px; font-family:Times New Roman;}
#Content .nav li{display:inline; }
#Content .nav li a {float:left; display:block; height:63px; }
#Content .nav li a span {display:none; }
#Content .nav li a.home{background:url(../images/home.png) left top no-repeat; width:110px; color:#3C3E3E; text-decoration:none; height:63px;  padding-right:3px;}
#Content .nav li a.Careers{background:url(../images/careers.png) left top no-repeat; width:110px;color:#3C3E3E;height:63px;  text-decoration:none; padding-right:3px; }
#Content .nav li a.service{background:url(../images/services.png) left top no-repeat; width:110px;color:#3C3E3E; text-decoration:none; height:63px;  padding-right:3px;}
#Content .nav li a.contactUs{background:url(../images/contact.png) left top no-repeat; width:110px;color:#3C3E3E; text-decoration:none; height:63px; padding-right:3px;  }
#Content .nav li a.aboutUs{background:url(../images/about.png) left top no-repeat;width:110px;color:#3C3E3E; text-decoration:none; height:63px;  padding-right:3px; }


#Content .nav li a.home:hover{background:url(../images/home-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px;  padding-right:3px;}
#Content .nav li a.aboutUs:hover{background:url(../images/about-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px;  padding-right:3px;}
#Content .nav li a.Careers:hover{background:url(../images/careers-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px;  padding-right:3px; }
#Content .nav li a.service:hover{background:url(../images/services-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px; padding-right:3px; }
#Content .nav li a.contactUs:hover{background:url(../images/contact-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px;padding-right:3px;}
#Content .nav li a.portfolio{background:url(../images/portfolio.png) left top no-repeat; width:110px; color:#FFF; height:63px;  padding-right:3px; text-decoration:none;}

#Content .nav li a.portfolio:hover{background:url(../images/portfolio-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px;  padding-right:3px; text-decoration:none;}

#Content .nav li a.portfolio-Act{background:url(../images/portfolio-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px;  padding-right:3px; text-decoration:none;}

#Content .nav li a.aboutUs-Act{background:url(../images/about-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px;  padding-right:3px; text-decoration:none; }
#Content .nav li a.home-Act{background:url(../images/home-select.png) left bottom no-repeat; width:110px; color:#FFF;height:63px;  padding-right:3px; text-decoration:none; }
#Content .nav li a.service-Act{background:url(../images/services-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px;  padding-right:3px; text-decoration:none; }
#Content .nav li a.contactUs-Act{background:url(../images/contact-select.png) left bottom no-repeat; width:110px; color:#FFF;height:63px;  padding-right:3px; text-decoration:none; }
#Content .nav li a.Careers-Act{background:url(../images/careers-select.png) left bottom no-repeat; width:110px; color:#FFF; height:63px;  padding-right:3px; text-decoration:none; }


#Content .pic-left{background:url(../images/left_pic.png) left top no-repeat; float:left; width:279px; height:251px; margin: 31px 0px 0px 8px;}
#Content .pic-left .text1{margin: 77px 0px 0px 205px; font-family:Times New Roman, Times, serif; font-weight:bold; color:#ffffff; font-size:27px; }
#Content .pic-left .text2{margin: 8px 0px 0px 46px; font-family:Times New Roman, Times, serif; font-weight:bold; color:#B11E23; font-size:27px; }
#Content .pic-left .text3{margin: 0px 0px 0px 95px; font-family:Times New Roman, Times, serif; font-weight:bold; color:#555555; font-size:24px; }
#Content .pic-left .text4{margin: 23px 0px 0px 55px; font-family:Times New Roman, Times, serif; font-weight:normal; color:#ffffff; font-size:19px; }
#Content .slide-show{background: url(../images/slide-show-area.png) left top no-repeat; float:right; width:674px; height:279px; margin:0px 4px 0px 0px; padding:20px 0px 0px 25px; }
#Content .slide-show .nameback{background:#FFF none repeat scroll 0% 0%; overflow: hidden; position: relative; visibility: visible; width: 656px; height: 256px; background-color: #FFF;}
#Content .slide-show .jsback{background: black none repeat scroll 0% 0%; position: absolute; left: 0px; top: 2px; width: 100%; height: 100%; z-index: 1000;}
#Content .main {margin:6px 0px 0px 8px;}
#Content .main .floatLeft{ width:590px;}
#Content .main .floatLeft h1{font-family: Arial, Helvetica, sans-serif;font-size: 28px; color:#A82428; font-weight:normal;}
#Content .main .floatLeft h3{font-family: Times New Roman, Times, serif;font-size: 16px; color:#A82428; font-weight:bold;}
#Content .main .floatLeft p {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#555555; margin:10px 0px 0px 3px; text-align:left;}
#Content .main .floatLeft h2{font-family: Times New Roman, Times, serif;font-size: 23px; color:#ffffff; font-weight:normal; padding:13px 0px 0px 13px;}
#Content .main .floatLeft .whitetext{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; margin:10px 0px 0px 13px; text-align:left; width:451px; }
#Content .main .floatLeft li{background:url(../images/bullet.png) no-repeat; list-style:none;padding-left:20px;color:#555555;line-height:25px;margin:0px 0px 0px 8px;font-size:14px; font-family:Arial;}
#Content .main .floatRight{width:373px; margin:0px 9px 0px 9px;}
#Content .main .floatRight h1{font-family: Times New Roman, Times, serif;font-size: 24px; color:#AC1B1F;margin:0px 0px 0px 12px; font-weight:normal;}
#Content .main .floatRight .rightpanel{width:374px; margin:9px 0px 0px 0px;}
#Content .main .floatRight .rightpanel .panelbg{background:url(../images/right-panel-bg.png) left top repeat-y; width:374px;}
#Content .main .floatRight .rightpanel .panelbg h2{font-family: Times New Roman, Times, serif;font-size: 18px; color:#B11E23; padding:0px 0px 0px 20px; font-weight:normal; text-decoration:underline;}
#Content .main .floatRight .rightpanel .panelbg .img-left{margin:19px 0px 0px 12px; float:left; }
#Content .main .floatRight .rightpanel .panelbg li{background:url(../images/tick.png) no-repeat; list-style:none; padding-left:20px;  height:20px; font-size:16px; font-family:Times New Roman, Times, serif; font-weight:normal; color:#555555;}
#Content .main .floatLeft .fL{width:286px;}
 #Content .main .fL h1{font-family: Times New Roman, Times, serif;font-size: 26px; color:#A82428; font-weight:normal;}

#Content .main .floatLeft .fR{width:286px;}
#Footer a.text{font-family:Times New Roman, Times, serif; font-size:18px; color:#848484; text-decoration:none;}
#Footer p{font-family:Times New Roman, Times, serif; font-size:18px; color:#848484;}

.rquirement{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}
.txtfield1 {font-family:Arial, Helvetica, sans-serif;font-size: 11px;line-height: 16px;font-weight: normal;text-decoration: none;height: 16px;border: 1px solid #666666;width: 200px;}
.quoteright {line-height: 17px;height: 14px;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #683a1e;}
.txtarea1 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 18px;font-weight: normal;text-decoration: none;height: 40px;border: 1px solid #666666;width: 200px;margin-bottom: 5px;}
.txtareawide {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 18px;font-weight: normal;text-decoration: none;height: 50px;border: 1px solid #000000;width: 500px;}
.quoteform  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 18px;font-weight: bold;color: #683a1e;text-decoration: none;}
.bodytext {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 14px;font-weight: normal;color:#666666;text-decoration: none;padding-right: 10px;padding-left: 12px;text-align: justify;padding-bottom: 9px;}
.portfolio{font-family: Times New Roman, Times, serif;font-size: 14px; color:#A82428; padding:0px 0px 0px 10px; font-weight:bold; line-height:30px;}
.portfolio_page{font-family: Times New Roman, Times, serif;font-size: 13px; color:#A82428; padding:0px 0px 0px 10px; font-weight:bold; line-height:20px;}

#Content .main .leftportfolio{ width:550px; margin-top:3px;margin-left:20px; float:left;}
#Content .main .leftportfolio h1{font-family: Times New Roman, Times, serif;font-size: 26px; color:#A82428; font-weight:normal;}
#Content .main .leftportfolio h3{font-family: Times New Roman, Times, serif;font-size: 16px; color:#A82428; font-weight:bold;}
#Content .main .leftportfolio p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555; margin:10px 0px 0px 3px; text-align:left;}
#Content .main .leftportfolio h2{font-family: Times New Roman, Times, serif;font-size: 23px; color:#ffffff; font-weight:normal; padding:13px 0px 0px 13px;}
#Content .main .leftportfolio .whitetext{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; margin:10px 0px 0px 13px; text-align:left; width:451px; }
#Content .main .leftportfolio li{background:url(../images/bullet.png) no-repeat; list-style:none;padding-left:20px;color:#555555;line-height:25px;margin:0px 0px 0px 8px;font-size:14px; font-family:Arial;}
#Content .main .leftportfolio .fL{width:286px;}
#Content .main .leftportfolio .fR{width:236px;}