@charset "utf-8";
/* Company Name  */

/* =============================================================================
	Author's custom styles
	Name :K.PRAKASAM BE
   ============================================================================= */
   /* ====================================================== FONT IMPORT SECTION ======================================================= */													
@font-face {
font-family:OpenSans-Regular;
src:url(../fonts/OpenSans-Regular.ttf);}													
@font-face {
font-family:OpenSans-Bold;
src:url(../fonts/OpenSans-Bold.ttf);}													

/* =================================================================================== GLOBAL SECTION =======================================================================================*/

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;  margin:0; padding:0; position:relative; background:url(../images/tiny_gridm.png);}	

ul, li { margin:0; padding:0; }

a{ margin:0; padding:0;}

a, a:hover { text-decoration:none; color: #FFF;}

img { border:0; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

h1 { color:#679197; font-size:18px; font-family:Calibri, Arial, Helvetica; text-transform:uppercase; font-weight:bold; }

.servicebox h2 { color:#679197; text-align:center; font-size:15px; font-family:OpenSans-Bold; text-transform:uppercase; font-weight:normal; /*width:100px;*/ }

h3 { color:#FFF; font-size:16px; font-family:Calibri, Arial, Helvetica; text-transform:uppercase; font-weight:normal;  }

h4 { color:#000000; text-align:center; background-color:#C0C0C0; font-size:24px; font-family:Calibri, Arial, Helvetica; text-transform:uppercase; font-weight:normal; }

h5{ color:#ff0000; font-size:24px; font-family:Calibri, Arial, Helvetica; text-transform:uppercase; font-weight:normal; }

h6{ color:#ff0000; font-size:24px; font-family:Calibri, Arial, Helvetica; text-transform:uppercase; font-weight:normal;}

p { margin:0; padding:0; text-align:justify; line-height:25px; font-family:OpenSans-Regular; font-size:13px; }

.clear { clear:both; }

.fl { float:left; }

.fr { float:right; }

.tc { text-align:center;}

.no-pl { padding-left:0 !important;}

.no-pr { padding-right:0 !important;}

.no-ml { margin-left:0 !important;}

.no-mr { margin-right:0 !important;}
/* ================================================================================== HEADER SECTION =======================================================================================*/

.header{ width:100%; height:auto; background-color:#2ca2c6;}

.headercontainer{ width:1000px; height:auto; margin:auto;}

.headerleft{width:500px; height:auto; float:left; }

.headerright{width:500px; height:auto; float:right; }

.contact{width:300px; height:auto; float:right; color:#FFF; font-size:14px; font-weight:bold;}

.contact p{line-height:15px; font-family:OpenSans-Regular; font-size:16px; font-weight:normal; padding-top:10px; }

.socialicon{ width:350px; float:right; margin-top:10px; margin-bottom:10px;}

.socialicon img{ padding-left:5px;}

.icon{ margin-left:250px;}




/* =================================================================================== MENU SECTION =======================================================================================*/

.menu{width:100%; height:50px; background-color:#2ca2c6; }

.menucenter{width:1000px; height:50px; margin:auto; z-index:9999; }

.mactive{background-color:#36F !important;}



/* ============================================================================= BANNER SECTION ================================================================================*/

.slider{width:100%; height:350px; margin:auto;  }







/* ================================================================================== WRAPPER SECTION =======================================================================================*/

.wrapper{width:1020px; height:auto; margin:auto; min-height:200px; background-color:#FFF; background:url(../images/clean_textile.png); }

.wrapper1{width:1000px; height:auto; margin:auto;}

.container1{width:1000px; height:auto; margin:auto; }

.containerleft{ width:220px; height:auto; float:left;}

.containerright{width:1000px; height:auto; float:right; outline:1px solid #2CA2C6;}

.containerrightpadding p { padding:10px;}

.container2{width:1000px; height:auto; margin:auto;  float:left;}

.servicebox{ width:230px; height:auto; margin:0px 10px; float:left;}

.servicebox img{outline:1px solid #2ca2c6;}

.enquiryleft{width:300px; height:auto; float:left; padding-bottom:40px; }

.enquiryleft p{ font-family:OpenSans-Regular; font-size:14px; text-align:left; font-weight:normal; margin-top:10px; }

.enquiryleft b{ font-weight:normal; font-size:18px; color:#2CA2C6;}

.enquiryright{ height:auto; float:right;  }

.productleft{width:500px; height:auto; float:left; }

.productright{width:500px; height:auto; float:right;}

.productright img{float:left; margin:4px 4px;}

.product a{color:#2ca2c6 !important;}

iframe { outline:1px solid #2CA2C6;}

.productleft h1 span{ text-transform:lowercase;}

.cctvimage { position:absolute; float:left; margin-top:90px; margin-left:350px;}

.acontrolimage { float:left; margin-top:80px;}

.videodoorimage{ position:absolute; margin-left:400px; margin-top:30px; }

.scrollingslider { width:1000px; height:140px; }

.bannerimage { height:350px; text-align:center; outline:1px solid #FFF;}


/* ================================================================================== FOOTER SECTION =======================================================================================*/
.footer1{ width:100%; height:auto; background-color:#2ca2c6; border-bottom:1px dotted #FFF; padding-top:10px;}
.footer1 a:hover{ text-decoration:underline;}
.footer1box{width:1000px; height:auto; margin:0px auto; }
.footer1box1{width:300px; height:auto; float:left; margin-left:20px;}
.footer1box2{width:300px; height:auto; float:left; margin-left:90px;}
.footer1box3{width:200px; height:auto; float:left;}
.footer1box4{width:180px; height:auto; float:left; margin-left:90px;}
.footer1box4 p{color:#FFF; margin:0; padding:0; text-align:justify; line-height:25px; font-family:OpenSans-Regular; font-size:14px; }
.footer2{width:100%; height:30px;  background-color:#2ca2c6; padding-top:5px;}
.footer2box{width:1000px; height:auto; margin:auto; }
.footer2box1{width:700px; height:auto; float:left; color:#FFF; line-height:26px;}
.footer2box2{ width:200px; height:auto; float:right; color:#FFF; line-height:26px;}


table.machine{ border-collapse:collapse;}

table.machine td{ height:20px;}

.readmore{color:#2ca2c6; float:right;}
.readmore, a:hover {color:#603;}
.readmore1{color:#2ca2c6; float:right;}