body{ margin:0px; padding:0px; font-family:"candara"; font-size:16px; color:#003d38; background: url(images/topbodybg.jpg) repeat-x 0px 0px;  background-color:#f2f2f2; }
*{ margin:0px; padding:0px; border:0px; outline:0px;}


p{font-family: "candara", sans-serif;color:#696969; font-size:14px; font-weight:normal;

}

a:link, a:active{ text-decoration:none; color:#000;}
a:visited, a:hover{ text-decoration:underline; color:#3c3c3c;}

h1{ font-family:"candara"; }

h1{

	font-size:38px;

	color:#727171;

	font-weight:lighter; margin-bottom:3%;

}



h2{

	font-size:30px;

	color:#012643;

	font-weight:lighter;

	margin-bottom:15px;

}

h3{

	font-size:22px;

	color:#0a0c53;

	font-weight:lighter;

}



h4{

	font-size:18px;

	color:#00131f;

	font-weight:lighter;

}
img{ border:none; outline:none; margin:0px; padding:0px;}
.boder{ border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;}
.boder_10{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.boder_8{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.clear{height:1px;width:100%;clear:both;}

.border_boottom{ -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px;   border-bottom-right-radius: 3px; }
#maindiv{ width:100%; float:left; display:block;}
.wrapper{ width:1000px; margin:0px auto;}
.wrapper1{ width:100%; margin:0px auto;}
header{ width:100%; float:left; height:120px;}
.headertop{ width:100%; float:left; background:url(images/headertop.jpg) no-repeat center top; height:35px;	}

.logo{width:40%; float:left; padding:20px 0 0 0 ;}

.navia{width:58%; float:right; margin:74px 0 0 0; text-align:right; }
.navia ul{ width:100%; float:left; list-style:none; text-align:right; ;}
.navia ul li{ display:inline;}
.navia ul li a{ font:normal 14px Tahoma; color:#3c3c3c;  padding:0px 14px;}

.bannerbg{  width:100%; margin:0px auto; background:url(images/banerbg.jpg) no-repeat center top; height:437px;}
.bannerbg1{  width:100%; margin:0px auto; background:url(images/banerbg.jpg) repeat-y; height:450px;}


.slider{  width:100%; float:left; padding:20px 0px;}

container{ width:100%; float: left;}

.showproduct_row{ width:100%; float: left; margin:75px 0 0 0;}
.showproduct_cols{ width:24%; height:; float:left; margin: 0 1% 0 0; } 
.showproduct_cols .headingpro{ width:100%; background:url(images/pro_hedingbg.png) no-repeat; height:53px;}
.showproduct_cols .prodetail{ width:100%; float:left; background:url(images/pro_contentbg.png) repeat-y 0px 0px;
-webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px;   border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; color:#fff;  }

.showproduct_cols .headingpro h2{ font:bold 18px Tahoma; color:#fff; text-align:center; line-height:35px}
.showproduct_cols .prodetail i{ width:100%; float:left; text-align:center;}
.showproduct_cols .prodetail p{ color:#fff; width:90%; float: left ; text-align:justify; padding:6% 5% 6% 5% ;}
.showproduct_cols .prodetail img{ border:1px solid #fff;}
.readmore{ width:95%; float:left; margin-bottom:12px; }
.readmore a{ font-size:12px; float:right; background:url(images/readmorebg.png) no-repeat; text-align:center; width:99px; height:23px; line-height:23px; color:#fff}
.readmore a:hover{ color:#FF0}


.welcome_row{  width:100%; float:left; margin:35px 0 0  0;}
.welcome_cols_left{ width:26%; float:left;}
.welcome_cols_left strong{ color:#3c3c3c; font-style:bold;}
.welcome_cols_left ul{ list-style:none;  }
.welcome_cols_left ul li{ margin:15px 0px; line-height:17px; }
.welcome_cols_left ul li span{ float:left; background:url(images/listbullet.png) no-repeat; width:17px; height:17px; margin:1% 2% 0 0; }
.welcome_cols_left ul li a{ color:#696969; padding:6px 0px;}
.welcome_cols_left ul li a:hover{ color:#03F;}
.welcome_cols_left ul li a:hover span{float:left; background:url(images/listbullethover.png) no-repeat; width:17px; height:17px; color:#03F; }


.welcome_cols_right{ width:70%; float:left;}
.welcome_cols_right strong{ color:#3c3c3c; font-style:bold;}
.welcome_cols_right p{ margin: 0 0 3% 0;}

.blueread { width:90%; float:left; margin: 0 0px 0 0}
.blueread a{ float:right; background:url(images/readmmm.png) no-repeat center; width:113px; height:35px; line-height:35px; padding:0px 0 8px 35px; color:#fff; font-size:12px;   }
.blueread a:hover{ background:url(images/readmmmhover.png) no-repeat  center; color:#FF0 ; padding:0px 0 8px 35px;}

.gallerybg{ width:100%; float:left ; background:url(images/ballerybg.png) repeat-y; height:200px; margin:6% 0 10% 0;}
.gallry_inner{  width:98%; margin:0px auto; margin:2% 0 0 1%; text-align:center;  }
.gallry_inner img{border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #fff ; margin:0 10px; float:left; display:inline;}


.footerbg{ width:100%; float:left; border-top: 1px solid #5a5a5a;}
.footerbg_inner{ width:100%; float:left; height:95px; padding:45px 0 0 10px ; }
 .footerbg_inner a, .footerbg_inner p{ padding:10px 10px;}


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

margin-right:5px;


overflow: scroll; /*leave this value alone*/
width:100%; margin:0 auto; /*Width of Carousel Viewer itself*/
height: 200px; /*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*/
  /*margin around each panel*/
width: 240px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:180px;
}
.stepcarousel .panel img { width:190px; height:160px; border:5px solid #FFFFFF;border-radius:10px; -webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;}