@charset "utf-8";
/* CSS Document */

body{
	font:normal 12px/1.6 Arial, Helvetica, sans-serif;
	width:100%;
	margin:0 auto;
	background: url(../images/bg.jpg);
	background-repeat:repeat-x;
	
	
	
}

.all
{
	width:100%;
	float:left;
	
}
p
{
	font-family:Arial, Regular;
	font-size:13px;
	line-height:1.5;
	color:#424042;
	text-align:justify;
}
.structure
{
	max-width:1125px;
	margin-right:auto;
	margin-left:auto;
	padding-left:15px;
	padding-right:15px;
	
	}
	
	.structure:before, .structure:after {
display: table;
content: " ";
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.structure:after {
clear: both;
}
.header-area
{
	float:left;
	width:100%;
	background:url(../images/headbg.jpg);
	background-repeat:repeat-x;
	height:47px;
}
.hader
{
	float:left;
	width:100%;
	padding-top:12px;
	padding-bottom:7px;
}
.logo
{
	float:left;
	padding-top:10px;
	padding-bottom:30px;
	text-align:center;
	margin:auto;
	display:block;
	width:100%;
}
.header-right
{
	float:right;
	padding-top:25px;
}

.menu
{
	width:100%;
	background:url(../images/menubg.png);
	background-position:center;
	background-repeat:no-repeat;
	height:47px;
	
}


.menu ul {
    list-style-type: none;
    padding-left: 0px;
	float:left;
	margin:0 auto;
	display:block;
	text-align:center;
	width:100%;
	padding-top:12px;
	
	

}
.menu ul li {
	background-repeat:no-repeat;
	margin:0;
	display:inline-block;
	text-align:center;


}
.menu ul li a {
    color: #fff;
    font-family: myFirstFont;
    font-size: 14px;
    text-decoration: none;
	padding:5px 25px;
	font-weight:200;
	line-height:8px;
	text-align:center;
	letter-spacing:1px;
	
	
}
.menu ul li a.active,.menu ul li a:hover{
	color:#000;
	background:#fff;
	border-radius:5px;
	box-shadow:0px 1px 2px #4a4c4c;
	

}

.menu  ul li:last-child a {
	background-image: none;
		border-right: none;
	
}
.banner
{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.banner ul
{
	float:left;
	width:100%;
	padding:0;
}
.banner ul li
{
	float:left;
	width:23%;
	margin-right:2.63334%;
}
.banner ul li:last-child
{
	margin-right:0%;
}
.banner ul li img
{
	width:100%;
}
.head
{
	background:url(../images/h1bg.png);
	background-repeat:no-repeat;
	background-position:left;
	height:45px;
	margin-top:20px;
}
.head h1,h2,h3,h4
{
	font-size:26px;
	color:#FFF;
	margin:0;
	padding-left:10px;
	font-family: myFirstFont1;
	padding-bottom:5px;
}
.head h1
{
	background:url(../images/img5.png);
	background-repeat:no-repeat;
	background-position:92%;
}
.head h2
{
	background:url(../images/img6.png);
	background-repeat:no-repeat;
	background-position:92%;
}
.head h3
{
	background:url(../images/img7.png);
	background-repeat:no-repeat;
	background-position:92%;
}
.head h4
{
	background:url(../images/img8.png);
	background-repeat:no-repeat;
	background-position:92%;
}
span
{
	font-family: myFirstFont;
	font-weight:normal;
}
.btn
{
		/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 50% 50%, 50% 100%, from(#4bbad3), to(#0697b6));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #4bbad3, #0697b6);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #4bbad3, #0697b6);
  /* IE 10 */
  background: -ms-linear-gradient(top, #4bbad3, #0697b6);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #4bbad3, #0697b6);
  padding:2px 10px 2px 10px;
  float:right;
  border-radius:5px;
  margin-top:10px;
 }
.btn a
{
	 color:#FFF;
	 text-decoration:none;
	 font-size:11px;
}
.btn a:hover
{
	 text-decoration: underline;
}
.box
{
	float:left;
	width:100%;
	background:url(../images/boxbg.png);
	background-repeat:no-repeat;
	padding:5px;
	padding-left:10px;
	margin-bottom:20px;
}
.left
{
	float:left;
	width:73%;
}
.right
{
	float:right;
	width:24%;
	margin-right:1%;
}
.box h1
{
	border-bottom:1px #000 dotted;
	color:#16718e;
	font-size:35px;
	margin-bottom:0px;
	line-height:1.5;
	font-family: myFirstFont1;
	margin-bottom:10px;
}
.box h1 p
{
	font-weight:normal;
	font-size:13px;
	color:#2f86a0;
}
.box img
{
	float:left;
	margin-right:5px;
}

.enquiry {
    border-radius: 5px;
	margin-top:20px;
	border:1px solid #c3dde5;
}
form
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
}

.enquiry h1 {
    color: #FFF;
    font-size: 28px;
	font-family:myFirstFont1;
	padding-left:10px;
	border:none;
	background:#14718e;
	line-height:1;
	margin-top:10px;
}
form p
{
	line-height:1;
	margin:0px;
	margin-bottom:5px;
}
.enquiry-form p input, .enquiry-form p textarea {
    width: 100%;
    padding: 7px 5%;
    background: none repeat scroll 0% 0% #f2f2f2;
    border: medium none;
    color: #000;
	line-height:1 !important;
}
.message {
    width: 100%;
    padding: 10px 0%;
    background: none repeat scroll 0% 0% #f2f2f2;
    border: medium none;
    color: #000;
}
.enquiry-form p input.submit {
    text-transform: uppercase;
    background: url(../images/btn.png);
    color: #000;
    width: 103px;
	height:29px;
    cursor: pointer;
	margin-top:20px;
	margin-bottom:30px;
}
.enquiry-form p {
}
.bottom-area
{
	float:left;
	width:100%;
	background:#14718e;
}
.bottom
{
	float:left;
	width:100%;
}
.bottom ul 
{
	float:left;
	width:100%;
	padding:0;
}
.bottom ul li 
{
	float:left;
	width:33.33334%;
	padding-left:20px;
	padding-right:20px;
	background: url(../Images/line.png);
	background-position:right;
	background-repeat:no-repeat;
}

.bottom ul li:last-child
{
	background:none;
	margin-left:6%;
	width:28%;
}
.shadow
{
	background-image:url(../Images/libg.png);
	background-repeat:no-repeat;
	width:100%;
	padding-left:20px;
	padding-bottom:30px; 
	}
.bottom ul li:first-child
{
	padding-left:0px;
	width:25%;
}
.bottom ul li:nth-child(2)
{
	width:41%;
	padding-left:7%;
	padding-right:7%;
}
.bottom h1
{
	font-size:32px;
	color:#FFF;
	margin:0;
}

.bottom ul ul
{
	float:left;
	width:100%;
	padding:0;
}
.bottom ul li ul li
{
	float:left;
	width:100%;
	padding-left:25px;
	padding-right:20px;
	background:url(../images/arrow.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin-bottom:10px;
	font-size:14px;
}
.bottom ul li ul li a
{
	color:#fff;
}
.bottom ul li ul li:first-child
{
	width:100%;
	padding-left:25px;
}
.bottom ul li ul li:last-child
{
	background:url(../images/arrow.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin:0;
	width:100%;
	
}
.bottom ul li ul li:nth-child(2)
{
	padding-left:25px;
}
.top
{
	float:left;
	width:100%;
	margin-bottom:10px;
	border-bottom:1px #fff dotted;
}
.botom
{
	float:left;
	width:100%;
}


a.sprite,
.sprite
{
background-image: url(../images/sprite.png);
display:inline-block;
text-indent:-9999px;
}

li
{
list-style-type:none;
}
.flow p
{
	background:none;
	float:left;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
}
.flow
{
	float:left;
	width:200px;
	margin-bottom:10px;
}

.nav
{
	float:left;
	width:100%;
	}
.flow ul
{
	padding:0px;
	margin:0 auto;
	
}
.socials li
{
float:left !important;
width:auto !important;
border:none !important;
padding:0 !important;
background:none !important;
}

.socials li a
{
width:50px;
height:47px;
}

a.facbook-icon{
background-position:0 0;
}
a.twitter-icon{
background-position:-50px 0;
}
a.google-icon{
background-position:-100px 0;
}
a.p-icon{
background-position:-150px 0;
}



a.facbook-icon:hover{
background-position:0 -47px;
}
a.twitter-icon:hover{
background-position:-50px -47px;
}

a.google-icon:hover{
background-position:-100px -47px;
}
a.p-icon:hover{
background-position:-150px -47px;
}

.footer-area
{
	float:left;
	width:100%;
	background:#014d65;
}
.footer
{
	float:left;
	width:100%;
}
.power
{
	float:left;
	margin-top:12px;
}
.power p
{
	color:#fff;
	float:right;
	font-size:12px;
}
.power a
{
	color:#fff;
	float:right;
	font-size:13px;
	text-decoration:none;
}
.power a:hover
{
	text-decoration:underline;
}
.footer-menu
{
	float:right;
}

.footer-menu ul {
    list-style-type: none;
    padding-left: 0px;
	float:left;
	margin-bottom:8px;
	margin-top:12px;
	

}
.footer-menu ul li {
	float: left;
	background-repeat:no-repeat;


}
.footer-menu ul li a {
    color: #fff;
	font-family:Arial, Regular;
    font-size: 13px;
    text-decoration: none;
	padding:0px 8px 0px 8px;
	font-weight:200;
	border-right:1px solid white;
	text-transform:none;
	
	
}
.footer-menu ul li a:hover
{
	text-decoration:underline;

}

.footer-menu  ul li:last-child a {
	background-image: none;
		border-right: none;
		padding:0px 0px 0px 8px;
	
}

.page-area
{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.page
{
	float:left;
	width:100%;
	border:1px solid #c3dde5;
	padding-left:10px;
	padding-bottom:20px;
	background: rgba(255, 255, 255, 0.6);
}
.lefts1
{
	float:left;
	width:70%;
}
.rights1
{
	float:right;
	width:25%;
	margin-top:20px;
}
.rights1 img
{
	float:right;
	width:100%;
}
.page-area h1
{
	font-size:32px;
	font-family: myFirstFont1;
	border-bottom:1px solid #000;
	margin-bottom:10px;
}
.page-area p
{
	margin-bottom:10px;
	text-align:justify;
}
.left1
{
	float:left;
	width:50%;
	margin-right:5%;
}
.right1
{
	float:right;
	width:45%;
}






@font-face
{
font-family: myFirstFont;
src: url(../font/MyriadPro-Regular.otf);
}
@font-face
{
font-family: myFirstFont1;
src: url(../font/MyriadPro-BoldCond.otf);
}
@font-face
{
font-family: myFirstFont2;
src: url(../font/MyriadPro-Cond.otf);
}
@font-face
{
font-family: myFirstFont3;
src: url(../font/MyriadPro-Semibold.otf);
}



.col
{
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	border:1px solid black;
}
.col1 h1
{
	border:none;
	text-align:center;
}
.col1 ul
{
	float:left;
	width:100%;
	padding:0;
	padding-left:5px ;
	padding-right:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.col1 ul li
{
	width:19%;
	margin-left:1%;
	border:1px solid black;
	float:left;
	height:120px;
	text-align:center;
	font-weight:bold;
	color:#6b6b6b;
	font-size:16px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.col1 ul li:first-child
{
	width:40%;
	float:left;
	margin-left:0;
	padding:0;
}


.col2 ul
{
	float:left;
	width:100%;
	padding:0;
	padding-left:5px ;
	padding-right:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.col2 ul li
{
	width:19%;
	margin-left:1%;
	border:1px solid black;
	float:left;
	height:300px;
	text-align:left;
	font-weight:normal;
	color:#6b6b6b;
	font-size:14px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.col2 ul li:first-child
{
	width:40%;
	float:left;
	margin-left:0;
	padding:0;
	text-align:center;
}


.col3 ul
{
	float:left;
	width:100%;
	padding:0;
	padding-left:5px ;
	padding-right:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.col3 ul li
{
	width:19%;
	margin-left:1%;
	border:1px solid black;
	float:left;
	height:65px;
	text-align: center;
	font-weight:bold;
	color:#6b6b6b;
	font-size:14px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.col3 ul li:first-child
{
	width:40%;
	float:left;
	margin-left:0;
	padding:0;
	text-align:center;
	padding-top:20px;
	font-weight:normal;
}


.col4 ul
{
	float:left;
	width:100%;
	padding:0;
	padding-left:5px ;
	padding-right:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.col4 ul li
{
	width:19%;
	margin-left:1%;
	border:1px solid black;
	float:left;
	height:50px;
	text-align:left;
	font-weight:normal;
	color:#6b6b6b;
	font-size:14px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.col4 ul li:first-child
{
	width:40%;
	float:left;
	margin-left:0;
	padding:0;
	text-align:center;
	font-weight:bold;
}





.col5 ul
{
	float:left;
	width:100%;
	padding:0;
	padding-left:5px ;
	padding-right:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.col5 ul li
{
	width:19%;
	margin-left:1%;
	border:1px solid black;
	float:left;
	height:130px;
	text-align:left;
	font-weight:normal;
	color:#6b6b6b;
	font-size:14px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.col5 ul li:first-child
{
	width:40%;
	float:left;
	margin-left:0;
	padding:0;
	text-align:center;
	font-weight:bold;
}


.col6 ul
{
	float:left;
	width:100%;
	padding:0;
	padding-left:5px ;
	padding-right:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.col6 ul li
{
	width:19%;
	margin-left:1%;
	border:1px solid black;
	float:left;
	height:50px;
	text-align:left;
	font-weight:normal;
	color:#6b6b6b;
	font-size:14px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.col6 ul li:first-child
{
	width:40%;
	float:left;
	margin-left:0;
	padding:0;
	text-align:center;
	font-weight:bold;
}


.col7 ul
{
	float:left;
	width:100%;
	padding:0;
	padding-left:5px ;
	padding-right:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.col7 ul li
{
	width:19%;
	margin-left:1%;
	border:1px solid black;
	float:left;
	height:70px;
	text-align:left;
	font-weight:normal;
	color:#6b6b6b;
	font-size:14px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.col7 ul li:first-child
{
	width:40%;
	float:left;
	margin-left:0;
	padding-top:10px;
	text-align:center;
	font-weight:normal;
}


a img,:link img,:visited img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
*{margin:0;padding:0;}
p, blockquote, dd, dt{margin:0 0 8px 0;line-height:1.5em;}
fieldset {padding:0px;padding-left:7px;padding-right:7px;padding-bottom:7px;}
fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;}
dl dd{margin:0px;}
dl dt{}

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}


ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px;list-style:none; width:25%; height:100px;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid red;
}
ul#thumblist li img
{
	width:100%;
}
.clearfix 
{
	float:left;
}

.jqzoom{

	text-decoration:none;
	float:left;
}

.description
{
	width:50%;
	float:left;
}
.description-title
{
	float:right;
	width:48%;
}
.top
{
	float:left;
	width:100%;
	margin-bottom:15px;
}
.description-title h3 {
font-size: 26px;
color: #000;
margin: 0;
padding-left: 0px;
font-family: myFirstFont1;
}
.top-bottom
{
	float:left;
	width:100%;
	margin-bottom:15px;
}
.top-bottom ul
{
	float:left;
	width:70%;
	padding:0;
	margin:0;
	border:1px solid black;
	border-bottom:none;
}
.top-bottom ul li:first-child
{
	width:30%;
	padding:0px 5px;
	font-weight:bold;
	float:left;
}
.top-bottom ul li:last-child
{
	width:70%;
	padding:0px 5px;
	float:left;
	border-left:1px solid black;
}
.top-bottom ul:last-child
{
	border-bottom:1px solid black;

}

.product
{
	float:left;
	width:100%;
}
.product ul 
{
	width:100%;
	display:inline-block;
	text-align:center;
	margin-bottom:10px;
}
.product ul li
{
	float:left;
	width:25%;
	text-align:center;
	display:inline-block;
}
.product ul li img
{
	display:inline-block;
	text-align:center;
	max-width:100%;
	border:1px solid gray;
}
.product ul li a
{
	text-decoration:none;
	color:#000;
	text-align:center;
}
.product ul li a:hover
{
	text-decoration:underline;
}
.product ul li p
{
	text-align:center;
	margin-bottom:0px;
}