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

*{margin:auto; padding:0; font-family:Arial, Helvetica, sans-serif;}
.common{width:100%; max-width:990px;}
.top{background:url(../images/pattren.png) repeat-x; width:100%; padding:20px 0; overflow:hidden;}
.logo{ float:left;border:#51c9ec 3px solid; border-radius:5px;}
.icons{float:right; font-size:14px; color:#FFFFFF;}
.icons a{text-decoration:none; color:#FFFFFF;}


.nav{background:url(../images/pattren1.png) repeat-x; width:100%;float:right;}
.nav ul li{list-style:none; display:inline-block; padding:10px 3px; margin:8px 0;}
.nav li img{ float:left;}
.nav ul li a{text-decoration:none; border-left:#666 1px solid; text-transform:uppercase; padding:18px 15px; color:#CCCCCC; font-size:15px; }
.nav li a:hover{ color:#FFFFFF; }
.name{background:#51c9ec; font-size:26px !important; color:#000 !important; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.name span{color:#FFFFFF;}

.bground{ background:url(../images/pattren.png) repeat; width:100%; height:400px;}

.welcm{ padding:30px 0; background:#f7f7f7; width:100%;}
.welcm img{ float:right;}
.welcm h1{ color:#333; font-size:36px; text-align:center; margin-top:10px;}
.welcm h3{ font-size:24px; color:#333; text-align:center; margin-top:10px;}
.welcm p{font-size:16px; color:#333; text-align:center; margin-top:10px;}




.footer{background:url(../images/map.png) no-repeat center; height:200px;}
.footer h1{color:#51c9ec; padding-top:20px; text-transform:uppercase; text-align:center; font-size:36px; border-bottom:#51c9ec 2px solid; width:900px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
.footer h3{ margin-top:15px;color:#FFF; font-size:18px; text-align:center; font-weight:normal;}
.icon{ margin-top:30px; margin-left:12%; padding:5px 40px; color:#FFFFFF;}


.contact{background:url(../images/pattren.png) repeat; padding:20px 0; margin:2px 0;}
.contact h1{color:#51c9ec; padding-top:20px; text-transform:uppercase; text-align:center; font-size:36px; border-bottom:#51c9ec 2px solid; width:900px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
.contact p{ text-align:center; padding:10px 0; color:#FFFFFF; font-size:16px;}
.contact p span{font-weight:bold; font-size:17px;}



.nav1{background:url(../images/pattren1.png) repeat-x; width:100%;float:right;}
.nav1 ul {text-align:center;}
.nav1 ul li{list-style:none; display:inline-block; padding:10px 3px; margin:8px 0;}
.nav1 li img{ float:left;}
.nav1 ul li a{text-decoration:none; border-left:#666 1px solid; text-transform:uppercase; padding:18px 15px; color:#666; font-size:15px; }
.nav1 li a:hover{ color:#FFFFFF;}

.last{background:#51c9ec; width:100%; overflow:hidden;}
.last p{ float:left; font-size:14px; color:#FFF; line-height:50px;}
.last a { float:right; margin:10px 5px;}


.about{background:url(../images/bground-img.png) repeat-x; padding:20px 0;}
.about h1{color:#FFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-size:35px; font-style:italic; text-align:center;  border-bottom:#FFF 2px solid; width:800px;}
.about p{color:#FFF; font-size:14px; margin:20px; text-align:justify;}

.port{background:url(../images/pattren.png) repeat; padding:20px 0; overflow:hidden; }
.welcome-h{float:left; width:48%; text-align:justify; border:#FFF 1px solid;}
.welcome-h2{float:right; width:48%;border:#FFF 1px solid; text-align:justify;}
.welcome-h h1{ font-size:30px; color:#fff;text-align:center; margin-top:15px;  }
.welcome-h p{line-height:25px; font-size:14px; text-align:justify; color:#fff; margin:15px 20px;}
.welcome-h2 p{line-height:26.5px; font-size:14px; text-align:justify; color:#fff; margin:15px 20px;}
.welcome-h2 h1{ font-size:30px; color:#fff;text-align:center; margin:15px 0;}


.service{background:#CCCCCC; overflow:hidden;}
.service h1{color:#000; padding-top:20px; text-transform:uppercase; text-align:center; font-size:36px; border-bottom:#000 2px solid; width:900px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
.service ul{width:100%;}
.service li{float:left; width:30%; padding:10px 15px; list-style:none; text-decoration:none;}
.service img{ margin-left:80px;}
.service h2{text-align:center; font-size:20px; color:#333; margin:15px 0;}
.service p{font-size:14px; color:#666; text-align:center; margin:0 10px;}

.condition{ background:#f7f7f7; width:100%; padding:20px 0;}
.condition h1{color:#333; padding-top:20px; text-transform:uppercase; text-align:center; font-size:36px; border-bottom:#333 2px solid; width:900px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
.condition p{color:#666; font-size:14px; line-height:20px; margin:10px 20px; text-align:justify;}


.products{ background:#f7f7f7; padding: 20px 0;width:100%;}
.products h1{color:#333; padding-top:20px; text-transform:uppercase; text-align:center; font-size:36px; border-bottom:#333 2px solid; width:900px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; margin-bottom:30px;}
.products img{float:right; margin-right:80px;}
.products a{display:inline-block; float:left list-style:none; color:#FFF; border-radius:5px; text-decoration:none; background:#51c9ec; border:#FFFFFF 2px solid; margin:2px 0; width:50%;}
.products p{padding:5px;}
.products a:hover{color:#333333;}

.background2{ background:url(../images/bground-img.png); padding:20px 0;overflow:hidden; margin:2px 0;}
.background2 h1{color:#f7f7f7; padding-top:20px; text-transform:uppercase; text-align:center; font-size:36px; border-bottom:#f7f7f7 2px solid; width:900px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}


.img{width:100%; padding:20px 0;}
.img h1{color:#333; padding-top:20px; text-transform:uppercase; text-align:center; font-size:36px; border-bottom:#333 2px solid; width:900px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
.gallery img{margin-top:30px; margin-left:15px;}
.img ul{ width:100%; margin-top:70px;text-decoration:none;}
.img li{float:left; width:50%; text-align:center; list-style:none; text-decoration:none;}
.img p{color:#333; font-size:18px;}
.img h2{color:#333333; font-size:24px; margin:40px 0 40px 80px;}
.parts img{margin-left:10%;}

.gallery{padding:20px 0;}
.gallery h1{color:#333; padding-top:20px; text-transform:uppercase; text-align:center; font-size:36px; border-bottom:#333 2px solid; width:900px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
.gallery img{margin-top:30px; width:22%;}
.img button{margin-left:45%; margin-top:20px; background:#333; color:#CCC; font-size:14px; padding:7px 15px;}





.clear{clear:both;}