/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(http://fonts.googleapis.com/css?family=Philosopher);
*{
	margin:0px;
	padding:0px;
/*	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;*/
	
	font-family: 'Philosopher', sans-serif;
}

body{
	font-family: 'Philosopher', sans-serif;
	color:#777777;
	font-size:14px;
	font-weight:normal;
	background:#c8e8fd;
}
a{ text-decoration:none;}
.clear{clear:both; }
h1{ width:100%; height:25px; text-transform:uppercase; line-height:25px; text-align:left; font-weight:normal; color:#fff; font-size:26px; font-family:inherit; margin-top:15px;}
//h1:before{ content:url(images/star.png) ;}
h3{background:#064E80; padding: 5px;   color: #fff;}
h2{color:#474950; text-align:left; font-size:26px; margin-top:15px;   font-family: inherit; border-bottom:1px solid #454545;}
p{ text-align:justify; color:#585a5b; line-height:22px; font-size:14px; font-family: 'PT Sans Narrow', sans-serif; }

.wrap{ width:1000px; height:auto; margin:0 auto; }
.header-wrap{ width:100%; height:50px;	
	background: -moz-linear-gradient(center top , #064f82, #023a61) repeat scroll 0 0 rgba(0, 0, 0, 0);
 background: -webkit-gradient(linear, left top, left bottom, from(#064f82), to(#023a61));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#064f82', endColorstr='#023a61');
 
 }
#header{background:url(images/header-bg.png) right no-repeat; height:123px; opacity:0.20}
.logo{ float:left; width:500px; text-align:left; color:#fff; font-size:20px; padding-top:12px; }
#navigation{
	height:50px;
	width:452px; margin: 0px auto; float:right; ma
	


}

.menu, .menu ul{
	margin:0;
	padding:0;
}

.menu{
	height:50px;

	

	
}
.menu li{
	list-style:none;
	display:block;
	height:50px;
	float:left;
	position:relative;
}

.menu li:hover > ul{
	opacity:1;
	left:0px;
	z-index:3;
}

.menu li:hover > ul li{
	height:33px; 
}

.menu li:hover > ul li a:hover{ background:#074470; 
 
}

.menu li a{
	display:block;
	height:50px;
	font-family: inherit;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	line-height:50px;
	padding:0 15px;
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
}

.menu li a:hover ,.menu li a.active {
 color:#FFFFFF;
 background: -moz-linear-gradient(center top , #f97f0a, #e06702) repeat scroll 0 0 rgba(0, 0, 0, 0);
 background: -webkit-gradient(linear, left top, left bottom, from(#f97f0a), to(#e06702));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f97f0a', endColorstr='#e06702');
	
	
}



.menu li > ul{
	position:absolute; cursor:pointer;
	top:50px; width:200px;
	background:#ffa952; display:block;
	opacity:0;
	-webkit-transition:all .3s ease .2s;
	-moz-transition:all .3s ease .2s;
	-ms-transition:all .3s ease .2s;
	-o-transition:all .3s ease .2s;
	transition:all .3s ease .2s;
}





.menu li > ul li , .menu li > ul li a{
	display:block;font-size:13px;
	height:30px  !important; line-height:30px !important;
	-webkit-transition:all .3s ease .2s;
	-moz-transition:all .3s ease .2s;
	-ms-transition:all .3s ease .2s;
	-o-transition:all .3s ease .2s;
	transition:all .3s ease .2s;
	overflow:hidden; width:100%;
}


.top-slider{ width:100%; height:150px; background:#e6f3fc; 
border-bottom:5px solid #faa80a; font-weight:normal; 
 text-align:center; font-size:20px; padding-top:5px; color:#07436e; 
font-family: 'Philosopher', sans-serif;}

/** slider css */

.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 115px; margin-top:10px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
border:5px solid #fff;
 height:80px;
 -webkit-box-shadow: 4px 3px 6px 0px rgba(50, 50, 50, 0.44);
-moz-box-shadow:    4px 3px 6px 0px rgba(50, 50, 50, 0.44);
box-shadow:         4px 3px 6px 0px rgba(50, 50, 50, 0.44);


}
.web-slider{ width:650px; height:285px; border:8px solid #fff; margin-top:15px; background:#fff; float:left;}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.effect2:after
{
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 10px;
  left: auto;
}
.welcomebox{ width:315px; height:290px; margin-top:15px; background:#e6f3fc; float:right; padding:5px; }
.welcomebox h1{ color:#f76c07; font-size:14px; margin-top:0px;}
.btn-main-narrow {

display: inline-block;

cursor: pointer;

text-align: center;

text-decoration: none;

font-size: 15px;

line-height: 1.42857;

vertical-align: middle;

white-space: nowrap;

color:#fff;

padding: 5px 12px;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

background: -webkit-gradient(linear, left top, left bottom, from(#f69b02), to(#ff3e33));

background: -moz-linear-gradient(top, #f69b02, #ff3e33);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f69b02', endColorstr='#ff3e33');

border: none;
float:right; margin-top:40px;

}
.top-slider-img{ background:url(images/slide.jpg); height:100px;  margin-top: -15px;}
.top-slider-img h1{padding: 30px;}
.product-area{ background: none repeat scroll 0 0 #fff;
    height: auto;
    margin-top: 15px;
    overflow: hidden;
    width: 100%;}
.left{ float:left; width:260px; height:auto; padding: 8px;}
	.sidebar{ border:2px solid #f2f2f2;}
.sidebar ul{ list-style-type:none;}
  .sidebar ul li{ border-bottom: 1px dashed #e0e0e0; margin-left: 10px;
    display: list-item; height:30px;
    padding: 5px;}
    .sidebar ul li a{ font-size:16px; color:#000000;}
	.glossymenu h3{ background:#064E80; padding: 5px;   color: #fff;}
	.product{ width:150px; height:180px; float:left; border: 1px solid #f1f1f1;  margin: 10px 29px;}
	.middle{ width:420px; float:left; padding: 7px;}
	.middle h4{ border-bottom: 1px solid #d1d1d1;
    margin: 12px 0;
    padding-left: 6px;}
	.pro-title{ text-align:center;}
.right{ float:left; width:280px;  margin-top: 10px;}	
.right h3{background:#064E80; padding: 5px;   color: #fff;}
.certificate{ background:#0968D2;margin-top: 8px;  text-align: center;   padding: 12px 0;}
.address{ background:#FE9B00; padding: 11px;  margin-top: 6px;}
.address p{ font-size:15px } 
.footer{ width:100%; background:#064E80;    min-height: 70px;    margin-top: 12px;}
#footer_wrap{ width:1000px; margin:0px auto; padding: 15px;}
.footer_menu{ width:auto;}
.footer_menu ul{ list-style-type:none; }
.footer_menu ul li{ display:inline; padding: 0 10px;}
.footer_menu ul li a{ text-decoration:none; color:#FFFFFF;}
.footer_add{ float:right;  margin: -22px 60px;}
.footer_add p{ color:#FFFFFF;}
.footer_add a{ color:#FFFFFF; text-decoration:underline;}
.left-sidebar{ float:left; width:680px;}
.left-sidebar p{ padding:10px;}
.left-sidebar h2{ padding-left:5px;  margin-top: 5px;}
.right-sidebar{ float:right; width:300px;margin: 11px 8px;border: 1px solid #e7e6e7;}
.right-sidebar p{ padding:10px; }
.right-sidebar h3{  background: none repeat scroll 0 0 #064e80;
    color: #fff;
    padding: 5px;}
	.social h3{  background: none repeat scroll 0 0 #064e80;
    color: #fff;
    padding: 5px;}
.social{ float:right; width:300px; border:1px solid #e7e6e7;     margin: 9px 8px;}	
.social a{ text-align:center;padding-left: 28px;}
/*######## Smart Green ########*/
.smart-green {
    margin-left:auto;
    margin-right:auto;

    max-width: 500px;
    background: #F8F8F8;
    padding: 30px 30px 20px 30px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	 margin-top: 15px;
    -moz-border-radius: 5px;
}
.smart-green h1 {
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 20px 0px 20px 40px;
    display: block;
    margin: -30px -30px 10px -30px;
    color: #FFF;
    background: #064e80;
    text-shadow: 1px 1px 1px #949494;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid #89AF4C;

}
.smart-green h1>span {
    display: block;
    font-size: 11px;
    color: #FFF;
}

.smart-green label {
    display: block;
    margin: 0px 0px 5px;
}
.smart-green label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select {
    color: #555;
    height: 30px;
    line-height:15px;
    width: 100%;
    padding: 0px 0px 0px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.smart-green textarea{
    height:100px;
    padding-top: 10px;
}
.smart-green select {
    background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none; 
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width:100%;
    height:30px;
}
.smart-green .button {
    background-color: #064e80;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
}
.smart-green .button:hover {
    background-color:#80A24A;
}
#left-product{   padding: 10px;
    width: 280px !important;}
#right-product{width:680px !IMPORTANT;}
.product-image{ float:left; width:255px;  padding: 5px;}
.product-description{ float:right; width:400px; margin:10px 0px}
.releated-product{}
.listofmachinery{   border-bottom: 2px solid #e1e1e1;
    margin: 14px 20px;}
.listofmachinery p{   float: left;
    font-family: monospace;
    font-size: 32px;
    padding-left: 228px;}