/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		min-width: 1000px;
		line-height: 2.25em;
		min-height: 100%;
		background:#c0ddeb url("../images/bg.jpg") repeat-x scroll 0 0;
	}
#homebg{
	background:url(../images/bg2.jpg) no-repeat right top;
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	
}
	

	
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper	{
		padding: 0px 0 0px 0;
		height:auto;
		width:100%;
		float:left;
		margin:0px;
	}
	

		#menu-wrapper{
		padding: 0px 0px;
		margin:0px;
		float:left;
		width:100%;
	}
	#banner-wrapper{
		padding: 0px 0px;
		margin:0px;
		float:left;
		width:100%;
	}
	#main-wrapper{
		padding: 0px 0px;
		float:left;
		width:100%;
	}
	
	#footer-wrapper
	{
		padding: 0px 0px 0px 0px;
		float:left;
		width:100%;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		padding:10px 0px 15px 0px;
		float:left;
	}
	
	#logo img{
		
		float:left;
	}

		#call{
	width:auto;
	height:auto;
	float:right;
	padding:5% 0px 0px 0px;
	margin:0px;
	text-align:left;
	font-family: 'Oxygen', sans-serif;
	font-size:29px;
	color:#fff;
	line-height:25px;
	text-shadow:#666 1px 0px 1px;
}
#call img{
	margin:0px 2px 0px 0px;
}
.bannerarea{
	width:100%;
	height:auto;
	float:left;
	padding:20px 2% 0px 2%;
	margin:0px;
	background:#fff;
}
#quickbox-panel{
	width:100%;
	height:104px;
	float:left;
	padding:0px;
	margin:1px 0px 0px 0px;
}
#quickbox-panel ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
#quickbox-panel li{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 1px 0px 0px;
	float:left;
	width:33.39%;
	height:auto;
	
	text-align:center;
	
}
#quickbox-panel li a{
	font-family: 'Oxygen', sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#8cdaf9;
	line-height:17px;
	text-shadow:1px 0px 1px #024361;
	background:url(../images/quick-box.jpg) no-repeat center bottom #0072a6;

	display:block;
	position: relative;  
	width:100%;
	float:left;
	height:103px;
	padding:22px 0px 0px 0px;
}
#quickbox-panel li a:hover{
	font-family: 'Oxygen', sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#fff;
	line-height:17px;
	text-shadow:1px 0px 1px #024361;
	background:url(../images/quick-box-hover.jpg) no-repeat center bottom #1aa7df;
}
#quickbox-panel li b{
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:35px;
	text-shadow:1px 0px 1px #7c7c7c;
}

#quickbox-panel li.endbox{
	width:33%;
	margin:0px 0px 0px 0px;
}


/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/


#homecontents{
	width:100%;
	background:#fff;
	height:auto;
	float:left;
	padding:12px 2% 0px 2%;
	margin:0px;
	font-size:13px;
	font-family: 'PT Sans Caption', sans-serif;
}
#home-LHS{
	width:67%;
	height:auto;
	float:left;
	padding:0px;
	margin:0px 0px 20px 0px;
	background:url(../images/content-bg2.jpg) repeat-x bottom;
}
.welcometext{
	width:100%;
	height:auto;
	float:left;
	background:url(../images/content-bg.jpg) repeat-x top;
	padding:0px 3% 20px 3%;
	color:#4a4949;
	text-align:justify;
	font-size:13px;
	font-family: 'PT Sans Caption', sans-serif;
	line-height:19px;
}
.welcometext b{
	font-weight:bold;
}
.welcometext img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:#dce4ea 1px solid;
	padding:5px;
	margin:3px 10px 0px 0px;
}
h3{
	font-size: 24px;
	font-family:Geneva, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
	text-shadow:1px 0px 1px #fff;
	text-align:left;
	line-height:25px;
	padding:0px 0px;
	margin:15px 0px 20px 0px;
}
.homeproduct{
	width:100%;
	height:auto;
	float:left;
	background:url(../images/divider2.jpg) no-repeat top;
	padding:0px 2% 25px 2%;
	color:#4a4949;
	text-align:justify;
	font-size:13px;
	font-family: 'PT Sans Caption', sans-serif;
	line-height:19px;
}
.homeproduct .productimg{
	width:20%;
	height:auto;
	float:left;
}
.homeproduct .productimg img{
	margin:6px 0px 0px 0px;
}
.homeproduct .productcont{
	width:50%;
	height:auto;
	float:right;
}
.homeproduct .productcont a{
	color:#4a4949;
}
.homeproduct .productcont a:hover{
	color:#0072a6;
}
.homeproduct .productcont b{
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:15px;
}
.homeproduct .productcont span{
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:15px;
}

#home-RHS{
	width:30%;
	height:auto;
	float:right;
	padding:0px;
	margin:0px 0px 0px 0px;
}
.homecontact{
	width:100%;
	height:250px;
	float:left;
	padding:0px 5% 0px 5%;
	margin:0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f8fc+0,ffffff+49,f3f8fc+100 */
background: #f3f8fc; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f8fc 0%, #ffffff 49%, #f3f8fc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f3f8fc 0%,#ffffff 49%,#f3f8fc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f3f8fc 0%,#ffffff 49%,#f3f8fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f8fc', endColorstr='#f3f8fc',GradientType=0 ); /* IE6-9 */

	line-height:19px;
	color:#505050;
}
.homecontact img{
	margin:1px 4px 0px 0px;
}
.homecontact a{
	color:#505050;
	text-decoration:none;
}
.homecontact a:hover{
	color:#0072a6;
	text-decoration:none;
}
.homecertificate{
	width:100%;
	height:auto;
	float:left;
	padding:0px 5% 0px 5%;
	margin:0px;
	line-height:19px;
	color:#505050;
}
.homecertificate b{
	font-weight:bold;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 100%; /*width of featured content slider*/
height: 180px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#contentwrapper{
	width:100%;
	height:auto;
	float:left;
	padding:2%;
	margin:0px;
	background:#FFF;
}

#innercontents{
	width:100%;
	height:auto;
	float:left;
	padding:12px 25px 20px 25px;
	margin:0px 0px 0px 0px;
	color:#4a4949;
	text-align:justify;
	font-size:13px;
	font-family: 'PT Sans Caption', sans-serif;
	line-height:19px;
	background:url(../images/content-bg4.jpg) repeat-x top;
	border-top:#f3f8fc 1px solid;
}
#innercontents img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:#dce4ea 1px solid;
	padding:5px;
	margin-top:3px;
}
#innercontents b{
	font-weight:bold;
}
.colorpanel1{
	width:100%;
	height:auto;
	float:left;
	padding:20px;
	margin:0px;
	background:#2e328a;
	color:#fff;
}
.colorpanel1 img{
	border:none !important;
	padding:0px !important;
	border-radius:0px !important;
	}
.colorpanel1 a{
	color:#f2e018;
	text-decoration:underline;
	}
.colorpanel1 h5{
	color:#f2e018;
	font-family: 'PT Sans Caption', sans-serif;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	line-height:25px;
	margin:0px 0px 15px 0px;
}
.colorpanel1 h6{
	color:#f2e018;
	font-family: 'PT Sans Caption', sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:25px;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
}
.allproduct-list{
}
.allproduct-list span{
	float:left;
	clear:both;
	display:block;
	width:100%;
	font-size:15px;
}
.allproduct-list ul{
	padding:0px;
	margin:0px;
	list-style:none;
	clear:both;
}
.allproduct-list li{
	padding:0px;
	margin:0px 10px 10px 0px !important;
	float:left;
	display:block;
	color:#fff;
	padding:10px 10px 10px 10px;
	width:23.5%;
	margin:0px 0px 0px 0px;
	background-color:#e6f1f7;
	cursor:pointer;
	text-align:center;
}
.allproduct-list li a{
	color:#000;
	text-decoration:none !important;
}
.bread-crumbs{
	width:100%;
	height:auto;
	float:left;
	padding:0px;
	margin:0px 0px 10px 0px;
}
.bread-crumbs ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.bread-crumbs li{
	padding:0px 20px 0px 0px;
	margin:0px 13px 0px 0px;
	float:left;
	background:url(../images/crumbs-arow.jpg) no-repeat right;
	color:#8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:30px;
}
.bread-crumbs li.lastlink{
	background:none;
}
.bread-crumbs li a{
	color:#8d8d8d;
	text-decoration:none;
	text-shadow:#fff 0px 1px 1px;
}
.bread-crumbs li a:hover{
	color:#038bc7;
}

.noncolorpanel1{
	width:55%;
	height:auto;
	float:left;
	padding:0px;
	margin:0px;
	color:#000;
}
.noncolorpanel1 a{
	color:#2e328a;
	text-decoration:underline;
	}
.noncolorpanel1 h5{
	color:#2e328a;
	font-family: 'PT Sans Caption', sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	line-height:25px;
	margin:0px 0px 15px 0px;
}
.noncolorpanel1 h6{
	color:#2e328a;
	font-family: 'PT Sans Caption', sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:25px;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
	clear:both;
}
.noncolorpanel-img{
	width:40%;
	height:auto;
	float:right;
	padding:0px;
	margin:0px;
	background:#2e328a;
	color:#fff;
}
.noncolorpanel-img img{
	float:right;
	width:100%;
}
#innercontents2{
	width:100%;
	height:auto;
	float:left;
	padding:12px 25px 20px 25px;
	margin:15px 0px 0px 0px;
	color:#4a4949;
	text-align:justify;
	font-size:13px;
	font-family: 'PT Sans Caption', sans-serif;
	line-height:19px;
	background:url(../images/content-bg4.jpg) repeat-x top;
	border-top:#f3f8fc 1px solid;
}
ul.arowlist{
	padding:0px;
	margin:0px 0px 20px 20px !important;
	float:left;
	list-style:outside;
	clear:both;
	
}
.arowlist li{
	list-style-image:url(../images/arow3.jpg) !important;
	list-style:outside;
	color:#000;
	float:left;
	clear:both;
	padding:0px 0px 10px 0px;
}
table.prop{
	border-right:1px solid #f3f8fc;
	border-top:	1px solid #f3f8fc;


}
table.prop td{
	border-left:1px solid #f3f8fc;
	border-bottom:1px solid #f3f8fc;
	padding:5px 10px 0px 10px;
}
.contact-LHS{
	width:45%;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 40px 0px 0px;
	color:#554C35;
	font-size:14px;
}
.contact-LHS a{
	color:#554C35;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
.contact-LHS a:hover{
	color:#08971a;
}
.contact-RHS{
	width:45%;
	height:auto;
	float:right;
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
}

#map_canvas { width:100%; height:200px; margin-bottom:20px; padding:7px; border:#f4f3f0 1px solid; }

#form_main {display:block; width:100%; float:left;}
#form_main label {display:block; height:auto; float:left; clear:both; padding:0px 0px 7px 0px; width:100%;}
#form_main select, #form_main input {width:70%; font-size:1em; color:#353535;margin:0; padding:8px 10px; font-family:Arial, Helvetica, sans-serif; border:1px solid #edf1f6; background:#f4f7fc; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
#form_main span{width:30%; float:left; padding:5px 0px 0px 0px; }
#form_main b{ color:#F00; font-weight:normal; margin-bottom:0px !important;  }
#form_main textarea {height:140px; overflow:auto; width:70% !important; font-size:1em; color:#353535; margin:0; padding:8px 10px; font-family:Arial, Helvetica, sans-serif; border:1px solid #edf1f6; background:#f4f7fc; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
fieldset{	border:0px;}
.button-panel{ float:left; padding:0px; clear:both; width:100%; padding:10px 0px 0px 95px; }
.submitbutton{
	background:#182083;
	margin:0px 3px 0px 5px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	color:#fff !important;
	text-decoration:none;
	padding:7px 15px 7px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #171f84;
	cursor:pointer;
	text-decoration:none !important;
}
.submitbutton:hover{
	background:#23b7e5;
	color:#fff;
	border:1px solid #26a4c8;
}
#manufacture{
	width:100%;
	height:auto;
	float:left;
	padding:0px;
	margin:20px 0px 0px 0px;
}
#manufacture ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#manufacture li{
	padding:20px;
	margin:0px 0px 20px 0px;
	float:left;
	width:48%;
	height:auto;
	background:#e9f0f7;
	color:#000;
	text-align:justify;
	line-height:18px;	
}
#manufacture li img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:#dce4ea 1px solid;
	padding:5px;
	margin-top:3px;
	background:#fff;
}
#manufacture li span{
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	display:block;
}
#manufacture li.endmanufact{
	margin:0px 0px 20px 20px;
	float:right;
}

.listround{
	color:#0284bf; float:left; padding:20px 0px 0px 20px; line-height:21px; width:100%;
	list-style:disc;
}
.listround li{
	float:left;  width:50%;
}

.listimg{
	float:left; padding:20px 0px 20px 0px; line-height:21px; width:100%; margin:0px;
}
.listimg li{
	float:left;  width:23.5%; margin-right:2%; text-align:left;
}
.listimg li img{
	float:left;  
}
.listimg li:last-child{
	float:left;  width:23%; margin-right:0% !important;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer{
	width:100%;
	height:auto;
	float:left;
	background:#0072a6;
	padding:18px 0px 10px 0px;
	margin:10px 0px 0px 0px;
	color:#c6ddef;
	font-size:12px;
	line-height:19px;
	text-align:center;
}
