/*

Theme Name: ECT Environmental

Theme URI:

Author URI:

Version: 1.0.1

Tags: Sidebar, Slider, Custom Menu

*/


/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

table {border-collapse: collapse;border-spacing: 0;}

/* GLOBALS */

html {min-height: 100%;}

body {background: color: #ffffff; font-family: Arial, Helvetica, sans-serif; overflow-x: hidden;}

p {font-size: 14px; color: #000000; line-height: 20px; padding-bottom: 18px; font-weight: 400;}

h1 {color: #002146; font-size: 34px; text-align: left; padding: 0px 0px 20px 0px; line-height: 37px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}

h2 {color: #002146; font-size: 26px; text-align: left; padding: 0px 0px 20px 0px; line-height: 28px; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}

h3 {color: #333333; font-size: 30px; text-align: left; padding: 0px 0px 15px 0px; line-height: 30px; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}

h4 {color: #002146; font-size: 20px; text-align: left; padding: 0px 0px 10px 0px; line-height: 22px; font-weight: 600; font-family: Arial, Helvetica, sans-serif;}

h5 {color: #002146; font-size: 14px; text-align: left; padding: 0px 0px 20px 0px; line-height: 20px; font-weight: 400; font-family: Arial, Helvetica, sans-serif;}
h5 a:visited{color: #002146;}
h5 a:link{color: #002146 !important; text-decoration: none;}
h5 a:hover{color: #002146; text-decoration: underline;}

h6 {color: #002146; font-size: 15px; text-align: left; padding: 0px 0px 15px 0px; line-height: 25px; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}

h7 {color: #000000; font-size: 12px; text-align: left; padding: 0px 0px 10px 0px; line-height: 18px; font-weight: 400; font-family: Arial, Helvetica, sans-serif;}

h8 {color: #002146; font-size: 14px; text-align: left; padding: 0px 0px 10px 0px; line-height: 18px; font-weight: 400; font-family: Arial, Helvetica, sans-serif;}
h8 a:visited{color: #002146;}
h8 a:link{color: #002146 !important; text-decoration: underline;}
h8 a:hover{color: #002146; text-decoration: underline;}


.full_width {width: 100%;}

.container {margin: 0 auto; position: relative; width: 1000px;}

.menu_container {margin: 0 auto; position: relative; width: 1000px;}

.clear {clear: both;}

#mobile-menu {display: none;padding: 5px 18px 0px 42px;font-size: 18px;line-height: 40px;text-decoration: none;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color: #fff;height: 44px;background: #3664a7 url(images/mobile-menu.png) 0px 3px no-repeat;}

#top_area {height: 83px; background: color: #ffffff repeat-x ;
width:1100px;
margin: 0 auto;
margin-top: -5px;
}


#top_area #logo { float: left; margin-top: 10px;}

#top_area .right_area {margin-top: 25px; float: right; width: 330px;}

#top_area .right_area .phone {float: left;}

#top_area .right_area .phone h3 {float: right;overflow: hidden;text-align: right;padding-bottom: 0px;color: #002146;font-weight: 600;letter-spacing: 2px;font-size: 20px;}

#top_area .right_area .phone h3 span {display: block;margin-right: 8px;margin-top: 2px;float: left;width: 18px;height: 18px;background: url(images/phone.png) no-repeat;}

#top_area .right_area .social {float: right;}

#top_area .right_area .social a {float: right; display: block; width: 32px; height: 32px; text-indent: -9999px; margin-right: 3px;}

#top_area .right_area .social a:hover {background-position: 0px -32px;}

#top_area .right_area .social .facebook {background: url(images/social/facebook.png);}

#top_area .right_area .social .twitter {background: url(images/social/twitter.png);}

#top_area .right_area .social .linkedin {background: url(images/social/linkedin.png);}

#top_area .right_area .social .youtube {background: url(images/social/youtube.png);}

#top_area .right_area .social .email {background: url(images/social/email.png);}

#menu_area {z-index: 9999; height: 55px; background: url(images/new_homepage/nav/repeat.png) repeat-x;
width: 1100px;
margin: 0 auto;
margin-top: -10px;
}

#menu_area #home {display: block;text-indent: -9999px;width: 87px;height: 55px;background: url(images/nav/home.png) no-repeat;float: left;}

#menu_area #last {display: block;text-indent: -9999px;width: 15px;height: 55px;background: url(images/nav/last.png) no-repeat;float: left;}


#slide_area {margin-top: -8px; 
float: left;
height: 430px !important;
background: color: #ffffff repeat-x;
}

#slide_area .slider-wrapper {width: 1000px !important;
height: 350px !important;
margin-top: 2px;
position: relative;
float: center;
}

#slide_area .slide_container {padding: 75px 45px;
float: center;
}

.slide_container h2, .slide_container h1, .slide_container span {color: #ffffff; text-shadow: 0px 1px #7e7e7e;}

.slide_container h1 {text-transform: uppercase; font-size: 30px; line-height: 32px; padding-top: 5px;}

.slide_container h2 {font-size: 30px !important; font-weight: normal; padding-bottom: 0px;}

.slide_container span {font-size: 20px; display: block;}

#slide_area .nivo-caption .slide_container .learn_more {margin-top: 5px; margin-left: -2px; float: left; width: 197px; height: 50px; display: block; text-decoration: none; color: #002147; text-transform: uppercase; background: url(images/new_homepage/learn_more_blank.png) center top no-repeat; line-height: 52px;font-weight: bold;text-indent: 24px;font-size: 18px;}

#slide_area .nivo-caption .slide_container .learn_more:hover {width: 197px; height: 50px; display: block; background: url(images/new_homepage/learn_more_blank.png) center bottom no-repeat;}



#four_boxes {height: 381px;background: url(images/four_boxes/big_bg.png) no-repeat center;margin-top: -2px; position: relative; z-index: 999; display: none;}

.four_boxes_container {width: 1000px;height: 354px;background: url(images/four_boxes/bg.png) no-repeat;margin: 0 auto;top: -85px;position: relative;}

#four_boxes .widget {float: left; width: 240px; height: 285px; background: url(images/four_boxes/box.png) no-repeat;}

#four_boxes .custom_widget {float: left; width: 240px; height: 240px; background: url(images/four_boxes/box_4.png) no-repeat;}

#four_boxes .widget h3 {color: #ffffff; text-align: center; text-align: left; padding-left: 65px;}

#four_boxes .widget h3 {font-size: 19px; font-weight: normal; padding-bottom: 0px; padding-top: 12px; line-height: 22px;}

#four_boxes .widget h3 strong {display: block; font-size: 19px; font-weight: bold; padding-bottom: 20px;}

#four_boxes .widget img {display: block; margin: 0 auto; padding-bottom: 5px;}

#four_boxes .widget p {color: #ffffff; line-height: 16px; padding-left: 10px; padding-bottom: 15px; margin: 0px 5px; font-size: 12px;}

#four_boxes .learn_more {margin-left: -1px; float: left; display: block; width: 244px; height: 44px; background: url(images/four_boxes/learn_more.png) center top no-repeat;}

#four_boxes .learn_more:hover {display: block; width: 244px; height: 44px; background: url(images/four_boxes/learn_more.png) center bottom no-repeat;}

#four_boxes #box_one, #four_boxes #box_two, #four_boxes #box_three, #four_boxes #box_four {float: left; width: 240px;  margin-left: 10px;}

#four_boxes #box_one {margin-left: 25px;}

#four_boxes #box_one h3 {background-image: url(images/four_boxes/top1.png); background-repeat: no-repeat; background-position: 14px 19px;}

#four_boxes #box_two h3 {background-image: url(images/four_boxes/top2.png); background-repeat: no-repeat; background-position: 14px 16px;}

#four_boxes #box_three h3 {background-image: url(images/four_boxes/top3.png); background-repeat: no-repeat; background-position: 14px 22px;}

#four_boxes #box_four h3 {background-image: url(images/four_boxes/top4.png); background-repeat: no-repeat; background-position: 14px 19px;}

#four_boxes #box_four h4 {color: #ffffff;  text-align: center; font-size: 22px; font-weight: normal; padding-bottom: 10px; padding-top: 10px;}

#four_boxes #box_four h4 span {font-weight: bold;}

#four_boxes #box_four img {display: block; margin: 0 auto; padding-bottom: 5px;}

#four_boxes #box_four .view_gallery {margin-left: -2px; float: left; display: block; width: 244px; height: 44px; background: url(images/four_boxes/view_gallery.png) center top no-repeat;}

#four_boxes #box_four .view_gallery:hover {float: left; display: block; width: 244px; height: 44px; background: url(images/four_boxes/view_gallery.png) center bottom no-repeat;}

#four_boxes #box_four ul {padding: 0px 17px;}

#four_boxes #box_four ul li {background: url(images/four_boxes/line.png) center bottom no-repeat; line-height: 15px; padding-bottom: 5px; margin-bottom: 5px;}

#four_boxes #box_four ul li:last-child {background: none;}

#four_boxes #box_four ul li a {min-height: 30px; text-decoration: none; color: #ffffff; font-size: 14px; background: url(images/four_boxes/pdf.png) left center no-repeat; padding-left: 30px; display: block;}

#four_boxes #box_four ul li a:hover {color: #002147;}

#four_boxes .box_container {overflow: hidden; padding: 25px 0px;}


#logo_area {display: none;}

#logo_container {width: 1100px; height: 96px; background: url(images/logos/bg.png) no-repeat; margin-top: 80px; position: relative; z-index: 999;}

#logo_container .bx-controls-direction a {display: block; text-indent: -9999px; width: 42px; height: 94px; position: absolute;}

#logo_container .bx-controls-direction a:hover {background-position: 0px -94px;}

#logo_container .bx-prev {background: url(images/logos/left.png) center top no-repeat; left: 2px; top: 1px;}

#logo_container .bx-next {background: url(images/logos/right.png) center top no-repeat; right: 2px; top: 1px;}

#logo_container .logos {margin-top: 10px;}

#logo_area h2 {position: absolute;top: -50px; width: 1100px; font-size: 25px; text-align: center;color: #002146;z-index: 999;text-transform: uppercase;}


#environmental {height: 381 px; background: #ffffff center; margin-top: -2px; position: relative; float: right; z-index: 9999; padding-bottom: 15px; padding-top: 20px; overflow: auto;}

#environmental_container {width: 1040 px; height: 354 px; background: #ffffff; margin: 0 auto; top: -85 px; position: relative;}

#environmental .bx-wrapper {float: left;}

#environmental .carousel {float: left; position: relative;}

#environmental .latest {width: 357px; height: 169px; background: url(images/new_homepage/container.png) no-repeat;}

#environmental .latest .left_news {float: left;}

#environmental .latest .time {display: block; width: 85px; height: 25px; background: url(images/new_homepage/date.png) no-repeat; text-align: center; line-height: 25px; font-size: 15px; margin-top: 1px;}

#environmental .news_container {padding: 15px; overflow: hidden;}

#environmental .news_container img {display: block;}

#environmental .latest h3 {font-size: 18px; line-height: 20px; font-weight: normal; color: #002146; width: 100%;max-width: 88%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-bottom: 10px;}

#environmental .excerpt {float: left;}

#environmental .right_news {width: 232px; margin-left: 10px; float: right;}

#environmental .excerpt .time {float: left;width: 45px;height: 55px;background: #002146; margin-bottom: 40px; margin-right: 10px;}

#environmental .excerpt .time span {display: block; text-align: center; color: #ffffff;}

#environmental .excerpt .time .month {font-size: 15px; padding-top: 8px; line-height: 12px;}

#environmental .excerpt .time .day {font-weight: bold; font-size: 22px;}

#environmental .excerpt p {line-height: 19px; padding-bottom: 10px; font-size: 14px; text-align: left;}

#environmental .excerpt .more {text-align: center; display: inline-block; float: left; width: 67px; height: 27px; color: #002146; text-transform: uppercase; background: url(images/new_homepage/more_blank.png) center top no-repeat; text-decoration: none;line-height: 26px;font-size: 14px;font-weight: bold;}

#environmental .excerpt .more:hover {width: 67px; height: 27px; background: url(images/new_homepage/more_blank.png) center bottom no-repeat;}

#environmental h2 {text-align: left;text-transform: uppercase;color: #002146;font-weight: bold;font-size: 32px; padding-bottom: 15px;}






#right_buttons {float: right; width: 247px;}

#right_buttons a {font-size: 15px; display: block; width: 200px; float: left; height: 47px; margin-bottom: 7px; text-decoration: none;color: #002146;line-height: 22px;padding-left: 40px;}

#right_buttons a:hover {background-position: 0px -47px;}

#right_buttons .cost {background: url(images/new_homepage/1.png) center top no-repeat;}

#right_buttons .responsive {background: url(images/new_homepage/2.png) center top no-repeat;}

#right_buttons .personal {background: url(images/new_homepage/3.png) center top no-repeat;}

#right_buttons .download {background: url(images/new_homepage/4.png) center top no-repeat;}

#right_buttons span {display: block; line-height: 46px;font-size: 15px;}

#office {height: 60px; background: url(images/office.png) center top no-repeat; margin-top: 60px;}

#office h2 {text-align: center; color: #ffffff;text-transform: uppercase;font-size: 36px;padding: 14px 0px;font-weight: 800;}

#map {height: 185px; background: url(images/new_homepage/office_bg.png) repeat-x; position: relative;}

#map .locations, #map .contact {display: block; text-indent: -9999px; position: absolute;}

#map .locations {width: 264px; height: 64px; background: url(images/locations.png) center top no-repeat; left: 240px; top: 195px;}

#map .locations:hover {width: 264px; height: 64px; background: url(images/locations.png) center bottom no-repeat;}

#map .contact {width: 244px; height: 64px; background: url(images/contact.png) center top no-repeat;  right: 235px; top: 195px;}

#map .contact:hover {width: 244px; height: 64px; background: url(images/contact.png) center bottom no-repeat;}

#contact {height: 185px; background: color: #fffffff repeat-x 0 0 ;
width:1100px;
margin: 0 auto;
}

#contact img {float: left; display: block; margin-top: 18px;}

#contact .locations {float: left; width: 290px; margin-top: 14px; margin-left: 15px;}

#contact .locations a {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #002146; text-decoration: none; text-align: center; font-size: 14px; text-transform: uppercase; display: block; text-decoration: none; width: 145px; height: 45px; background: url(images/new_homepage/tab.png) center top no-repeat; line-height: 47px;font-weight: 700;margin: 6px auto 6px;}

#contact .locations a:hover {background-position: 0px -45px;}

/*

#contact .locations .view_locations {float: left; width: 145px; height: 45px; background: url(images/new_homepage/view_locations.png) center top no-repeat;}

#contact .locations .view_locations:hover {background: url(images/new_homepage/view_locations.png) center bottom no-repeat;}

#contact .locations .contact_info {float: right; width: 135px; height: 45px; background: url(images/new_homepage/contact_info.png) center top no-repeat;}

#contact .locations .contact_info:hover {background: url(images/new_homepage/contact_info.png) center bottom no-repeat;}

*/

#contact .locations h2, #contact .locations h3 {color: #dee7f1;}

#contact .locations h3 {font-weight: normal; font-size: 24px !important; padding-bottom: 0px;}

#contact .locations h2 {font-size: 28px !important;}

#contact .social_contact {width: 238px; float: left; margin-left: 15px; background: url(images/new_homepage/dot.png); height:185px; padding: 0px 10px;}

#contact .social_contact {display: inline; text-align: center;}

#contact .phone {padding-top: 5px;margin-top: 10px;}

#contact .phone .contact {color: #002146;font-weight: 600;letter-spacing: 2px;font-size: 20px; font-weight: normal;}

#contact .phone h3 .icon {display: block;margin-right: 8px;margin-top: 2px;float: left;width: 27px;height: 30px;background: url(images/big_phone.png) no-repeat;}

#contact .phone .number {font-weight: normal; font-size: 25px; color: #002146; padding-bottom: 10px; border-bottom: 1px solid ##002146;}

#contact .social {width: 175px;overflow: hidden;margin: 0 auto;}

#contact .social a {float: right; display: block; width: 32px; height: 32px; text-indent: -9999px; margin-left: 3px;}

#contact .social a:hover {background-position: 0px -32px;}

#contact .social .facebook {background: url(images/social/facebook.png);}

#contact .social .twitter {background: url(images/social/twitter.png);}

#contact .social .linkedin {background: url(images/social/linkedin.png);}

#contact .social .youtube {background: url(images/social/youtube.png);}

#contact .social .email {background: url(images/social/email.png);}

#contact .connected {margin-top: 15px;}

#contact .connected h3 {font-weight: normal; font-size: 25px;color: #002146; text-align: center; text-transform: none;}

#footer {background: #002246; min-height: 40px; repeat-x 0 0 ;
width:1100px;
margin: 0 auto;
position: relative;
}

#footer span {display: block; color: #888888; font-size: 14px; padding: 20px 0px;}

#footer a {text-decoration: none; color: #888888; font-weight: bold;}

#footer .copyright {float: left;}

#footer .design {float: right;}


#int_logo_area {background: #e7e7e7; height: 205px; overflow: hidden;}

#int_logo_area #logo_container {margin-top: 85px;}

#int_logo_area h2 {position: absolute;top: -55px;width: 1000px;font-size: 25px;text-align: center;color: #002146;z-index: 999;text-transform: uppercase; font-weight: bold;}

#int_content {padding: 25px 0px; overflow: hidden;}

#int_content .left_area {width: 655px; float: left;}

#int_content .left_area .contact_us {margin-bottom: 20px; display: block; text-indent: -9999px; width: 208px; height: 59px; background: url(images/contact_int.png) center top no-repeat;}

#int_content .left_area .contact_us:hover {display: block; text-indent: -9999px; width: 208px; height: 59px; background: url(images/contact_int.png) center bottom no-repeat;}

#int_content .left_area .alignleft, #int_content .left_area .alignright, #int_content .left_area .aligncenter, #int_content .left_area .alignone {max-width: 100%; height: auto; background: #ffffff;padding: 2px;box-shadow: 0px 0px 5px 1px #c0c0c0;-webkit-box-shadow: 0px 0px 3px 1px #c0c0c0;-moz-box-shadow: 0px 0px 3px 1px #c0c0c0;-o-box-shadow: 0px 0px 3px 1px #c0c0c0;}

#int_content .left_area ul, #int_content .left_area ol {margin-bottom: 20px; color: #000000; font-size: 14px;}

#int_content .left_area ul li {background: url(images/li.png) no-repeat 0px 10px; padding-left: 20px; line-height: 30px;}

#int_content .left_area ul li a {text-decoration: none;}

#int_content .left_area ul li a:hover {color: #4D7395;}

#int_content .left_area ol li { line-height: 30px; list-style-type: decimal; margin-left: 20px;}

#int_content .left_area ul li:hover, #int_content .left_area ol li:hover {text-decoration: none;}

#int_content .left_area blockquote {box-shadow: 2px 2px 6px rgba(0,0,0,.2); background: #ffffff; border-left: 5px solid #002146; padding: 10px 15px;}

#int_content .left_area blockquote p {padding-bottom: 0px; font-family: 'Georgia', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 28px;}

#int_content .left_area blockquote strong {display: block; font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin-top: 5px;}

#int_content .left_area a {color: #002146; text-decoration: none;}

#int_content .left_area a:hover {color: #002146; /*text-decoration: underline;*/}

#int_content img {max-width: 100%;}

#int_content .sidebar {width: 320px; float: right;}

#int_content .sidebar .widget {margin-bottom: 10px;}

#int_content .sidebar .buttons a {display: block; width: 194px; height: 64px; margin: 0 auto; text-decoration: none; color: #ffffff; padding-left: 80px; padding-right: 40px;}

#int_content .sidebar .buttons span {display: block; line-height: 34px;}

#int_content .sidebar .buttons a:hover {background-position: 0px -64px;}

#int_content .sidebar .buttons .cost {background: url(images/sidebar/1.png) center top no-repeat;}

#int_content .sidebar .work {background: url(images/sidebar/5.png) center top no-repeat;}

#int_content .sidebar .buttons .responsive {background: url(images/sidebar/2.png) center top no-repeat;}

#int_content .sidebar .buttons .personal {background: url(images/sidebar/3.png) center top no-repeat;}

#int_content .sidebar .buttons .download {background: url(images/sidebar/4.png) center top no-repeat;}


#int_content .sidebar .news_widget {width: 320px; height: 484px; background: url(images/sidebar/contact_us_bg.png) no-repeat; margin-bottom: 40px !important;}

#int_content .sidebar .news_widget h3 {color: #002146;text-align: center;font-size: 24px;padding-top: 15px; text-transform: uppercase; padding-bottom: 2px;}

#int_content .sidebar .news_widget .background {width: 217px; height: 208px; background: url(images/sidebar/bg.png) no-repeat; position: relative; margin: 0 auto;}

#int_content .sidebar .news_widget img {display: block; position: absolute; left: 18px; top: 18px; width: 180px; height: 170px;}

#int_content .sidebar .news_widget h4 {color: #002146;text-align: center;text-transform: uppercase;font-weight: bold;font-size: 18px; padding-bottom: 0px;}

#int_content .sidebar .news_widget p {display: block;text-align: center;}

#int_content .sidebar .news_widget span {color: #ffffff;display: block;text-align: center;font-size: 14px;padding: 0px 25px;}

#int_content .sidebar .news_widget h5 {text-align: center; color: #ffffff; font-size: 18px; margin-top: 5px; padding-bottom: 5px;}

#int_content .sidebar .news_widget .contact_us {display: block; margin: 0 auto; text-indent: -9999px; width: 208px; height: 59px; background: url(images/sidebar/contact_us.png) center top no-repeat;}

#int_content .sidebar .news_widget .contact_us:hover {display: block; text-indent: -9999px; width: 208px; height: 59px; background: url(images/sidebar/contact_us.png) center bottom no-repeat;}

#int_content .sidebar .search input[type="text"] {width: 308px;margin: 0 auto;display: block;border: none;height: 35px;font-size: 16px;text-indent: 10px;color: #c0c0c0;font-style: italic;box-shadow: 0px 0px 5px 1px #c0c0c0;-webkit-box-shadow: 0px 0px 3px 1px #c0c0c0;-moz-box-shadow: 0px 0px 3px 1px #c0c0c0;-o-box-shadow: 0px 0px 3px 1px #c0c0c0;}

#int_content .sidebar .testimonials_widget {margin: 0 auto 20px; width: 316px;}

#int_content .sidebar .testimonials_widget .top {width: 316px;height: 65px;background: url(images/sidebar/testimonial_top_new.png) no-repeat;}

#int_content .sidebar .testimonials_widget h3 {padding-bottom: 0px;float: left;text-transform: uppercase;color: #ffffff;font-size: 23px !important;padding-left: 20px;font-weight: bold;line-height: 64px !important;}

#int_content .sidebar .testimonials_widget .read_all {margin-top: 20px; margin-right: 20px; float: right; display: block; width: 44px; height: 26px; background: url(images/sidebar/all.png) center top no-repeat;}

#int_content .sidebar .testimonials_widget .read_all:hover {display: block; width: 44px; height: 26px; background: url(images/sidebar/all.png) center bottom no-repeat;}

#int_content .sidebar .testimonials_widget .repeat {width: 316px;background: url(images/sidebar/repeat.png) repeat-y;}

#int_content .sidebar .testimonials_widget .bottom {width: 316px;height: 11px;background: url(images/sidebar/bottom.png) no-repeat;}

#int_content .sidebar .testimonials_widget .widget_container {padding: 15px 15px;}

#int_content .sidebar .testimonials_widget .widget_container blockquote {background: url(images/sidebar/quote.png) right bottom 16% no-repeat;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #d9d9d9; font-family: 'Georgia', Arial, Helvetica, sans-serif;font-size: 14px;line-height: 23px;}

#int_content .sidebar .testimonials_widget .widget_container blockquote strong {display: block;font-size: 14px;font-family: Arial, Helvetica, sans-serif;margin-top: 5px;}

#int_content .sidebar .testimonials_widget .widget_container blockquote:last-child {border: none;}




#int_content .sidebar .upw-posts {max-height: 300px; overflow: auto; margin: 0 auto 10px; width: 316px;}

#int_content .sidebar .upw-posts .top {width: 316px; height: 35px; background: url(images/sidebar/testimonial_top_news.png) no-repeat;}

#int_content .sidebar .upw-posts h3 {padding-bottom: 0px;float: left;text-transform: uppercase;color: #ffffff;font-size: 23px !important;padding-left: 20px;font-weight: bold;line-height: 34px !important;}

#int_content .sidebar .upw-posts .read_all {margin-top: 20px; margin-right: 20px; float: right; display: block; width: 44px; height: 26px; background: url(images/sidebar/all.png) center top no-repeat;}

#int_content .sidebar .upw-posts .read_all:hover {display: block; width: 44px; height: 26px; background: url(images/sidebar/all.png) center bottom no-repeat;}

#int_content .sidebar .upw-posts.repeat {width: 316px;background: url(images/sidebar/repeat.png) repeat-y;}

#int_content .sidebar .upw-posts .bottom {width: 316px; height: 5px; background: color: #ffffff;}

#int_content .sidebar .upw-posts .widget_container {padding: 15px 15px;}






#int_content .sidebar .latest_news {margin: 0 auto 10px; width: 316px;}

#int_content .sidebar .latest_news .top {width: 316px;height: 65px;background: url(images/sidebar/testimonial_top.png) no-repeat;}



#int_content .sidebar .latest_news h3 {padding-bottom: 0px;float: left;text-transform: uppercase;color: #ffffff;font-size: 23px !important;padding-left: 20px;font-weight: bold;line-height: 64px !important;}

#int_content .sidebar .latest_news .read_all {margin-top: 20px; margin-right: 20px; float: right; display: block; width: 44px; height: 26px; background: url(images/sidebar/all.png) center top no-repeat;}

#int_content .sidebar .latest_news .read_all:hover {display: block; width: 44px; height: 26px; background: url(images/sidebar/all.png) center bottom no-repeat;}

#int_content .sidebar .latest_news .repeat {width: 316px;background: url(images/sidebar/repeat.png) repeat-y;}

#int_content .sidebar .latest_news .bottom {width: 316px;height: 11px;background: url(images/sidebar/bottom.png) no-repeat;}

#int_content .sidebar .latest_news .widget_container {padding: 15px 25px;}

#int_content .sidebar .latest_news .time {float: left;width: 45px;height: 55px;background: #002146; margin-right: 10px;}

#int_content .sidebar .latest_news .time span {display: block;text-align: center;color: #ffffff;}

#int_content .sidebar .latest_news .time .month {font-size: 22px;padding-top: 8px;line-height: 12px;}

#int_content .sidebar .latest_news .time .day {font-weight: bold;font-size: 22px;}

#int_content .sidebar .latest_news a {color: #002146; text-decoration: none; font-weight: 600; line-height: 20px; display: block; font-size: 16px;}

#int_content .sidebar .latest_news a:hover {color: #002146; text-decoration: underline;}

#int_content .sidebar .latest_news .latest {margin-bottom: 10px; padding-bottom: 10px;border-bottom: 1px dotted #d9d9d9; overflow: hidden;}

#int_content .sidebar .latest_news .latest:last-child {margin-bottom: 0px; padding-bottom: 0px; border: none;}

#int_content .the_post .more {display: inline-block; text-indent: -9999px; width: 85px; height: 30px; background: url(images/environmental/more.png) center top no-repeat;}

#int_content .the_post .more:hover {text-indent: -9999px; width: 85px; height: 30px; background: url(images/environmental/more.png) center bottom no-repeat;}

#int_content .the_post {margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px dotted #d9d9d9;}

#int_content .the_post:last-child {border-bottom: none;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select {height: 28px; background: #eeeeee; border: 1px solid #c4c4c4; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}

.wpcf7 textarea {background: #eeeeee; border: 1px solid #c4c4c4; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; width: 100%;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}

.wpcf7 p {color: #000000; font-weight: bold; width: 50%; float: left;}

.wpcf7 .custom_p {width: 100% !important;}

.wpcf7 select {width: 84%; height: 30px;}

.wpcf7 input[type="submit"] {cursor: pointer; display: block; border: 0; width: 208px; height: 59px; background: url(images/new_homepage/send_blank.png) center top no-repeat; font-weight: bold;font-size: 20px;text-transform: uppercase;color: #002146;}

.wpcf7 input[type="submit"]:hover {display: block; border: 0; width: 208px; height: 59px; background: url(images/new_homepage/send_blank.png) center bottom no-repeat;}

th, td {padding: 0.25rem;text-align: left;border: 1px solid #ccc !important;}

.tablepress {border: 1px solid #ccc !important; font-size: 14px !important;}

.page-id-14 #int_content .left_area ul li {background: none; padding-left: 0px;}

.page-id-14 #int_content .left_area ul {overflow: hidden; clear: both;}

.column_one {float: left; width: 40%; margin-right: 10%; min-height: 220px; overflow: hidden;}

.column_two {float: left; width: 40%; min-height: 220px; overflow: hidden;}

#buttons_area {overflow: hidden; margin: 20px auto;}

#buttons_area a {display: inline-block; text-indent: -9999px; width: 250px; height: 51px; float: left;}

#buttons_area a:hover {background-position: 0px -51px;}

#buttons_area .cost {background: url(images/sidebar/small/1.png) center top no-repeat;}

#buttons_area .responsive {background: url(images/sidebar/small/2.png) center top no-repeat;}

#buttons_area .personal {background: url(images/sidebar/small/3.png) center top no-repeat;}

#buttons_area .download {background: url(images/sidebar/small/4.png) center top no-repeat;}

#buttons_area .butons_container {width: 630px; margin: 0 auto;}

#int_content .results_entry {border-bottom: 1px solid #a1a1a1; margin-bottom: 18px;}

/* #int_content .left_area ul .alternate {color: #002146;} */

.google-maps {position: relative;padding-bottom: 75%; height: 0; margin-bottom: 3em;}

.google-maps iframe {position: absolute;top: 0;left: 0; width: 100% !important;height: 100% !important;}

/* Flexible iFrame */

.Flexible-container {

    position: relative;

    padding-bottom: 30px;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

.Flexible-container iframe,

.Flexible-container object,

.Flexible-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

div#sl_div div#map {background: none !important;}

#map_sidebar .location_distance {display: none;}

.imagehotspot-container {margin-bottom: 20px;}

.image_map {width: auto\9;height: auto;max-width: 100%;vertical-align: middle;border: 0; -ms-interpolation-mode: bicubic; background: #ffffff;padding: 2px;box-shadow: 0px 0px 5px 1px #c0c0c0;-webkit-box-shadow: 0px 0px 3px 1px #c0c0c0;-moz-box-shadow: 0px 0px 3px 1px #c0c0c0;-o-box-shadow: 0px 0px 3px 1px #c0c0c0;}

.tooltip-content {padding: 0px !important; background-color: #ffffff !important; color: #ffffff !important;}

.litetooltip-wrapper {opacity: 1 !important;}

.litetooltip-wrapper .tooltip-arrow.top {border-top-color: #ffffff !important;}

.litetooltip-wrapper .tooltip-arrow.bottom {border-bottom-color: #f6f6f6 !important;}

.litetooltip-wrapper .tooltip-menu.Spindle {background: none !important; padding: 0px 10px;}

.litetooltip-wrapper .tooltip-menu.Spindle ul {padding-bottom: 5px;}

.litetooltip-wrapper .tooltip-menu.Spindle li {border: none !important; color: #333333; text-align: center; font-size: 13px; padding-bottom: 2px;}

.litetooltip-wrapper h3 {text-align: center; color: #002146; font-weight: bold; text-shadow: 0px 1px #ffffff; font-size: 18px; padding-bottom: 5px; padding-top: 5px; margin-bottom: 5px; background: rgb(246,246,246); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(229,229,229,1) 75%, rgba(251,251,251,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(75%,rgba(229,229,229,1)), color-stop(100%,rgba(251,251,251,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(229,229,229,1) 75%,rgba(251,251,251,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(229,229,229,1) 75%,rgba(251,251,251,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(229,229,229,1) 75%,rgba(251,251,251,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(229,229,229,1) 75%,rgba(251,251,251,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */

line-height: 30px;

border-bottom: 1px solid #dedbdb;

-moz-border-radius-topleft: 15px;

border-top-left-radius: 15px;

-moz-border-radius-topright: 15px;

border-top-right-radius: 15px;}

#wpcf7-f47-p18-o1 {clear: both;}

.blog #int_logo_area {display: none;}

/*

#contact .locations .careers {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background-color:#ededed;

	-webkit-border-top-left-radius:6px;

	-moz-border-radius-topleft:6px;

	border-top-left-radius:6px;

	-webkit-border-top-right-radius:6px;

	-moz-border-radius-topright:6px;

	border-top-right-radius:6px;

	-webkit-border-bottom-right-radius:6px;

	-moz-border-radius-bottomright:6px;

	border-bottom-right-radius:6px;

	-webkit-border-bottom-left-radius:6px;

	-moz-border-radius-bottomleft:6px;

	border-bottom-left-radius:6px;

	text-indent:0;

	border:1px solid #dcdcdc;

	display:inline-block;

	color:#002146;

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px !important;

	font-weight:bold;

	font-style:normal;

	height:45px;

	line-height:50px;

	width:145px;

	text-decoration:none;

	text-align:center;

	text-shadow:1px 1px 0px #ffffff;

	margin-top: 10px;

}#contact .locations .careers:hover {

	background-color:#dee7f1;

}#contact .locations .careers:active {

	position:relative;

	top:1px;

/* #contact .locations .careers {color: #ffffff;text-align: left; display: block;text-decoration: none;font-weight: bold; text-indent: 0px !important;margin-top: 10px;float: left;} */

/* #contact .locations .careers:hover {color: #dee7f1;} */



#owwwl {width: 540px; float: left; position: relative;}

#owwwl .owl-item {width: 170px !important;}

#owl_container {width: 540px;float: left; position: relative;}

.page-id-14 .left_area h2 {font-size: 20px;}

.page-id-14 .left_area ul .alternate {color: #000000 !important;}

.left_area ul li strong {font-weight: normal;}





