@import url('reset.css');


body {
	background-color:#fff;
    min-height: 700px;
	font-family:"Century Gothic", sans-serif;
	font-size: 12px;
	text-align:justify;
	min-width:1280px;
	color:#000;
}

a{	color:#2AA4DA; 
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
}	
a:hover{ color:#2E3580;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;}	
/*----------------------------header----------------------------------*/


#header{ height:186px; width:980px; margin:0 auto; }

.header{ margin:0px auto; width:980px; color:#000; font-family: "Century Gothic", sans-serif;}

	
/*----------------------------footer----------------------------------*/



.footer{ margin:0 auto; width:980px; font-size:10px; color:#fff; background:#2AA4DA; height:67px; margin-top:20px;  padding-top:20px; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;}

.footer p
			{
				margin-top:10px;
				font-family: "Tahoma", san-serif;
				font-size:11px;
				color:#fff;
				padding-right:5px;
			}
.footer a
			{
				margin-top:10px;
				font-family: "Tahoma", san-serif;
				font-size:11px;
				color:#fff;
				padding-right:5px;
			}
	
.footer a:hover
			{
				margin-top:10px;
				font-family: "Tahoma", san-serif;
				font-size:11px;
				color:#2E3580;
				padding-right:5px;
			}
	
	
/*----------------------------content----------------------------------*/

	 
#wrapper{ font-family: "Century Gothic", sans-serif; margin:0 auto; width:980px; }

.tabtitle li a{ 
			min-width:155px;
			text-align:center;
			font-family: "Century Gothic", sans-serif;
			float:left;
			background: #52CFDA;
			background: -moz-linear-gradient(#52CFDA, #2AA4DA);
			background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2AA4DA),color-stop(1, #52CFDA));
			background: -webkit-linear-gradient(#52CFDA, #2AA4DA);    
			background: -o-linear-gradient(#52CFDA, #2AA4DA);	
			background: -ms-linear-gradient(#52CFDA, #2AA4DA);	
			background: linear-gradient(#52CFDA, #2AA4DA);	
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			padding:10px;
			margin-left:5px;
			font-size:14px;
			font-weight:bold;
			color:#fff;}
	
.tabtitle li a:hover{ 
			background: #2E3580;
			background: -moz-linear-gradient(#2E3580, #2AA4DA);
			background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2AA4DA),color-stop(1, #2E3580));
			background: -webkit-linear-gradient(#2E3580, #2AA4DA);    
			background: -o-linear-gradient(#2E3580, #2AA4DA);	
			background: -ms-linear-gradient(#2E3580, #2AA4DA);	
			background: linear-gradient(#2E3580, #2AA4DA);	
			 }
			 
.subtitle td{ 
			font-family: "Century Gothic", sans-serif;
			background: #2AA4DA;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			padding:10px;
			text-align:right;
			margin-left:10px;
			padding-right:30px;
			font-size:14px;
			color:#fff;}

.content {width:980px; padding:20px;}

.indexTable td a{text-decoration:none;}


.breadcrumb {color:#2E3580; width:980px; margin:0 auto; font-size:11px; margin-left:20px;}

.breadcrumb a {
	color:#2E3580; 
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
	}

.breadcrumb a:hover {
	color:#2AA4DA; 
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
	}
.squarelist li{list-style-image:url(../images/square.jpg); margin-left:20px; padding-bottom:5px;}

.specTable td{padding:5px; color:#000; border:1px solid #ccc;}
.specTable td a{padding:5px; color:#2AA4DA; text-decoration:none}

.specTable td a:hover{padding:5px; color:#2E3580;}

/*----------------------------product----------------------------------*/
.prolistTable td{color:#2E3580; font-size:14px; vertical-align:text-top; text-align:center; padding-left:5px; padding-right:10px;}
.prolistTable td a{color:#2E3580; font-size:14px; }
.prolistTable td a:hover{color:#2AA4DA; font-size:14px;  }

.prodetailsTable td{color:#2E3580; font-size:12px; padding-left:10px; padding-right:10px;}

.prolisthadow{ width:140px; height:100px; border:1px solid #ccc; padding:3px;}

.imgshadow{  border:1px solid #ccc; padding:3px; }
.imgshadow2{ border:1px solid #ccc; padding:3px; }
/*----------------------------type setting---------------------------------*/
.title { color:#2E3580; font-size:24px; padding-bottom:20px; border-bottom:2px solid #2E3580; width:690px;}
.enqtitle { color:#2E3580; font-size:18px; padding:20px; width:650px; border:1px dotted #0071BC;}
.enqtitle td{ color:#000; font-size:12px; padding:5px; }

.producttitle { background-color:#2E3580; color:#FFF; font-size:14px; padding:10px; }
.productname{ color:#2AA4DA; font-size:18px; font-weight:bold; margin-left:10px; margin-bottom:10px;}
.h1{ width:690px; color:#000; font-size:12px; margin-top:10px; line-height:20px;}
.h1 p{ width:690px; color:#000; font-size:12px; margin-top:10px; line-height:20px;}
.h2{color:#000; font-size:12px; line-height:20px;}
.h2 span{ font-size:11px; }

.h3 {color:#fff; float:left; font-size:21px;}
.h3 p{color:#333; float:left; font-size:21px; margin-left:10px; width:100%}
.h3 span{color:#2AA4DA; font-size:18px;}

.news{}
/*----------------------------contact----------------------------------*/

.contactTable td{color:#000; font-size:12px; padding:8px;}