/*HEADER CONTENT*/
.mid-container {width:984px; margin: auto;}

/* HEADER PORTION */
header {margin:auto;}
.topportion {width:984px; height:77px; margin: auto; border-bottom:1px solid #edf0f2;}
.logo { width:110px; height:70px; float:left;}
nav { width:630px; float:right; margin-top:11px!important; }
nav ul { margin:0px; padding:0px; list-style: none;}
nav ul li { margin:0px 3px; font:16px/59px 'Roboto', sans-serif; color:#818181; float: right;}
nav ul li a {color:#818181; padding:26px 9px; }
nav ul li a:hover {background-color:#3291e9; border-top:4px solid #227acc; color:#fff; }
nav ul li .active {background-color:#3291e9; border-top:4px solid #227acc; color:#fff;  }

/* BANNER PORTION */
.banner-portion { height:984px; height:332px; position:relative; margin-top:25px;}
.banner-container {width:560px; position:absolute; z-index:9999; top:78px; right:35px;}
.banner-caption {font:25px 'Roboto', sans-serif; color:#fff; text-align:right; }
.banner-caption span {font:42px 'Roboto', sans-serif; color:#fff; text-align:right; }
.banner-caption2 {font:25px 'Roboto', sans-serif; color:#424346; text-align:right; }
.banner-caption2 span {font:42px 'Roboto', sans-serif; color:#424346; text-align:right; }
.banner-btn { width:218px; height:50px; background-color:#3291e9; text-align:center; float: right; font:17px 'Roboto', sans-serif; color:#fff !important; border:0px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.banner-btn:hover {background-color:#0076e3; color:#fff;}
.banner-btn a {color:#fff;}

/* MIDDLE PORTION */
.middle-portion { width:984px; min-height:450px; margin: auto; margin-top:15px;}
.middle-leftportion {width:648px; float:left;}
.service-residential { font:20px/28px 'Roboto', sans-serif; color:#424346; margin-top:35px; }
.service-residential .icons-service { width:63px; height:62px; margin-right:14px; float: left;}
.aboutus-title { font:Bold 32px 'Roboto', sans-serif; color:#424346; margin:0px; }
.aboutus-descrip { font-size:15px; line-height:25px; color:#424346; text-align: justify; }

aside { width:312px; float: right;}
.inqueryform-greybox { background-color:#e1e4e7; border:1px solid #e4e7e9; padding:15px 20px 20px 20px; margin-top:15px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.inqueryform-subtitle { font:Bold 16px 'Roboto', sans-serif; color:#797a7d; margin:0px; }
.inqueryform {margin-top:19px; }
.inqueryform ul {margin:0px; padding:0px; list-style: none; }
.inqueryform ul li {margin:0px 0px; padding:0px; min-height:60px; }
.inqueryform .input { width:247px; background-color:#fff; border:1px solid #e4e7e9; font:14px 'Roboto', sans-serif; color:#b7b7b7; padding:10px 10px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.inqueryform .input:focus {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); border:1px solid #a5cbed; outline: none;}
.inqueryform .btn-submit {background-color:#3291e9; text-align:center; font:17px 'Roboto', sans-serif; color:#fff !important; border:0px; padding:12px 35px; margin-left:70px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.inqueryform .btn-submit:hover { background-color:#0076e3; color:#fff;}
.inqueryform .btn-submit a {color:#fff;}

.border-devided { border-top:1px solid #edf0f2; padding-top:8px; margin-top:15px;}
.services-portion { margin-top:8px;}
.services-portion ul { margin:7px 0px 0px 0px; padding:0px; list-style:none;}
.services-portion ul li { width:42%; margin:3px 15px 4px 0px; float:left; padding:0px 0px 0px 30px; font-size:15px; color:#454545; background: url(../images/icons/arrow-services.png) no-repeat left 6px; }
.support-portion { margin-top:8px; }
.support-portion ul { margin:0px; padding:0px; list-style:none;}
.support-portion ul li { margin:12px 0px; padding:0px; font-size:15px; color:#454545; }
.support-portion ul li a {color:#454545; }
.support-portion ul li a:hover {color:#3291e9; }
.support-portion .icons { margin-right:15px;}

/*FOOTER CONTENT*/
footer { width:100%; height:127px; border-top:2px solid #e4e7e9; background-color:#eef1f3; margin-top:20px!important;}
.ftr-links { font:16px 'Roboto', sans-serif; color:#9ea0a2; text-align: center; margin-top:27px;}
.ftr-links a {color:#9ea0a2; padding:0px 12px;}
.ftr-links a:hover {color:#353535;}
.ftr-copyrt { font:14px 'Roboto', sans-serif; color:#bcbfc1; text-align:center; margin-top:22px;}


/*~~ CMS Pages CSS ~~ */
.innerpages-title { background-color:#3291e9; font:28px 'Roboto', sans-serif !important; color:#fff !important; padding:17px 20px; text-shadow:1px 2px 0px #0076e3; margin-bottom:15px !important;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.innerpages-title .icons { margin-right:12px;}
.inner-rightportion { width:205px!important; float: right;}
.inner-leftportion {width:745px; float:left; min-height:400px; font-size:14px; line-height:20px;}
.inner-containstart {font-size:14px; line-height:20px;}
.inner-containstart h1 {font:Bold 32px 'Roboto', sans-serif; color:#424346; margin-bottom:5px;}
.inner-containstart h2 {font:Bold 24px 'Roboto', sans-serif; color:#424346; margin-bottom:5px;}
.inner-containstart h3 {font:Bold 18px 'Roboto', sans-serif; color:#424346; margin-bottom:5px;}
.inner-containstart h4 {font:Bold 16px 'Roboto', sans-serif; color:#424346; margin-bottom:5px;}
.inner-containstart h5 {font:Bold 14px 'Roboto', sans-serif; color:#424346; margin-bottom:5px;}
.inner-descrip { text-align: justify; line-height:21px;}


/*~~ Contact  Us Page CSS ~~ */
.contact-leftportion { width:250px; float: left; margin-top:10px; font-size:13px; line-height:21px;}
.contact-greybox { width:630px; float:right; background-color:#e1e4e7; border:1px solid #e4e7e9; padding:15px 20px 20px 20px; margin-top:10px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.contact-subtitle { font:Bold 16px 'Roboto', sans-serif; color:#a0a1a3; margin:0px; }
.contactform {margin-top:19px;}
.contactform ul {margin:0px; padding:0px; list-style: none; }
.contactform ul li {margin:10px 0px; padding:0px;}
.contactform .label { width:140px; font:15px 'Roboto', sans-serif; color:#3c3c3c; float:left; margin:8px 10px 0px 0px;}
.contactform .inputbox { width:480px; float:left;}
.contactform .input { width:460px; background-color:#fff; border:1px solid #e4e7e9; font:14px 'Roboto', sans-serif; color:#b7b7b7; padding:10px 10px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.contactform .input:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); border:1px solid #a5cbed; outline: none;}
.contactform .textarea { width:460px; height:80px; resize:none; background-color:#fff; border:1px solid #e4e7e9; font:14px 'Roboto', sans-serif; color:#b7b7b7; padding:10px 10px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.contactform .textarea:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); border:1px solid #a5cbed; outline: none;}
.contact-address { font:20px 'Roboto', sans-serif; color:#a0a1a3; margin:0px; }


/*~~ Product Page CSS ~~ */
.product-portion { margin:0px;}
.product-portion ul { margin:0px; padding:0px; list-style: none;}
.product-portion ul li { margin:15px 0px; padding:0px; }
.product-leftimage { width:264px; height:154px; float:left; text-align: center; overflow: hidden; border:4px solid #fff; box-shadow:0px 0px 3px #ccc;}
.product-rtcontain { width:685px; float:right;}


/*~~ Services Page CSS ~~ */
.service-page { margin:0px;}
.service-page ul { margin:0px; padding:0px; list-style: none;}
.service-page ul li { margin:15px 0px; padding:0px; }
.service-leftimage { width:140px; height:83px; float:left; text-align: center; overflow: hidden; border:4px solid #fff; box-shadow:0px 0px 3px #ccc;}
.service-rtcontain { width:575px; float:right;}