/************************************************/
/* Title	:	Amudhalakxmi Systems (P) Ltd.	*/
/* URL		:	Amrithaa.com		    	    */
/* Author	:	Suganya K			        */
/* Created	:	May 20 2015		            */
/************************************************/
/* ------------------ Start Default Section ------------------ */
body{margin:0;padding:0; font-family: 'rockwellregular' ,Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(../images/bg/main_bg.jpg) no-repeat top center; }
p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,b,span{margin:0;padding:0;}
ul,li{list-style:none;}
img{border:0;outline:none;}
a:focus{outline:none;}
form{margin:0; padding:0;}
input,select,textarea{outline:none;}
.clear{display:block; clear:both;}
a:active, a:focus{ outline:none; }
a img{ border:none; }
.star{color:#ff0000;}
a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;	transition: all 0.3s ease;	text-decoration:none;}
img{max-width:100%; width:auto\9; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
h1, h2, h3, h4, h5, h6{color:#353535; font:normal 14px 'source_sans_proregular', Helvetica, sans-serif;}
h1{ font-size:24px;}
h2{ font-size:16px; text-transform:uppercase; color:#fff;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:12px;}
h6{ font-size:10px;}
/* ------------------ End Default Section ------------------ */

#main-wrapper{width:100%; margin:0 auto; background:url(../images/bg.png) repeat; font:normal 14px 'source_sans_proregular', Helvetica, sans-serif; color:#fff;font-size:14px;}

/*========================= Header =========================*/
#header-main{width:100%;}
.header-div{width:980px; margin:0 auto; background:#fff; padding:10px 10px;}
.header{ width:100%; padding:20px 0; margin:0}
.logo{ float:left; margin:0 0; padding:0; background:url(../images/sprite.png) no-repeat -8px -8px; width:300px; height:50px}
.logo h1{ text-indent:-9999px; font:21px/18px 'rockwellregular' , Arial, Helvetica, sans-serif; color:#333}

/*menu*/
.menu{float:right;}
ul.menu{  margin-top:10px; padding:0}
ul.menu li{ display:inline-block; list-style:none;}
ul.menu li a{ line-height:32px; color:#333; font:14px 'Roboto' ,Arial, Helvetica, sans-serif; text-transform:uppercase; padding:8px 21px; margin-right:10px; text-decoration:none;}
ul.menu li a:hover, ul.menu li a.active{ background:#032b55; border-radius:3px; color:#fff;}

/*banner*/
.banner{ margin:10px 0; width:960px; border:10px solid #8e9ca6/* background:url(../images/banner-img/bottom-shadow.png) no-repeat 0 3px;*/}
.shadow img{ margin-top:-69px; width:100%;}
/*========================= Body =========================*/
#body-main{width:100%;}
.body-div{width:980px; margin:0 auto; padding:10px; background:#fff}
.welcome{width:100%}
.welcome-lft{float:left; width:49%}
.welcome-lft h3{ font:16px/18px 'rockwellregular' , Arial, Helvetica, sans-serif; color:#06376b; font-weight:bold;  padding:10px 0;}
.welcome h2{ font:21px/18px 'rockwellregular' , Arial, Helvetica, sans-serif; color:#06376b; margin-top:-24px; /*border-bottom:3px solid #333;*/ background:url(../images/border-1.png) no-repeat scroll center 11px}
.welcome h2 span{ background:#fff; font:21px/18px 'rockwellregular' , Arial, Helvetica, sans-serif; color:#06376b; width:100%; height:100%; margin:0;text-align:left; border-radius:0; float:none; display:inline; padding:0 10px 0 0}
.welcome p{ font:13px/21px  'Roboto' ,Arial, Helvetica, sans-serif; color:#333; padding:5px 0;}
.welcome-rgt{ float:right; width:49%}
ul.welcome{ margin:0; padding:0}
ul.welcome li{ display:block; margin:10px 0; color:#333; float:right; width:100%}
.welcome span{ background:#f36523; border-radius:100%;  padding: 8px 0; text-align: center; width: 33px; float:left; color:#fff; display:inline-block; margin-right:15px}
ul.welcome li p{ float:right; width:88%; margin:2px 0; text-align:justify}
/*.sample-model{ width:29%; float:right;}
.sample-model h2{ font:21px/18px Arial, Helvetica, sans-serif; color:#06376b;}*/
.download{ margin-left:50px; width:100%}
.col{ width:25%; float:left; padding-bottom:10px; margin:7px}
.col h2{ padding-left:30px;font:18px/18px 'rockwellregular' , Arial, Helvetica, sans-serif; color:#06376b;}
.col img{ margin-bottom:10px; border:3px solid #8e9ca6}
.col a{ padding:10px 0 0 30px;font:15px/18px 'rockwellregular', Arial, Helvetica, sans-serif; color:#333; text-decoration:none}
.col a:hover{ color:#06376b}
 
 /*================marquee=====================*/
 marquee{ color:#06376b; margin:10px 0}
 
/*========================= content =========================*/ 
.content{ width:100%}
.content h2{font:21px/18px 'rockwellregular', Arial, Helvetica, sans-serif; color:#06376b; margin-top:-24px;background:url(../images/border-1.png) no-repeat scroll center 11px}
.content h2 span{ background:#fff; font:21px/18px 'rockwellregular' , Arial, Helvetica, sans-serif; color:#06376b; width:100%; height:100%; margin:0;text-align:left; border-radius:0; float:none; display:inline; padding:0 10px 0 0}
.content p{ font:13px/21px 'Roboto' , Arial, Helvetica, sans-serif; color:#333;  padding:10px 0; }


/*========================= projects page =========================*/
.projects { width:100%;}
.view {width: 215px; margin:10px; float: left; border: 5px solid #fff; overflow: hidden; position: relative; text-align: center;
 box-shadow: 0px 0px 5px #aaa; cursor: default;  margin-top:20px}
 .view p{ font:13px/21px  'Roboto', Arial, Helvetica, sans-serif; color:#333; padding:0; /*height:37px*/ }
.view .mask, .view .content { width: 216px; height: 139px; position: absolute; overflow: hidden; top: 0; left: 0;}
.view img { display: block; position: relative;}
.view .mask span{background:url(../images/link.png) center no-repeat; display: inline-block; text-decoration: none; padding:0; text-indent:-9999px; width:20px; height:20px;}
.view a.info {background:url(../images/link.png) center no-repeat; display: inline-block; text-decoration: none; padding:0; text-indent:-9999px; width:20px; height:20px;}
.projects .mask {opacity: 0; overflow:visible;border:0px solid rgba(0,0,0,0.7); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.projects span {position:relative;top:-46px;opacity:0;  -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0);  transform:scale(0,0);  -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;  -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
.projects:hover .mask { opacity: 1; border:100px solid rgba(0,0,0,0.7);}
.projects:hover span {opacity:1;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
		
/*========================= Contact page =========================*/
.address{ float:left; width:23%; box-shadow:0 0 5px 0 #ccc inset; color:#333;  font:13px/21px 'Roboto' , Arial, Helvetica, sans-serif; padding:20px; margin-top:20px}
.address h3{ font:18px/18px 'rockwellregular', Arial, Helvetica, sans-serif; color:#06376b; padding:2px 0px 10px}
.address .add-div{background:url(../images/sprite.png) no-repeat  -8px -119px;  padding:0 23px; line-height:25px; width:100%}
.address .phone-div{ background:url(../images/sprite.png) no-repeat -8px -92px; padding:0 23px; line-height:25px;}
.address .mail-div{ background:url(../images/sprite.png) no-repeat -8px -63px; padding:0 23px; line-height:25px;}
.map-div{ float:right; width:70%; height:321px; box-shadow:0 0 5px 0 #ccc inset; margin-top:20px; }
.map{ margin:10px }
iframe{ width:100%; height:300px}

.contact-form{ width:100%; box-shadow:0 0 5px 0 #ccc inset; margin-top:20px;  color:#333;  font:13px/21px 'rockwellregular' , Arial, Helvetica, sans-serif; padding:20px 0}
.contact-form h3{font:21px/18px 'rockwellregular', Arial, Helvetica, sans-serif; color:#06376b; padding:2px 20px 30px}
input[type="text"], input[type="textarea"]{ width:50%; margin-bottom:30px}
/*input[type="textarea"], .text-area{ height:150px; width:598px;}*/
form dl dd label{ width:50%; height:30px}
.text-name, .text-area{ width:200px}
/*.contact-form{ color:#000; padding:10px 10px 10px 0;  border-radius:5px; margin-top:5px; margin-bottom:20px; font-family:'a_futuraortoregular',Verdana,Geneva,sans-serif; font-size:13px; padding:20px}*/
.contact-form span{ color:#F00;}
.contact-form  dl.enq-form dd{ float:left;  font-size:13px;}
.contact-form dl.enq-form dd.text_name{  width:159px; line-height:35px; margin-left:30px;}
.contact-form .slt-box{ width: 598px; border:1px solid #e7e5e5; padding:10px 5px;}
.contact-form .txtarea-div{ border:1px solid #e7e5e5; width:598px; padding:5px 5px; height:140px}
/*.form-box .button-box{padding:5px 20px; background:#2a276b; color:#fff; border:1px solid #0481bf;  cursor:pointer; border-radius:3px; }
.form-box .button-box:hover{ color:#000; background:#ccc; border:1px solid #b3b3b3;}*/
.btn-div{float:right; margin-top:10px; margin-right:38%;}
.button{ border:none; padding:10px 32px; background:#5573a3; color:#fff; cursor:pointer; border-radius:3px; -moz-border-radius:3px}
.button:hover{ background:#d9d9d9; color:#333}
.addres-div {float:right; width:260px; color:#626262; font-family:'Roboto',Verdana,Geneva,sans-serif; font-size:14px; color:#000;/* background:#fff;*/ padding:10px; /*border-radius:8px;*/  margin-top:22px; /*box-shadow:inset 0 0 10px #cbcccd; -moz-box-shadow:inset 0 0 10px #cbcccd;*/}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #5573a3;color: #545454;outline: medium none; box-shadow:0 0 10px #d8e7ff inset;  -moz-box-shadow:inset 0 0 10px #d8e7ff }

/*========================= Footer =========================*/
#footer-main{width:100%; }
.footer-div{width:980px; height:210px; margin:0 auto; background:#032b55; padding:10px; font:12px/21px Arial, Helvetica, sans-serif; color:#b7b7b7;}
.footer{ width:840px; height:140px; margin:40px auto;}
.coloum{ width:72%; float:left; padding-top:5px; }
.coloum h3{ font:18px/18px 'rockwellregular', Arial, Helvetica, sans-serif; color:#fff; padding:2px 20px 10px}
.coloum .add{ width:20%; margin:1%; float:left}
.add .add-div{float:left;/*background:url(../images/sprite.png) no-repeat  -473px -96px;*/  padding:0 23px; line-height:25px; width:178px; margin-right:21%}
.add .phone-div{float:left; background:url(../images/sprite.png) no-repeat -473px -69px; padding:0 54px; line-height:25px; width:140px}
.add .mail-div{float:left; background:url(../images/sprite.png) no-repeat -469px -43px; padding:0 23px; line-height:25px}
.add .mail-div a{ color:#b7b7b7;}
.add .mail-div a:hover{color:#1d9dff}

.social{float:right;padding-top:5px; margin-top:33px}
ul.social{ margin:0 67px 0 0; padding:0}
ul.social li{ background:url(../images/sprite.png) no-repeat; margin:0; padding:0; width:23px; height:23px; display:inline-block; margin:0 2px; cursor:pointer}
ul.social li.fb{ background-position:-369px -9px;}
ul.social li.gle{ background-position:-401px -9px;}
ul.social li.twit{ background-position:-432px -8px;}
ul.social li.in{ background-position:-465px -8px;}
ul.social li:hover{ opacity:.7}
.social h3{ font:12px/21px Arial, Helvetica, sans-serif; color:#b7b7b7; margin-top:30px}
.social h3 span, .social h3 a{ color:#1d9dff}
.social h3 a:hover{ color:#b7b7b7;}


/* ------------------ Start pagination Section ------------------ */
div.pagination { padding: 15px 0px 8px 0px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
div.pagination a { margin: 2px; background: #e8e8e8; /* Do rounding (native in Opera, Firefox and Safari) */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-decoration: none; /* no underline */ color: #7b7b7b; padding: 3px 6px 3px 6px; cursor: pointer; }
div.pagination a:hover, div.pagination a:active { margin: 2px; /* Do rounding (native in Opera, Firefox and Safari) */
background:#b11c20; color: #fff; }
div.pagination span.current { margin: 2px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background:#b11c20; padding: 3px 6px 3px 6px; color: #fff; }
div.pagination span.disabled { margin: 2px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #f0f0f0; padding: 3px 6px 3px 6px; color: #ababab;}
div.pagination a.current{  margin: 2px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background:#b11c20; padding: 3px 6px 3px 6px; color: #fff;}
/* ------------------ End pagination Section ------------------ */