/********************* GENERAL *************************/

@font-face {
    font-family: 'HelveticaLT';
    src: url('../fonts/HelveticaNeueLTStd-Lt.otf');
    src: local('f2@?1'),
        url('../fonts/HelveticaNeueLTStd-Lt.otf') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaNeueLTStd-Roman.otf');
    src: local('f2@?1'),
        url('../fonts/HelveticaNeueLTStd-Roman.otf') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, thead, #follow-us p{
	font-family: "Helvetica";
}

h1 {
	font-size: 40px;
}

p, a, div {
	font-family: "HelveticaLT";
}

body {
	margin: 0;
}

#header-inner {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#page {
    background-image: url("../images/body-bg.png");
    padding: 40px 0 0;
}

#page-inner {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    z-index: 10;
    margin-top: -42px;
    background-color: #ffffff;
    padding-top: 20px;
    overflow: auto;
}

.home-page #page-inner {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    z-index: 10;
    background-color: #e6e6e6;
}

.contact-us-page #page-inner {
    padding-bottom: 25px;
}

#content-innerer {
    background: #dadada;
    background: -moz-linear-gradient(left, #dadada 0%, #ffffff 10%, #ffffff 90%, #dadada 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dadada), color-stop(10%,#ffffff), color-stop(90%,#ffffff), color-stop(100%,#dadada));
    background: -webkit-linear-gradient(left, #dadada 0%,#ffffff 10%,#ffffff 90%,#dadada 100%);
    background: -o-linear-gradient(left, #dadada 0%,#ffffff 10%,#ffffff 90%,#dadada 100%);
    background: -ms-linear-gradient(left, #dadada 0%,#ffffff 10%,#ffffff 90%,#dadada 100%);
    background: linear-gradient(to right, #dadada 0%,#ffffff 10%,#ffffff 90%,#dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#dadada',GradientType=1 );
    overflow: auto;
}

.home-page #maincontent,
.clientele-page #maincontent {
    padding-bottom: 25px;
}

/*********************  Header **************************/

#header {
	background-color: #FFFFFF;
    background-image: url("../images/header-bg.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    box-shadow: -2px -1px 22px 13px #D4D4D4;
    height: 165px;
    position: relative;
    margin: 0;
}

#logo {
	position: absolute;
	bottom: 7px;
}

/*********************  Footer **************************/

#footer {
    background-color: #636363;
}

#footer-inner {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding: 15px 0 30px;
    overflow: auto;
}

#contact-footer {
    float: left;
}

#contact-footer table{
    width: 450px;
    padding-left: 40px;
    color: #ffffff;
    background-image: url(../images/phone.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
}

#contact-footer .header{
    font-size: 30px;
    height: 50px;
    color: #ffffff;
}


div#follow-us {
    float: right;
}

div#follow-us p {
    font-size: 30px;
    margin: 7px 0 15px;
    color: #ffffff;
}

div#follow-us img {
    margin-right: 15px;
    float: right;
} 

.copyright {
    float: right;
    color: #aaaaaa;
    margin-top: 25px;
    font-size: 14px;
    float: right;
    clear: right;
}

/********************* Main Menu *************************/

#nav {
	margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1020px;
    z-index: 20;
}

#nav-inner {
	background-image: url("../images/nav-bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 70px;
    position: relative;
    text-align: center;
}

#nav .primary {
	margin: 0;
	list-style-type: none;
    padding: 0;
}

#nav .primary li {
	display: inline-block;
	vertical-align: middle;
}

#nav .primary li a {
	text-decoration: none;
	color: #00295f;
}

#nav .primary li a span{
    display: block;
    font-size: 20px;
    margin-right: 23px;
    margin-top: -5px;
    padding: 18px 0;
    width: 109px;

}

#nav .primary .current-item a,
#nav .primary li a:hover{
	color: #FFFFFF;
}

#nav .primary .current-item a span,
#nav .primary li a span:hover {
	background-image: url("../images/nav.png");
    background-repeat: no-repeat;
}

/********************* Welcome *************************/

.home-page #content-innerer {
    background: #dadada;
    background: -moz-linear-gradient(left, #dadada 0%, #ffffff 10%, #ffffff 90%, #dadada 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dadada), color-stop(10%,#ffffff), color-stop(90%,#ffffff), color-stop(100%,#dadada));
    background: -webkit-linear-gradient(left, #dadada 0%,#ffffff 10%,#ffffff 90%,#dadada 100%);
    background: -o-linear-gradient(left, #dadada 0%,#ffffff 10%,#ffffff 90%,#dadada 100%);
    background: -ms-linear-gradient(left, #dadada 0%,#ffffff 10%,#ffffff 90%,#dadada 100%);
    background: linear-gradient(to right, #dadada 0%,#ffffff 10%,#ffffff 90%,#dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#dadada',GradientType=1 );
}


.welcome {
    padding: 10px 100px;
    text-align: center;
}

.welcome-header {
    background-image: url(../images/leaf.png);
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    width: 444px;
    height: 33px;
    margin: 12px auto -10px;
    color: #00295f;
}

.welcome p {
    color: #00295f;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
}

/********************* About Us *************************/

.page-title {
    background-image: url(../images/leaf.png);
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    width: 444px;
    height: 33px;
    padding-left: 40px;
    color: #00295f;
}

.about-image {
    float: right;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px
}

.content-innerer {
    float: left;
}

#company-profile {
    background-color: #ffffff;
    padding: 20px 25px;
}

#company-profile img {
    border-radius: 10px;
}

#mission-vision-people {
    background-image: url(../images/slide-text.jpg);
    background-size: 100%;
    padding: 20px 25px;
    overflow: auto;
}

.mission,
.vision,
.people {
    width: 30%;
    margin-right:25px;
    float: left;
}

.mission h2,
.vision h2,
.people h2 {
    color: #00295f;
    border-bottom:4px solid #00295f;
}

.vision ul{
    padding-left: 45px;
    list-style-image: url(../images/white-leaf.png);

}


/********************* Clientele *************************/

#clients {
    padding: 20px 25px;
    overflow: hidden;
}

#clients table {
    border-collapse: collapse;
    width: 940px;
}

#clients td {
    width: 20%;
    height: auto;
    padding-bottom: 25px;
}

#clients img {
    margin: 0 auto;
    width: 90%;
}

#clients .odd {
    background-color: #EEEEEE;
}


/*********************  Services *************************/

#services {
    background-color: #ffffff;
    padding: 20px 25px 35px;
}

.services-page #page-inner table {
    border-collapse: collapse;
    width: 100%;
}

.services-page #page-inner td, th {
    border: 1px solid #999;
    padding: 0.5rem;
    text-align: left;
}

#services img {
    border: 3px solid #efefef;
    border-radius: 2px;
}

#services img:hover {
    border: 3px solid #91ce0f;
    border-radius: 2px;
}

/*********************  Process *************************/

#process {
    background-color: #ffffff;
    padding: 20px 25px;
}

#process:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.process-heading {
    margin-bottom: 5px;
}

.process-image {
    width: 110px;
    height: 90px;
}

.process-title {
    width: 120px;
    height: 60px;
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #91CE0F;
    color: #fff;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
}

.process-title:hover {
    background: #7BAB16;
}

.process-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 30px solid transparent;
    border-left: 15px solid #ffffff;
    border-bottom: 30px solid transparent;
    width: 0;
}

.process-title:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 30px solid #ffffff;
    border-left: 15px solid transparent;
    border-bottom: 30px solid #ffffff;
    width: 0;
}

.process-desc {
    float: left;
    width: 130px;
    padding: 5px 10px;
    font-size: 15px;
    border-left: 1px dashed #c0c0c0;
    min-height: 230px;
}


.process-details:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.disposal-images {
    float: left;
    padding: 5px 0 0px 5px;
    background: rgba(0,0,0,.1);
    border: 1px solid rgba(168, 168, 168, 0.1);
}

.disposal-process {
    float: left;
    margin-right: 20px;
    width: 530px;
}

.disposal-process ul {
    margin: 0;
}

/********************* Contact Us *************************/

div.contact-form fieldset {
    margin: 0 0 7px;
    padding: 0;
}

fieldset {
    margin: 0 0 1.5em;
    padding: 1.4em;
    border: 0 none;

}

div.contact-form label {
    font-weight: bold;
    line-height: 30px;
}

div.contact-form input.custom, 
div.contact-form textarea {
    padding: 5px;
    width: 350px;
    border-radius: 5px;
}

input[type=text] {padding:5px; border:1px solid #ccc; 
-webkit-border-radius: 3px;
border-radius: 5px;
font-family: "HelveticaLT";
font-size: 16px;
background-color: #F6F6F6;
}

textarea {padding:5px; border:1px solid #ccc; 
-webkit-border-radius: 3px;
border-radius: 5px;
font-family: "HelveticaLT";
font-size: 16px;
background-color: #F6F6F6;
}

input[type=text]:focus,
textarea:focus {
border-color:#1d88ae; 
}


input[type=submit] {
padding:5px 15px;   
background-color: #00295f;
background-size: 100%;
border:0 none;
cursor:pointer;
-webkit-border-radius: 3px;
border-radius: 5px; 
color: #ffffff;
font-family: "HelveticaLT";
font-size: 16px;
}

input[type=submit]:hover{
    background-color: #0a3d80;
}

.left-side {
    float: left;
    margin-left: 20px;
    width: 370px;
}

.note, .input-buttons{
    margin-bottom: 10px;
    color: #727272;
    font-size: 14px;
}

.right-side {
    float: right;
    margin-right: 20px;
    margin-top: 50px;
    width: 514px;
}

.right-side b {
    color: #00295f;
}

.address-icon{
    height: 14px;   
    margin-right: 15px;
    width: 10px;
}

.tel-icon{
    height: 14px;   
    margin-right: 10px;
    width: 15px;

}

.mail-icon{
    height: 12px;   
    margin-right: 10px;
    width: 16px;
}
.margin{
    margin-left: 25px;
}

.contact-us-page #page-inner table {
    border-collapse: collapse;
    width: 100%;
}

.contact-us-page #page-inner td, th {
    border-bottom: 1px dotted #d3d3d3;
    padding: 0.5rem;
    text-align: left;
}

.contact-us-page #page-inner table a {
    text-decoration: none;
    color: #00295f;
}