@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#header { width:100%; height:150px; top:0px; position:absolute; background-color:#fff; z-index:100;}

#header_box {
	width: 100%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}

#logo { width:100%; float:left; margin-left:0px; margin-top:10px; font-size:20px; }
#logo a { float:left; text-decoration:none; color:#004a80; }
#head_top_cont { width:100%; float:left; text-align:center; font-size:16px;}

#social_icons  { width:30%; float:left; margin-top:-180px; margin-left:150px; }
#social_icons ul li { list-style:none; display:inline;}


#menu { width:100%; float:left; color:#fff;}
#cssmenu {
  width:100%;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  float:right;
  background:#004a80;
   color:#FFF;
}
#banner { width:100%; top:270px; position:absolute;}
.slider1 { position:absolute; width:100%; }


#index_cont { width:100%; top:390px; position:relative; display:inline; float:left;}

#index_cont_box {
	width: 95%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}

h1 { text-align:center; color:#666; font-weight:normal; font-size:16px;}

#ind_one { width:80%; float:left; padding:20px;}

#ind_one p { text-align:center; }

#ind_two { width:100%; float:left; height:200px;}

#our_products { width:100%; float:left; margin-top:10px; font-size:14px;}
#our_products ul { margin-left:-10px; width:80%;} 
#our_products ul li { list-style:none;}
#our_products ul li p { width:225px; font-size:12px;}

#our_products ul li a { color:#FFF; }

#newstyle_pro_one { width:100%; float:left; padding-right:40px; margin-top:40px;}
#newstyle_pro_one p { height:80px;}





#footer {  width:100%; top:700px;  background-color:#363636; position:relative; display:inline; float:left;}
#footer_box  {
	width: 90%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}

#new_foot_style { float:left; width:100%;}
#new_foot_style h2 { color:#CCC; font-weight:normal;}
#new_foot_style ul{}
#new_foot_style ul li { list-style:none; padding:4px;}
#new_foot_style ul li a { text-decoration:none; color:#999;}

#foot_one { float:left; width:100%;}
#foot_one h2 { color:#CCC; font-weight:normal;}
#foot_one ul{}
#foot_one ul li { list-style:none; padding:4px;  color:#999;}
#foot_one ul li a { text-decoration:none; color:#999;}

#foot_one p { color:#CCC;}


#foot_two { float:left; width:100%;font-size:14px;}
#foot_two h2 { color:#CCC; font-weight:normal;}
#foot_two ul{}
#foot_two ul li { list-style:none; padding-top:10px;}

#foot_two ul li a { text-decoration:none; color:#CCC;}

#foot_three { width:100%; float:left;  margin-bottom:20px;}
#foot_three ul {}
#foot_three ul li { list-style:none; display:inline; color:#CCC;}
#foot_three ul li a { text-decoration:none; color:#CCC;}
.float { float:left;}




#abt_cont { width:100%; top:350px; position:relative; display:inline; float:left;}

#abt_cont_box {
	width: 100%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
#abt_one { width:85%; float:left; padding:10px; margin-left:10px;}
#abt_one p { text-align:left; }

#abt_two { width:100%; float:left; padding:10px;}

#abt_side_one ul li {  padding-top:10px;}
#abt_side_one ul li a { text-decoration:none; color:#333;}


#foot_abt_one { float:left; width:100%;}
#foot_abt_one h2 { color:#CCC; font-weight:normal;}
#foot_abt_one ul{}
#foot_abt_one ul li { list-style:none; padding:0px 6px 0px 6px; display:inline; border-right:1px solid #c2c2c2;}
#foot_abt_one ul li a { text-decoration:none; color:#999;}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#header { width:100%; height:198px; top:0px; position:absolute; background-image:url(images/header_bg.jpg); background-repeat:repeat-x;}
#header_box {
	width: 95%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
#logo { width:15%; float:left; margin-top:10px;}
#logo a { float:left; text-decoration:none; color:#004a80; }

#head_top_cont { width:40%; float:left; margin-top:50px;}
#head_top_cont p { font-size:20px;}



#social_icons  { width:20%; float:right; margin-top:0px; }
#social_icons ul li { list-style:none; display:inline;}

#menu { width:93%; float:right; margin-top:10px;}
#cssmenu {
  width:100%;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  float:right;
  background:none;
}
#banner { width:100%; top:155px; position:absolute;}
.slider1 { position:absolute;  width:100%; }

#banner_box {
	width: 100%;
	max-width: 1366px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;}


#index_cont { width:100%; top:650px; position:relative; display:inline; float:left;}
 
#index_cont_box {
	width: 95%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
h1 { text-align:left; font-size:24px; color:#666; font-weight:normal;}

#ind_one { width:90%; float:left; padding:20px;}

#ind_one p { text-align:left;  }
.big { font-size:48px;}

#ind_two { width:100%; float:left; height:300px; background-color:#464646;}
#ind_two_box  {
	width: 95%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
#ind_two h2 { text-align:center;}

#ind_two_one { width:25%; float:left; margin-top:20px;}
#ind_two_one ul li { list-style:none; display:inline; padding-left:10px; }
#ind_two_one p { font-size:18px; color:#8dc63f; text-align:center;}
.ad_left { margin-left:-80px;}



#footer {  width:100%; top:700px;  background-color:#363636; position:relative; display:inline; float:left;}
#footer_box  {
	width: 95%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
#new_foot_style { float:left; width:19%;}
#new_foot_style { float:left; width:19%;}
#new_foot_style h2 { color:#CCC; font-weight:normal;}
#new_foot_style ul{ margin-left:-30px;}
#new_foot_style ul li { list-style:none; padding:4px; color:#999;}

#new_foot_style ul li a { text-decoration:none; color:#999; }


#foot_one { float:left; width:19%;}
#foot_one h2 { color:#CCC; font-weight:normal;}
#foot_one ul{ margin-left:-30px; margin-top:50px;}
#foot_one ul li { list-style:none; padding:4px; color:#999;}

#foot_one p { color:#999;}


#foot_two { float:left; width:23%; margin-left:30px; font-size:14px;}
#foot_two h2 { color:#CCC; font-weight:normal;}
#foot_two ul{ margin-left:-30px;}
#foot_two ul li { list-style:none; padding-top:10px;}

#foot_two ul li a { text-decoration:none; color:#CCC;}

#foot_three { width:100%; float:left;}
#foot_three ul { margin-left:-30px;}
#foot_three ul li { list-style:none; display:inline; color:#CCC;}
#foot_three ul li a { text-decoration:none; color:#CCC;}
.float { float:right;}



#our_products { width:100%; float:left; margin-top:10px; font-size:14px; }
#newstyle_pro_one { width:25%; float:left; padding-right:40px; margin-top:40px;}
#newstyle_pro_one p { height:120px;}



.read_more { padding:10px 10px; background-color:#00aeef; color:#FFF;}
.read_more a { text-decoration:none;}

.read_more2 { padding:10px 10px; background-color:#004a80; color:#FFF;}
.alig { text-align:center;}







#abt_cont { width:100%; top:450px; position:relative; display:inline; float:left;}

#abt_cont_box {
	width: 95%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
#abt_one { width:65%; float:left; padding:20px;}
#abt_one p { text-align:left; }

#abt_two { width:25%; float:left; padding:10px;}

#abt_side_one ul li {  padding-top:10px; list-style-image:url(images/arrow.png);}
#abt_side_one ul li a { text-decoration:none; color:#333;}



#footer_abt {  width:100%; top:700px;  background-color:#363636; position:relative; display:inline; float:left;}

#foot_abt_one { float:left; width:100%;}
#foot_abt_one h2 { color:#CCC; font-weight:normal;}
#foot_abt_one ul{}
#foot_abt_one ul li { list-style:none; padding:4px; display:inline; border:none;}
#foot_abt_one ul li a { text-decoration:none; color:#999;}

#foot_one p { color:#CCC;}

#prod_one { width:65%; float:left; padding:10px;}
#prod_one ul { width:40%; float:left;}
#prod_one ul li { padding-top:10px;}

#new_pro_one { width:100%; float:left; padding:10px;}


#quty_one { width:65%; float:left; padding:20px;}
#quty_one p { text-align:left; }

#quty_one ul { margin-left:-20px;} 
#quty_one ul li { padding-top:20px; }


#new_pro_two { width:100%; float:left; padding:20px;}
#new_pro_two ul li {}
#new_pro_two ul li a { text-decoration:none; color:#333;}

#abt_one { font-size:14px;}
#abt_one ul li { padding-top:10px;}
#abt_one ul li a { text-decoration:none; color:#333;}
}


@media only screen and (min-width: 1300px) {
	
#head_top_cont { width:40%; float:left; margin-top:50px; font-size:20px;}

#head_top_cont p { font-size:24px;}


#newstyle_pro_one { width:30%; float:left; padding-right:40px; margin-top:40px;}
#newstyle_pro_one p { height:120px;}

.new_styleone { margin-top:100px;}


}