/* CSS Document */

*{
	margin:0px;
	padding:0px;

}


body{
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	font-size:14px;
	font-weight:normal;
	
	
}


p{
	font-family:Arial, Helvetica, sans-serif;
	color:#312b1f;
	font-size:13px;
	font-weight:normal; text-align:justify; line-height:22px; font-style:oblique;
}
hr{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #dddddd;
	margin:20px 0px;
}

h1{
	font-size:25px; margin-left:10px; margin-top:5px; text-align:left; font-family:"Times New Roman", Times, serif;
	color:#ffffff;
	font-weight:lighter;
}


h2{
	font-size:26px;
	color:#0a0c53;
	font-weight:lighter;
	margin-bottom:10px;
}

h3{
	font-size:25px; font-style:italic; font-weight:bold;
	color:#056641;
	font-weight:lighter; font-family:"Times New Roman", Times, serif; text-align:left; margin-bottom:10px;
}
h3 span{font-size:22px;
	color:#312c1f;
	font-weight:lighter; font-family:"Times New Roman", Times, serif; text-align:left;}

h4{
	font-size:25px;
	color:#fef5b8;
	font-weight:lighter; font-family:"Times New Roman", Times, serif; font-style:italic;
}

a{
	text-decoration:none;
	outline:none;
	border:none;
}

a img{
	text-decoration:none;
	outline:none;
	border:none;
}
.imgleft{float:left; margin:5px; }
table{
	border:none;
	border-collapse:collapse;
}

.clear{
	height:1px;
	width:100%;
	clear:both;
}

#header-wrapper{width:100%; height:140px; background-color:#006600; position:relative;}
.header{width:80%; margin:0 auto; height:120px; position:relative; ;}
.logo{float:left; height:120px; width:15%; margin-top:15px;}
.header-right{float:right; margin-left:10px; height:120px; width:60%; }
#navigation{
	height:30px;
	width:100%; float:right; margin-right:0px;
	margin-top:10px;

	
}

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

.menu{
	height:30px;
	width:auto;

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

.menu li:hover > ul{
	opacity:1; width:auto;
float:left;
	z-index:1000;
    
}

.menu li:hover > ul li{
	height:30px;width:auto%;

}


.menu li a{
	display:block;
	height:40px; font-size:16px;
	
	font-family:Tahoma, Geneva, sans-serif;

	color:#eeeeee;
	text-decoration:none;
	line-height:35px;
	padding:0 9px;
	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;
text-align:left; width:auto;
}

.menu li a:hover{
	color:#FFFFFF;
	background:#07b977;
	font-size:16px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
widht:100%;
}

.menu li a.active{
	color:#FFFFFF;
	background:#07b977;
	font-size:16px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
widht:100%;

	
}

.menu li > ul{
	position:absolute; cursor:pointer;
	top:40px;background:#07b977;
	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;width:100%;

}


.menu li > ul li{
	display:block;
	height:0px; z-index:1000;
	-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%;

}
#slider-wrapper{ height:270px;background-color:#666666; position:relative; z-index:10; overflow:hidden;}


.mslider{width:900px;margin:0 auto; height:270px; position:relative; }
/*slider csss*/

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

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


.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*/
margin: 10px; /*margin around each panel*/
width:100%; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}
/**categlogue css**/
.catelogue_css{
position: relative; /*leave this value alone*/
border:5px solid #006600;

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

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

.catelogue_css .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width:200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.catelogue_head{width:250px; height:30px; background-color:#006600;  text-align:left; margin-left:10px; padding-left:10px; font-weight:bolder; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:22px; font-style:italic; margin-bottom:-15px;}


/***gallery csss end***/
#who{float:right; margin-left:50px; height:250px; width:32%; margin-top:10px; margin-bottom:10px; background:#07b977;overflow:hidden;} 
.who{color:#FFFFFF; font-family:"Times New Roman", Times, serif; line-height:20px; text-align:justify; font-size:14px; padding-left:15px; padding-right:15px; padding-top:5px; overflow:hidden; height:150px; padding-bottom:5px;}



	.view{width:100px; height:25px; background:#312b1f; 
	text-align:center; position:absolute;color:#FFFFFF; 
	margin-left:15px; margin-top:10px; padding-top:10px;border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;  }
	
	.view:hover{ background:#057149;}
	
	
	
	
	#container{width:100%; height:auto; background-color:#FFFFFF; min-height:400px; position:relative;}
	.container{width:80%; margin:0 auto; height:auto; }
	#product_list{float:left; margin-left:0px; width:25%; height:auto; background:#f4f4f3; border:1px solid #dddddc; min-height:250px; margin-top:20px;}
	#middle{ float:right; width:73%; height:auto; min-height:250px;  margin-top:20px; }





#footer-wrapper{width:100%; height:200px;  background-color:#006600;position:relative;}

.mfooter{width:80%; margin:0 auto; height:200px; color:#FFFFFF;}

.footer-menu a{color:#FFFFFF; padding-top:25px; display:inline-block; margin-left:25px;margin:8px; }
.social{margin-top:10px; height:46px;}



/* 

	As this stylesheet is lazy loaded these styles only apply if JavaScript is enabled

*/	
.file-upload {
	overflow: hidden;
	display: inline-block;
	position: relative;	
	vertical-align: middle;
	text-align: center; width:120px; height:40px;

	/* Cosmetics */
	color: #fff;
	border: 1px solid #fef5b8;
	background: #06b976; margin-left:50px; margin-top:30px;

	/* Nice if your browser can do it */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-shadow: #000 1px 1px 4px;
    }
	
.file-upload:hover { 
	background: #ffffff; color:#0e7750;
	}



.file-upload input {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	font-size: 70px;

	/* Loses tab index in webkit if width is set to 0 */
	opacity: 0;
	filter: alpha(opacity=0);
	}

.file-upload strong { 
	font: normal 1.75em arial,sans-serif; 
	}	
	
.file-upload span {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;

	/* Adjust button text vertical alignment */
	padding-top: .45em;
	}

/* Adjust the button size */	
.file-upload { height: 3em; }
.file-upload,
.file-upload span {	width: 14em; }	

.file-upload-status {
	margin-left: 2px;
	vertical-align: middle;
	padding: 7px 11px;
	font-weight: bold;	
	font-size: 16px;
	color: #888;
	background: #06b976;
	border: 3px solid #ddd; width:40px !important; overflow:hidden; display:none !important; 
	}
	
	
	.broch{color:#000000; font-size:30px; text-align:center; font-family:"Times New Roman", Times, serif; font-style:italic; margin-top:20px; }
	.broch span{color:#FFFFFF;}
		.pro-list{width:100%; height:auto; line-height:25px; padding-left:5px;}
	.pro-list a{display:block; background:url(../images/bullet.png) left no-repeat; text-align:left; padding-left:5px; color:#000000; line-height:30px; }
			.pbox{width:165px; border:3px solid #EDFCFD; background-color:#FFFFFF; height:240px; overflow:hidden; border-radius:5px; float:left; margin:10px; box-shadow:2px 5px 5px #D8D9D9; margin-left:5px;}
.pbox:hover{ background:#07b977; cursor:pointer;}
.pbox a{ color:#39969D; text-decoration:none; font-weight:bold;}
.view{ height:25px; padding-top:10px; width:auto;}