@font-face {
    font-family: 'arimobold';
    src: url('arimo-bold-webfont.eot');
    src: url('arimo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('arimo-bold-webfont.woff') format('woff'),
         url('arimo-bold-webfont.ttf') format('truetype'),
         url('arimo-bold-webfont.svg#arimobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'arimoregular';
    src: url('arimo-regular-webfont.eot');
    src: url('arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('arimo-regular-webfont.woff') format('woff'),
         url('arimo-regular-webfont.ttf') format('truetype'),
         url('arimo-regular-webfont.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { margin: 0; padding: 0; outline: 0; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

@font-face { font-family: Keffeesatz; src: url(YanoneKaffeesatz-Light.otf) format("opentype") }
@font-face { font-family: KeffeesatzBold; src: url(YanoneKaffeesatz-Bold.otf) format("opentype") }

body { font-family:Arial, Helvetica, sans-serif; color: #4b4b4b; background:#fff;}

::selection { background-color: rgba(122, 192, 0, 0.2); }
::-moz-selection { background-color: rgba(122, 192, 0, 0.2); border: 10px solid red; }

h1 { color: #fff; font-size: 40px; position: relative; /*top: 15px; */}

h2 { font-size: 25px; font-family:'arimoregular', Arial, Helvetica, sans-serif; color: #fff; text-transform:uppercase; text-align:center; width:100%; background:url(../images/title-line.png) repeat-x !important;}
.bg{background:#47a5ae; padding:0 10px;}
.bg1{background:#252629; padding:0 10px;}
.bg2{background:#8a95b8; padding:0 10px;}
.bg3{background:#6e6e6e; padding:0 10px;}
h2 span.sub { font-size: 48px; float: left; color: #4b4b4b; }

h2.intro { background: url(images/intro.png) no-repeat -10px -10px; }
h2.work { background: url(images/portfolio.png) no-repeat -10px -10px; }
h2.about { background: url(images/about.png) no-repeat -10px -10px; }
h2.contact { background: url(images/contact.png) no-repeat -10px -10px; }

a { color: #7ac000; text-decoration: none; border-bottom: 1px solid #7ac000; padding-bottom: 2px; }


p { font-size: 14px; color:#fff; margin-bottom:0px; padding:15px 0; line-height: 24px; display:inline-block;}
strong { font-family: KeffeesatzBold, Arial; }

.header { padding: 0px 0 5px 0; width: 100%; background:url(../images/menu-bg.png) repeat-x; margin-bottom: 25px; height:98px; position: fixed; z-index: 10; float: left; }
#headercontainer, #contentcontainer { width:100%; margin: 0 auto; position: relative; }
#contentcontainer { float: none; padding-top: 0px; }

.menu { width: auto; float: left; }
.menu ul { position: absolute; right:173px; display: block; margin-top: -55px; }
.menu ul li {display: inline; margin-left: 28px; float:left !important;}
.menu ul li a { font-size: 14px; border-bottom: none; font-family:'arimoregular', Arial, Helvetica, sans-serif; color:#7b7b7b; text-transform:uppercase;}
.menu ul li a:hover { color: #ff5400; text-decoration: none; border-bottom: 1px solid #ff5400; padding-bottom: 2px; }
.menu ul li a:active { color: #ff5400; text-decoration: none; border-bottom: 1px solid #ff5400; padding-bottom: 2px; position: relative; top: 1px; }
.section { /*margin-bottom: 1000px;*/ padding-top:110px; float: left; width:100%;}
.section1 { /*margin-bottom: 1000px;*/ padding-top:20px; float: left; width:100%;}
.section2 { /*margin-bottom: 1000px;*/ padding-top:61px; float: left; width:100%;}
.section3 { /*margin-bottom: 1000px;*/ padding-top:61px; float: left; width:100%;}


#intro h2 a {padding-bottom: 0px;}
#intro a.featured {padding-bottom: 0px; border-bottom: none;}
#intro a img { border: 5px solid rgba(122, 192, 0, 0.15); -webkit-border-radius: 5px; margin-top: 40px; margin-bottom: 5px; }


#portfolio ul.work a {border-bottom: none;}
#portfolio ul.work a img {border: 5px solid rgba(122, 192, 0, 0.15); -webkit-border-radius: 5px;}
#portfolio ul.work { float: left; margin-left: -15px; width: 975px;  }
#portfolio ul.work li {list-style: none; float: left; margin-left: 15px; margin-bottom: 15px;}

#contact {margin-bottom: 0px;}

.footer { float: left; margin:10px 0; width:100%; text-align:center; font-size:12px; background:#404364; padding:20px 0; color:#fff;}
.footer  span{ float: right;}
.footer ul {margin:0px; padding:0px; float:left;}
.footer ul li {display: inline; }
.footer ul li a { font-size: 12px; padding:0 5px; text-decoration:none; border-bottom:none; color:#fff;} 
.footer ul li a:hover {color:#4ca1a9;} 

/*============== new css ===================*/
.introlink{ border-bottom:none;}
.introlink:hover{ border-bottom:none;}
.homepage{ float:left; width:100%; height:354px;}
.banner{ display:inline-block; width:691px; height:341px;}
.quick-contact{ float:right; width:280px; background:#a5a5a5;}
.title{ background:#47a5ae; font:22px 'arimobold', Arial, Helvetica, sans-serif; color:#fff; height:45px; line-height:45px; padding-left:10px;}
.quick-contactform{ width:250px; margin:10px; display:inline-block;}
.quick-contactform label{ width:100%; float:left; padding-bottom:6px;}
.quick-contactform label span{ width:100%; font:13px Arial, Helvetica, sans-serif; color:#fff; float:left; padding-bottom:5px;}
.quick-contactform label input{ background:#fff; border:1px solid #c7c7c7; height:22px; float:left; margin:0px; padding:0px; width:100%;}
.send{ float:right; background:#47a5ae; padding:5px 10px; border:1px solid #186168; font:bold 18px Arial, Helvetica, sans-serif; color:#fff;}
.send:hover{ background:#5cbdc6;}
.auto-div{ width:1006px; margin:auto;}
.logo-bg{ float:left; width:100%; background:url(../images/banner-bg.jpg) no-repeat center; min-height:400px; clear:both;}
.about-bg{ background:#47a5ae; width:100%; /*min-height:555px;*/ min-height:630px;padding-top:15px;}
.left-part{ float:left; width:479px;}
.right-part{ float:right; width:479px;}
h3{ float:left; width:100%; font:20px 'arimoregular', Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #ccc; padding-bottom:10px;}
.box-main{ float:left; width:100%; padding-top:20px;}
.category{ margin:0px; padding:0px;}
.category li{ list-style:none; float:left; width:100%; background:url(../images/arrow.png) no-repeat left; padding:5px 0 5px 30px; font:14px Arial, Helvetica, sans-serif; color:#fff; margin-bottom:2px;/* margin-bottom:10px;*/}
.category li span{ font-weight:bold;}
.services-bg{background:#252629; width:100%;/* min-height:555px;*/ padding-top:15px; min-height:815px;}
.green{ color:#b3fe00;}
.strategy-bg{ background:#8a95b8; width:100%; min-height:555px; padding-top:15px;}
.satisfaction-bg{ background:#6e6e6e; width:100%; min-height:500px; padding-top:15px;}
.top-img{ position:fixed; border-bottom:0px; right:170px; z-index:999; bottom:-12px; display:none;}
.contact-details{ border:1px solid #73d4dd; background:#53b2bb; padding:10px; float:left; width:450px; /* width:350px; */margin-top:15px;  font:13px Arial, Helvetica, sans-serif; color:#fff; line-height:22px; line-height:30px;}
.contact-no{ padding-bottom:5px; display:block; width:100%; float:left; font-size:15px; font-family:'arimoregular';}
.contact-no a{font-size:15px; font-family:'arimoregular'; color:#fff; border-bottom:none;}
.contact-no a:hover{ text-decoration:underline;}
.contact-no span{ float:left; font-size:20px;}
.welcome{ float:left; width:100%; padding:10px 0 20px 0; line-height:25px;}
.welcome-title{ font:20px Arial, Helvetica, sans-serif; color:#47a5ae; float:left; width:100%; text-align:center; text-transform:uppercase; padding-top:30px;}
/* 07-01-14 Begin */
.contact-innermain{float:left;width:450px;}
.contact-innerleft{float:left;width:230px;}
.contact-innerleft .headmain{ padding-bottom:5px; display:block; width:100%; float:left; font-size:15px; font-family:'arimoregular';}
.contact-innerleft a{font-size:15px; font-family:'arimoregular'; color:#fff; border-bottom:none;}
.contact-innerleft a:hover{ text-decoration:underline;}
.contact-innerleft .headtitle{ float:left; font-size:18px;}
.contact-innerleft .headname{ float:left; font-size:17px;}
.contact-innerright{float:right;}
.contact-innerright img{border: 3px solid #73D4DD;}
.bottomlesspadding{  padding-bottom: 4px;    padding-top: 4px;}
/*07-01-14 End */