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

.alignright{ float:right; margin:0 0 15px 15px;}
.alignleft{ float:left; margin:0 15px 15px 0; }

body{ background:#e9e9e9; font-family: 'Titillium Web', sans-serif; font-size:12px; margin:0; padding:0; }
.wrapper{ width:1000px; margin:30px auto 10px auto; box-shadow:0 0 3px #999; background:#fff; border-radius:4px;}

header{ width:100%; background:#fff; border-radius:4px}
.logo{ float:left; }
.logo img{margin: 16px 5px;  width: 501px;}
.call{ float:right; text-align:right; padding: 33px 18px 0 5px; font-weight:bold;}
.call p{line-height:1.5em; margin: 0; padding: 0;}
.call p span{ color:#5a30d0}
.clear{ clear:both; }
a{ text-decoration:none; color:#5a30d0}

.menu_toggle{ background:#5a30d0; display:none; padding:15px 50px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; width:300px; text-align:center; margin:auto; font-size:20px;}
.menu{ margin:auto; width:100%; background:#5a30d0;}
.menu ul{ margin:0; padding:0;  }
.menu ul li{ float:left; list-style:none; border-right:thin solid #6c3ed2;}
.menu ul li:last-child { border:none !important;}
.menu ul li a{ display:block; padding:12px 30px; font-size:11px; color:#fff; text-decoration:none; text-transform:uppercase}
.menu ul li a:hover{ color:#fff; background:#653ed2}

.menu ul li ul{ width:200px; height:auto; background:#653ed2; padding:5px 0; margin:0; position:absolute; display:none;}
.menu ul li ul li{ float:none; border-bottom:thin solid #7547db; border-right:none;}
.menu ul li ul li a{ display:block; padding:5px 20px;  text-align:left; color:#fff; font-size:11px; line-height:1.4em; transition:0.5s padding;}
.menu ul li ul li a:before{ content: '\2192'; padding-left: -20px; padding-right: 10px; }
.menu ul li ul li a:hover{ background:#5a30d0; color:#fff; padding-left:30px}
.menu ul li:hover ul{ display:block; z-index:500;}

.slide{ width:100%; height:288px; overflow:hidden;}
.s1{ width:584px; float:left;}
.s2{ width:416px; float:right; background: url(images/s2bg.jpg); height:288px; }
.s2 > div{ padding:10px;}
.s2 h2{ color:#000; margin:5px 0; }
.s2 h1{ color:#fff; line-height:1.2em}
.s2 p{ color:#fff;}

h1{ font-weight:normal; font-size:25px; color:#5a30d0; margin:0; padding:0}
.clear{ clear:both;}
.c{ width:100%; background:#fff; margin:5px auto; }
.c1{ width:70%; float:left; margin:5px auto; background:#fff; }
.c2{ width:29.5%; float:right; margin:5px auto; background:#fff;}
.c2 h1{ font-weight:normal; font-size:16px; text-transform:uppercase; border-bottom: 5px solid #2f05a5; padding:5px 10px; color:#fff; background:#5a30d0; margin:0; border-radius:4px;}

.cont{ background:linear-gradient(to bottom, #ededed 10%, #fdfdfd 80%); width:47.5%; margin:1%; border:1px solid #999; float:left; height:154px;}

.c2 ul{ margin:10px auto; width:98%; padding:0; box-shadow:0 1px 1px #999;}
.c2 ul li{ list-style:none; border-bottom:thin solid #e9e9e9;}
.c2 ul li a{ display:block; color:#333; padding:8px; background:#f3f3f3; text-transform:uppercase ;}
.c2 ul li a:hover{ background:#f9f9f9}


.padding{ padding:2px 10px; text-align:justify}
.content{ margin:auto; width:100%;}
.c p, .c1 p{ line-height:1.8em; font-size:12px; color:#222; text-align: justify;}

footer{ width:1000px; margin:auto; margin-bottom:30px }
.copyright{ width:100%; margin:auto; padding:0; text-align:center; color:#333; font-size:14px; text-shadow:1px 1px 0 #fff;}
.copyright a{ color:#5a30d0;}

textarea{ border:2px solid #ccc; padding:5px; width:350px; height:100px; font-family:Helvetica; font-size:13px }
input[type='text']{ border:2px solid #ccc; padding:5px; width:250px;}
input[type='email']{ border:2px solid #ccc; padding:5px; width:250px;}
input[type='submit']{ background:#5a30d0; color:#fff; width:95px; margin:auto; height:30px; font-size:15px; text-transform:uppercase; font-weight:normal; border:none; cursor:pointer; border-radius:3px;}

.c2 textarea{ border:2px solid #ccc; padding:5px; width:95%; height:100px; font-family:Helvetica; font-size:13px; margin:5px 0; }
.c2 input[type='text']{ border:2px solid #ccc; padding:5px; width:95%; margin:5px 0;}
.c2 input[type='email']{ border:2px solid #ccc; padding:5px; width:95%; margin:5px 0;}

.button{ background:#5a30d0; color:#fff; width:90px; margin:auto; height:30px; font-size:14px; text-transform:uppercase; font-weight:normal; border:none; cursor:pointer; border-radius:3px;}
.msg{ border:thin solid #d00; background:#f0f0f0; color:#222; padding:5px; width:340px; display:none}

.c3{ width:100%; float:left; margin:5px auto;}
.padding3{ padding:0px 3px; text-align:justify}
.prods{
	background: none repeat scroll 0 0 #ddd;
    float: left;
    height: 143px;
    margin: 4% 2%;
    width: 20%;
}
.prods h3{
    margin: 3px;
    padding: 0;
    text-align: center;
}

.prods img{ width:100%; border:thin solid #ccc;}

ul{ padding:0 20px; margin:7px 0; text-align:left}

.home_prods{width:48%; margin:2% 1%; float:left; height:174px;}
.home_prods h1{font-weight:normal; font-size:16px; text-transform:uppercase; border-bottom: 5px solid #2f05a5; padding:5px 10px; color:#fff; background:#5a30d0; margin:0; border-radius:4px;}
.home_prods img { float:left; border:thin solid #ccc; margin:0 5px 0 0}

.industries{ width:100%; margin:10px auto; background:#1D63DD; color:#fff; border-radius:5px; padding-bottom:10px;}
.industries h2{ padding:10px; margin:0}
.industries img { margin:0}
.industries ul { padding:0 30px; width:auto; box-shadow:none}
.industries ul li{ border:none; list-style:disc}

.banner{ border-radius:5px; }