@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
@import url(http://fonts.googleapis.com/css?family=Armata);
body{font-size:12px;}
p {margin:0px; padding:0px 0px 18px 0px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#464646; text-align:justify;}
#page-wrap {width:960px; margin:0px auto;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#85A528;}
a:hover, a.selected {text-decoration:none; color:#333333;}
ul {list-style:none;}
li {list-style:none;}
#bodybg{ background:url(../images/body_bg.png) repeat left top;}
.accpage{ background:url(../images/bg_aac_about.png) no-repeat center bottom;}
.applicationpage{ background:url(../images/bg_application.png) no-repeat center bottom;}
.costanalysispage{ background:url(../images/bg_aac_costanalysis.png) no-repeat center bottom;}
.aboutuspage{ background:url(../images/bg_aboutus.png) no-repeat center bottom;}
/*.benefitspage{ background:url(../images/bg_benefits.png) no-repeat center bottom;}*/
.contactuspage{ background:url(../images/bg_map.jpg) no-repeat center 80px;}
.guidelinepage{ background:url(../images/bg_guideline.png) no-repeat center top;}
.technicalandspecificationpage{ background:url(../images/bg_technical.png) no-repeat center top;}
/* ========== Do Not Touch In Css End ========== */

/* ------- Top Area Strat ------- */
#header{ background:#ffffff; border-bottom:#A6CD37 solid 1px; padding:0px 22px;}
.logo{ float:left; width:20%; padding:7px 0px 10px 0px;}
.topright{ float:right; width:80%;}
/* ------- Top Area End ------- */

/* ------- Navigation Area Strat ------- */
.navi{}
.navi ul{ float:right;}
.navi ul li{ float:left; }
.navi ul li a{ padding:33px 12px 22px 12px; display:block; color:#242426;}
.navi ul li:hover, .navi ul li.selected { background:#A6CD37;}
.navi ul li:hover a, .navi ul li.selected a{ color:#fff;}
/* ------- Navigation Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */
#mpcontener{ padding: 35px 0px 0px 0px; min-height:400px; height:400px; height:auto!important;}
.hmbanner{ padding-bottom:0px;}
.banner{ padding-bottom:30px;}
.banner li{ float:left; height:96px;}
.banner li.marginright20{ margin-right:20px;}
.linegeen{ background:url(../images/line.jpg) repeat-x left bottom; height:2px;}
.linegeen span{ background:#9ABD2F; height:2px; display:inline-block; width:93px;}
.hmcontentarea{ padding:37px 0px 0px 0px;}
.innercontentarea{ padding:25px 0px 40px 0px;}
.hmcontentarea p{ margin:0px; padding:0px;}
.innercontentarea p{ padding-bottom:15px;}
h1{ background:url(../images/icon_green.png) no-repeat left top; padding:0px 0px 16px 22px; margin:0px; font-size:19px; color:#5F5F63; font-weight:normal;}
h2{padding:0px 0px 8px 0px; margin:0px; font-size:17px; color:#5F5F63; font-weight:normal;}
.greaybg{ background:#fafafa; padding:10px; border:#dddddd solid 1px;}
.roundareahm{ padding:25px 0px 15px 0px;}
.roundareahm .boxwith{margin-bottom:35px; padding: 0 0 20px; width: 306px;}
.roundareahm .boxwith h1{ background:#DADADA; margin-bottom:20px;}
.roundareahm .boxwith p{ padding-left:10px; padding-right:10px;}
.roundareahm p{ padding:0px 20px 20px!important;}
.roundarea{ padding:70px 0px 0px 0px;}
.boxwith{  background: none repeat scroll 0 0 #FFFFFF;
    border-top: 2px solid #9ABD2F;
    padding: 0 20px 22px;
    text-align: center;
    width: 265px;}
.icongreenround{ margin-top:-30px;}
.boxwith h1{color:#333333; font-size:19px; background:none; margin:0px 0px; padding:14px 0px 16px 0px;}
.boxwith p{ padding-bottom:22px;}
.marginleftright20{ margin:0px 20px!important;}
.hight62{ height:62px;}
/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */
.btnback{ width:69px; text-align:right; float:right;}
.innercontener{ padding:40px 0px; min-height:300px;}
.boxwithbg{background:#ffffff; padding:30px;}
.boxwithbg h1{ background:none; margin:0px; padding:0px 0px 20px 0px;}
.boxwithbg h1 span{    color: #000000;
    display: inline-block;
    font-size: 19px;
    padding: 5px 0;}

.contentleft{ float:left; width:600px;}
.rightright{ width:274px; float:right;}
.imgbrd img{ border-right:#C7C7C9 solid 2px; border-bottom:#C7C7C9 solid 2px; padding:4px 4px 4px 4px; background:#ffffff;}
.leftul{ float:left;}
.leftul li{ background:url(../images/icon_bulet.png) no-repeat left 5px; padding:0px 0px 8px 16px;}

.iconrighside{ position:fixed; right:13px; top:114px; z-index:4; max-width:1250px;}
.iconrighside div{ margin-bottom:8px;}
.rightimg{ float:right; padding:0px 30px 0px 40px;}
.aplicationli li{ float:left; font-size:15px; color:#4C8C3F; width:300px; margin:0px 0px 20px 0px;}
.aplicationli li span{ font-size:12px; color:#7F7F85;}
.aplicationli li img{ float:left; margin:0px 10px 0px 0px;}
.appli li span{padding-top:10px; display:block; font-size:15px; color:#4C8C3F;}

.tablea{ border-right:#E9E9E9 solid 1px; background:#ffffff;}
.tablea thead td{ background:#DDDDDD; color:#333333; font-size:18px; text-align:center;}
.tablea td{ color:#7F7F85; font-size:13px; border-bottom:#E9E9E9 solid 1px; border-left:#E9E9E9 solid 1px; padding:7px 5px;}
.tablea .tdthead td{ background:#F7F7F7; color:#99BD2E; font-size:15px; font-weight:bold;}
.tablea .corf7f7 td{ background:#F7F7F7; }

.marginleft20{ margin-left:20px;}

.withbox li{background:#ffffff; padding:25px 25px 35px; text-align:left; margin:0px 0px 15px 0px;}
.withbox li.last{ margin-right:0px;}
.withbox li h2{ font-size:16px; font-weight:bold; color:#5F5F63; padding:5px 0px 13px 0px; margin:0px;}
.withbox li p{ margin-bottom:0px; padding-bottom:0px; padding-left:60px;}
.paddtop40{ padding-top:40px;}
.withbox li div{float:left; width:60px;}

.contactleft{ float:left; width:543px; background:#ffffff; padding:25px 30px;}
h1.spicalh1{ font-size:36px; color:#212124; margin:0px; padding:0px 0px 48px 0px; font-weight:normal; background:none;}
h1.spicalh1 .linegeen{ margin-top:15px;}

.formarea{}
.formarea div{ margin:0px 0px 20px 0px;}
.formarea div input[type="text"], .formarea div textarea{ background:#F2F2F2; padding:12px 10px; width:523px; border:none; color:#464646;}
.formarea div textarea{ height:110px; resize:none;}
.formarea div span{ display:block; font-size:13px; font-style:italic; margin:0px 0px 5px 0px;}
.formarea div span span{ display:inline; margin:0px; color:#ff0000; font-size:12px;}

.contactright{ float:right; width:330px;}
.contactright h1{ font-size:17px;}
.bgwithfff{ background:#ffffff; padding:28px 30px 28px 30px;}
.bgwithfff h1.spicalh1{ color:#555555; font-size:22px; font-weight:normal; padding-bottom:35px;}
.contacttable td{ padding-bottom:11px;}
.magrginbtm30{ margin-bottom:30px;}
.fnt15{ font-size:15px!important;}
.colgreen{ color:#86A529;}
.alink a{ color:#7F7F85;}
.alink a:hover{ color:#333333; text-decoration:underline;}

.guidli li{ float:left; background:#ffffff; width:179px; border-top:#9ABD2F solid 3px; text-align:center; margin:0px 15px 15px 0px;}
.guidli li div.hd{ font-size:15px; color:#5F5F63; text-align:center; background:url(../images/linearrow.png) no-repeat center bottom; padding-bottom:12px; margin-bottom:3px;}
.guidli li div.hd td{ height:49px; vertical-align:middle;}
.guidli li.last{ margin-right:0px;}
.ttilename{ height:65px; padding:2px 10px; text-align:center; vertical-align:middle; line-height:18px;}


/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */
#footer{ background:url(../images/btm_bg.png) repeat-x left top; padding:51px 0px 0px 0px; font-size:11px; color:#9F9FA5;}
.btmbg{ background:#ffffff; padding:1px 22px 2px 22px; line-height:22px;}
.btmleft{ float:left; width:50%;}
.btmright{ float:right; width:50%; text-align:right;}
.btmright a{ background:url(../images/megh_logo.png) no-repeat right 2px; padding:0px 23px 0px 0px; color:#9F9FA5; display:inline-block;}
/* ------- Footer Area End ------- */
#ascensorBuilding{
	overflow:hidden;

}
section{
	/* -webkit-overflow-scrolling: touch;*/overflow:auto;
}

section article{
	margin-top:73px;
	margin-bottom: 80px;
	/*padding: 20px;*/
	padding: 0px 13px;
}


.leftdiv{ float:left; width:250px; margin:0px 20px 0px 0px;}
.leftdiv ul li{background: url("../images/menuarrow.png") no-repeat scroll 5px 10px #FFFFFF;
    border-bottom: 1px solid #DDDDDD;  padding: 0 0 0 15px;}
	.leftdiv ul li a{ display:block; padding:10px 10px; color:#333333}
.leftdiv ul li.last{ border-bottom:none;}
.leftdiv ul li:hover, .leftdiv ul li.selected{ background: url("../images/menuarrow.png") no-repeat scroll 5px 10px #A6CD37; color:#fff;}
.leftdiv ul li:hover a, .leftdiv ul li.selected a{color:#fff;}
.rightdiv{ float:right; width:685px;}
.backwhite{background:#ffffff; padding-top:20px;  border-top: 2px solid #9ABD2F;}
.backwhite h2{padding-left:10px; padding-bottom:10px;}
.rightdiv2{ float:right; width:627px; background:#ffffff; padding:28px 30PX;}
ul.footermenu{margin:20px 0px 10px; padding:0px; display:inline-block;}
ul.footermenu li{float:left;}
ul.footermenu li a{padding:0px 10px; color:#333; font-size:11px;}
ul.footermenu li:hover:hover a, ul.footermenu li.selected a{color:#9abd25;}
.leftdiv ul{ border-top: 2px solid #9ABD2F;}
#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#88a72c;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:30px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#fff;
        font-family:verdana;
        font-size:11px;
}
.roundarea{margin-bottom:35px;}
.brdr{border:2px solid #d6d6d6;}
.pdleft{margin-left:20px;}
.aacblock ul{ margin:0px; padding:0px; }
.aacblock li{background: url("../images/menuarrow.png") no-repeat scroll 5px 10px #FFFFFF; border-bottom: 1px solid #DDDDDD;  padding: 0 0 0 15px;}
.aacblock ul li a{ display:block; padding:10px 10px; color:#333333;}
.aacblock ul li:hover{ display:block; background-color:#A6CD37; color:#fff;}
ul.arrow{margin:0px 0px 10px; padding:0px; display:inline-block;}
ul.arrow li{float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding: 5px 20px; color:#000000;
background:url(../images/true.png) no-repeat left 6px; color:#000; }
.btndownlaod{width:100%; text-align:right; padding-top:15px;}
ul.gallery{margin:0px; padding:0px;}
ul.gallery li{margin:10px; padding:0px; width:222px; float:left; }
ul.gallery li.last{ margin-right:0;}
.galleryione h2{padding-bottom:15px;}
ul.gallery li span{font-weight:bold; text-align:center; padding:10px 0px; display:block;}

.margin_top_20{margin-top:20px;}
.margin_footer{display:inline-block; float:right; margin: 20px 0 0px;}
.social_links li{float:left; margin-right:15px;}
.social_links li:hover{ opacity:0.7;}