@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, input { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
b, strong { font-family: 'droid_sansbold', Arial, Helvetica, sans-serif; }
.clear { clear: both; }
.last { margin-right: 0px !important; }
.left { float: left !important; } .right { float: right !important; }
.top0 { margin-top: 0 !important; } .bot0 { margin-bottom: 0 !important; }
.top5 { margin-top: 5px !important; } .bot5 { margin-bottom: 5px !important; }
.top10 { margin-top: 10px !important; } .bot10 { margin-bottom: 10px !important; }
.top15 { margin-top: 15px !important; } .bot15 { margin-bottom: 15px !important; }
.table { display: table; border-collapse: collapse; } .row { display: table-row; } .cell { display: table-cell; }
a { color: #3f3f3f; }
a:hover { color: #00923F; text-decoration: none; }

/* Custom Styles */
body { background: url(../images/body-bg.jpg) left top repeat-x #fff; font-family: 'droid_sansregular', Arial, Helvetica, sans-serif; font-size: 14px; color: #3f3f3f; }

#wrapper { width: 100%; }
.width { width: 960px; margin: 0 auto; position: relative; }
#mobileMenu { display: none; }

header { height: 157px; }
header .width:after { content: ''; clear: both; display: block; }
#logo { float: left; width: 154px; margin-left: -5px; margin-top: 10px; }

#top-right { float: right; width: 780px; text-align: right; margin: 20px 16px 0 0; }

/* Social Connect */
#social-connect { float: right; margin-bottom: 15px; }
#social-connect span { display: inline-block; vertical-align: middle; margin-left: 5px; }
#social-connect span.fb a { width: 24px; height: 24px; display: block; background-image: url(../images/social-icons.png); background-position: 0 0; background-repeat: no-repeat; }

.news-top { display: inline-block; font-size: 12px; margin-right: 60px; }
.news-top a { background: #f7fded; color: #637467; padding: 7px 10px; border: 1px solid #d1d1d1; text-decoration: none; display: inline-block; }
.news-top a:hover, .news-top a.active { background: #269757; color: #fff; }

#company-name { display: inline-block; font-size: 20px; color: #ff7800; padding-top: 5px; }
#header-contact { display: inline-block; font-size: 14px; color: #ff7800; margin-top: -20px;  }
#header-contact a {color: #969796; text-decoration: none;}
#header-contact a:hover {color: #269757; text-decoration: none;}

/*#minor-links ul { float: left; border-right: 1px solid #d8d1ca; margin: 57px 40px 0 0; padding: 0 40px 0 0; list-style: none; }
#minor-links ul li { font-family: 'droid_sansbold', Arial, Helvetica, sans-serif; font-size: 11px; color: #969796; line-height: 18px; }
#minor-links ul li a { color: #969796; text-decoration: none; }
#minor-links ul li a:hover { color: #00923F; }*/


/* Navigation */
#mobileMenu { display: none; background: #379D6E; }
#nav { margin-top: 30px; text-align: left; }
#nav ul { margin: 0; padding: 0; list-style: none; float: right; }
#nav ul li { float: left; position: relative; margin-left: 15px; }
#nav ul li.others { display: none; }
#nav ul li:first-child { margin-left: 0; }
#nav ul li:hover a, #nav ul li:hover a.active { background: #c0ba95; color: #2d3b33; }

#nav ul li a { color: #2d3b33; padding: 3px 10px; display: block; text-decoration: none; }
#nav ul li a:hover { background: #c0ba95; color: #2d3b33; text-decoration: none; }
#nav ul li a.active { background: #c0ba95; color: #2d3b33; }
#nav ul li:hover ul li a { border-bottom: none; }

#nav ul li:hover > ul { visibility: visible; opacity: 1; top: 25px; }

#nav ul li ul { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 50px; z-index: 99; padding: 15px 0px 10px; width: 190px; background: #c0ba95; border-bottom: 5px solid #242323;
box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52); -moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52); -o-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52); -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52);
transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#nav ul li ul li { float: none; margin: 0px; text-transform: none; }
#nav ul li ul li a { margin: 0px; padding: 8px 15px 7px; color: #2d3b33 !important; border-bottom: 1px dotted #f9fbf9 !important; height: auto; line-height: normal; font-weight: normal; display: block; background: none; }
#nav ul li ul li a:hover { background: #379D6E; color: #fff !important; }
#nav ul li ul li:hover a { background: #379D6E; color: #fff !important; }
#nav ul li ul li:last-child > a { border-bottom: none !important; }

#nav ul li ul li:hover > ul { visibility: visible; opacity: 1; left: 191px; top: 0; }

#nav ul li ul li ul { visibility: hidden; opacity: 0; position: absolute; left: 210px; top: 0; z-index: 99; padding: 0px 0px 10px; width: 190px; background: #334850; border-bottom: 5px solid #242323;
box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52); -moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52); -o-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52); -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.52);
transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#nav ul li ul li ul li:hover a { color: #10C7C8 !important; }

#container { width: 100%; background: url(../images/container-bg.jpg) left top repeat-x #fbfdfa; }

footer { background: url(../images/footer-bg.jpg) left top repeat-x; min-height: 117px; padding-top: 22px; }
footer .width { padding-top: 20px; }

#bottom-nav { float: left; margin: 0; padding: 0; list-style: none; }
#bottom-nav li { display: inline-block; font-size: 12px; color: #2d3b33; margin-right: 27px; }
#bottom-nav li a { color: #2d3b33; text-decoration: none; }
#bottom-nav li a:hover { border-bottom: 1px solid #000; color: #000; }

#designed { float: right; font-size: 12px; position: relative; }
#designed a { color: #2d3b33; text-decoration: none; }
#designed a:hover { color: #000; border-bottom: 1px solid #000; }
#designed:before { content: ''; width: 56px; height: 4px; background: #ff861b; position: absolute; left: -100px; top: 7px; display: block; }

#copyright { font-size: 11px; color: #269757; margin-top: 11px; }