/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

/* The *:focus rule is reset and suppresses link outlining. You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g. *:focus   outline: #ccc dotted medium */
body { background-color: #2a2a2a; text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 62.5%; color: #FFF; }

a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; }

.clear { clear: both; }

strong, b, .bold { font-weight: bold; }

body.entrance { background-color: #000; }

.lowercase { text-transform: none; }

.indented { padding-left: 40px; }

.green { color: #1cf40b; }

.red { color: #ab0303; }

.green-content { color: #0e8305; font-weight: bold; }

.green-dark { color: #3a4a3e; font-weight: bold; }

.fancy-bullet li { padding-left: 14px; background: url(../img/bullet.png) transparent no-repeat left 5px; }

#entrance { margin: 0 auto; width: 996px; padding-top: 459px; background: url(../img/entrance_background.png?v=1.1) transparent no-repeat left top; position: relative; }
#entrance .globe_wrapper { position: absolute; top: 108px; left: 258px; }
#entrance .entrance_button { display: block; width: 191px; height: 69px; background: url(../img/entrance_button.png) transparent no-repeat 0 0; margin: 0 auto; text-indent: -9999px; }
#entrance .entrance_button:hover { background-position: 0 -69px; }
#entrance .entrance_button:active { background-position: 0 -138px; }

#outer { background: url(../img/shadow.jpg) transparent repeat-y center top; width: 100%; }

.page { width: 1000px; margin: 0 auto; background-color: #282828; text-align: left; }

/* HEADER */
.header { background: url(../img/globe_header.png?v=1.1) #000 no-repeat left top; height: 316px; position: relative; }
.residential .header { background: url(../img/ac_header.png?v=1.1) #000 no-repeat left top; }
.header a { text-transform: lowercase; }
.header #email { padding-left: 20px; background: url(../img/email.png) transparent no-repeat left center; position: absolute; top: 32px; left: 420px; }
.header #home { padding-left: 18px; background: url(../img/home.png) transparent no-repeat left center; position: absolute; top: 32px; left: 340px; }
.header #english { padding-left: 32px; padding-top: 2px; background: url(../img/english.png) transparent no-repeat left top; display: block; height: 32px; position: absolute; top: 32px; left: 810px; }

/* NAVIGATION */
.navigation { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; position: absolute; bottom: 35px; right: 19px; width: 678px; }
.navigation { display: block; }
.navigation li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
.navigation li.first { padding-left: 0px; }
.navigation li.last { padding-right: 0px; }
.navigation #nav_about a { width: 99px; background: url(../img/navigation.png) transparent no-repeat 0 -0px; }
.navigation #nav_about a:hover { background-position: 0 -28px; }
.navigation #nav_about a.active:hover, .navigation #nav_about a.active { padding-left: 0; margin-left: 0; position: relative; background-position: 0 -56px; }
.navigation #nav_residential a { width: 93px; background: url(../img/navigation.png) transparent no-repeat 0 -84px; }
.navigation #nav_residential a:hover { background-position: 0 -112px; }
.navigation #nav_residential a.active:hover, .navigation #nav_residential a.active { padding-left: 5px; margin-left: -5px; position: relative; background-position: 0 -140px; }
.navigation #nav_commercial a { width: 93px; background: url(../img/navigation.png) transparent no-repeat 0 -168px; }
.navigation #nav_commercial a:hover { background-position: 0 -196px; }
.navigation #nav_commercial a.active:hover, .navigation #nav_commercial a.active { padding-left: 4px; margin-left: -4px; position: relative; background-position: 0 -224px; }
.navigation #nav_property a { width: 144px; background: url(../img/navigation.png) transparent no-repeat 0 -252px; }
.navigation #nav_property a:hover { background-position: 0 -280px; }
.navigation #nav_property a.active:hover, .navigation #nav_property a.active { padding-left: 4px; margin-left: -4px; position: relative; background-position: 0 -308px; }
.navigation #nav_government a { width: 83px; background: url(../img/navigation.png) transparent no-repeat 0 -336px; }
.navigation #nav_government a:hover { background-position: 0 -364px; }
.navigation #nav_government a.active:hover, .navigation #nav_government a.active { padding-left: 5px; margin-left: -5px; position: relative; background-position: 0 -392px; }
.navigation #nav_news a { width: 83px; background: url(../img/navigation.png) transparent no-repeat 0 -420px; }
.navigation #nav_news a:hover { background-position: 0 -448px; }
.navigation #nav_news a.active:hover, .navigation #nav_news a.active { padding-left: 5px; margin-left: -5px; position: relative; background-position: 0 -476px; }
.navigation #nav_contacts a { width: 83px; background: url(../img/navigation.png) transparent no-repeat 0 -504px; }
.navigation #nav_contacts a:hover { background-position: 0 -532px; }
.navigation #nav_contacts a.active:hover, .navigation #nav_contacts a.active { padding-left: 5px; margin-left: -5px; position: relative; background-position: 0 -560px; }
.navigation li a { color: white; display: block; height: 28px; text-indent: -9999px; }

/* BODY BACKGROUND */
.body { background: url(../img/top_gray.jpg) #282828 repeat-x left top; display: inline-block; }
.body:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.body { display: block; }

/* LEFT MAIN COLUMN */
.left-column { float: left; padding-left: 12px; }
.left-column .emergency { display: block; width: 271px; height: 162px; background-image: url(../img/emergency.png); position: relative; }
.left-column .emergency .phones { font-family: "VegurRegular", sans-serif; font-size: 1.8em; line-height: 1; position: absolute; top: 86px; left: 110px; }
.left-column .emergency .phones b { font-family: "VegurBold", sans-serif; }
.left-column .login_button { margin-top: 20px; margin-left: 110px; }
.left-column .login_button a { display: block; width: 98px; height: 21px; background-image: url(../img/login.png); text-indent: -9999px; }
.left-column .login_button a:hover { background-position: 0 -21px; }
.left-column .news { width: 270px; padding: 0; margin: 0; min-height: 259px; background: url(../img/news_middle.png) #282828 repeat-y left 6px; position: relative; z-index: 10; }
.left-column .news .news_content { padding: 40px 40px 0; width: 190px; min-height: 176px; line-height: 1.5em; background: url(../img/news_top.png) transparent no-repeat left top; position: relative; z-index: 50; }
.left-column .news .news_footer { width: 100%; height: 109px; background: url(../img/news_bottom.png) #282828 no-repeat left top; margin-top: -45px; position: relative; z-index: 20; }
.left-column .news h1 { text-transform: uppercase; color: #4a7d46; font-size: 1.8em; font-family: Tahoma, Geneva, sans-serif; font-weight: 500; margin-bottom: 1em; line-height: 1.1em; }
.left-column .news .news-date { font-weight: bold; color: #444444; }
.left-column .news a { color: #4a7d46; }
.left-column .news .news-link { padding: 0 0 1em 1em; }
.left-column .news .all-news { padding-left: 18px; background: url(../img/all_news_icon.png) transparent no-repeat left center; color: #444444; }

/* RIGHT MAIN COLUMN BACKGROUND */
.body-wrapper { background: url(../img/bottom_gray.jpg) transparent repeat-x left bottom; }

.right-column { background: url(../img/middle_white.png) transparent repeat-y left top; width: 717px; float: left; }
.right-column .content-wrapper { background: url(../img/top_white.png) transparent no-repeat left top; padding: 0 20px 0 29px; }

.gray-shadow { height: 16px; clear: both; background: url(../img/bottom_gray.jpg) transparent repeat-x left bottom; }

.white-shadow { height: 16px; background: url(../img/bottom_white.jpg) transparent repeat-x left bottom; width: 668px; margin-left: 312px; }

/* CAREERS BOX */
.careers-box { float: left; }
.careers-box img { float: left; margin-right: 10px; display: inline; }
.careers-box .careers-wrapper { float: left; width: 272px; }
.careers-box .careers-top { width: 389px; height: 8px; background: url(../img/careers_top.png) transparent no-repeat left top; }
.careers-box .careers-middle { display: inline-block; width: 354px; min-height: 100px; background: url(../img/careers_middle.png) transparent repeat-y left top; padding: 10px 15px 5px 20px; }
.careers-box .careers-middle:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.careers-box .careers-middle { display: block; }
.careers-box .careers-bottom { width: 389px; height: 17px; background: url(../img/careers_bottom.png) transparent no-repeat left top; }

/* RESIDENTIAL */
.hma_icon { float: right; width: 210px; height: 110px; margin-left: 10px; }
.hma_icon a { text-indent: -9999px; display: block; height: 100%; background: url(../img/agreement.png) transparent no-repeat 0 0; }
.hma_icon a:hover { background-position: -210px 0; }

.capability_icon { float: right; width: 210px; height: 105px; margin-left: 10px; }
.capability_icon a { text-indent: -9999px; display: block; height: 100%; background: url(../img/capability.png) transparent no-repeat 0 0; }
.capability_icon a:hover { background-position: 0 -106px; }

.cube-bullet li { padding: 0 0 14px 40px; background: url(../img/cube.png) transparent no-repeat left 5px; }
.cube-bullet .costs b { width: 130px; display: block; float: left; }

/* HMA */
.hma-wrapper { float: left; width: 374px; padding-right: 20px; }

.price-sticker { padding-left: 98px; margin-left: -55px; background: url(../img/335_dollars.png) transparent no-repeat left top; }

.green-sidebar { float: left; width: 221px; padding-top: 1em; display: inline-block; }
.green-sidebar:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.green-sidebar { display: block; }
.content .green-sidebar h1 { margin-top: 0.5em; margin-bottom: 0.2em; }
.green-sidebar img { float: left; margin: -10px 5px 0 -10px; }
.green-sidebar .green-sidebar-top { height: 9px; background: url(../img/green_sidebar_top.png) transparent no-repeat left top; }
.green-sidebar .green-sidebar-middle { background: url(../img/green_sidebar_middle.png) transparent repeat-y left top; min-height: 100px; padding: 10px 20px 5px 20px; }
.green-sidebar .green-sidebar-bottom { height: 8px; background: url(../img/green_sidebar_bottom.png) transparent no-repeat left top; }

/* GENERAL CONTENT AREA */
.content { color: #333333; font-size: 1.2em; min-height: 690px; padding: 40px 25px 40px 26px; line-height: 1.5em; display: inline-block; }
.content:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.content { display: block; }
.content h1 { font-family: "VegurRegular", sans-serif; font-size: 2em; color: #0e8305; line-height: 1.1em; }
.content h1 b { color: #444444; font-family: "VegurBold", sans-serif; }
.content h2 { text-transform: uppercase; color: #0e8305; font-weight: bold; margin-bottom: 0.5em; }
.content ul { margin-bottom: 1em; }
.content dl { width: 220px; float: left; display: inline-block; }
.content dl:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.content dl { display: block; }
.content dl dt { color: #0e8305; font-weight: bold; float: left; width: 60px; }
.content dl dd { float: left; width: 160px; margin-bottom: 1em; }
.content dl dd span.name { display: block; font-weight: bold; }
.content dl dd a { text-decoration: underline; }
.content a { color: #0e8305; }
.content em { color: #0e8305; font-style: italic; }
.content p, .content pre { margin-bottom: 1em; }
.content h1 { margin-bottom: 20px; }
.content .widecol { width: 406px; float: left; }
.content .narrowcol { width: 180px; float: right; padding-left: 20px; }
.content .narrowcol img { margin-bottom: 10px; }
.content .narrowcol2 { width: 198px; float: right; padding-left: 20px; }
.content .narrowcol2 img { margin-bottom: 10px; }
.content .narrowcol2 .capability_icon { width: 198px; margin-bottom: 10px; }
.content .leftcol { float: left; width: 285px; padding-right: 18px; border-right: 1px solid #aeaeae; }
.content .rightcol { float: left; width: 285px; border-left: 1px solid #aeaeae; padding-left: 22px; margin-left: -1px; }

/* NEWS CONTENT */
.news-content ul li { padding-left: 14px; background: url(../img/bullet.png) transparent no-repeat left 5px; }

/* GREEN BOX */
.basket-icon { background: url(../img/basket.png) transparent no-repeat left top; }
.green-middle .basket-icon h1 { margin-left: 60px; margin-bottom: 1em; }

.green-box { clear: both; width: 617px; padding-top: 1em; display: inline-block; }
.green-box:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.green-box { display: block; }
.green-box img { float: left; margin-right: 10px; display: inline; }
.green-box .services-footnote { margin-left: 60px; }
.green-box ul.services { display: inline-block; display: block; height: 12.9em; }
.green-box ul.services:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.green-box ul.services { display: block; }
.green-box ul.services li { float: left; display: block; width: 130px; }
.green-box ul.property { display: inline-block; padding-left: 0; margin-bottom: 0; display: block; }
.green-box ul.property:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.green-box ul.property { display: block; }
.green-box ul.property li { float: left; display: block; width: 180px; }
.green-box ul.property li.last { width: 180px; }
.green-box h1 { margin-bottom: 0.3em; }
.green-box .green-top { height: 8px; background: url(../img/green_frame_top.png) transparent no-repeat left top; }
.green-box .green-middle { background: url(../img/green_frame_middle.png) transparent repeat-y left top; padding: 10px 15px 5px 20px; }
.green-box .green-bottom { height: 17px; background: url(../img/green_frame_bottom.png) transparent no-repeat left top; }

/* NEWS */
.post-date { float: right; font-weight: bold; }

.post-author { color: #333333; font-weight: bold; text-transform: none; }

/* FOOTER */
.footer { background-color: #000; min-height: 100px; display: inline-block; }
.footer:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.footer { display: block; }
.footer .copyright { padding: 22px 0 0 32px; width: 280px; display: inline; float: left; }
.footer .footer-right { display: inline; float: left; width: 688px; text-align: center; }

.pictures { width: 623px; position: relative; margin: -22px auto 0; }
.pictures .left-arrow, .pictures .right-arrow { width: 26px; height: 141px; float: left; }
.pictures .left-arrow { background: url(../img/left_arrow.png) transparent no-repeat right center; }
.pictures .left-arrow:hover { background: url(../img/left_arrow_hover.png) transparent no-repeat right center; }
.pictures .left-arrow:active { background: url(../img/left_arrow_pressed.png) transparent no-repeat right center; }
.pictures .right-arrow { background: url(../img/right_arrow.png) transparent no-repeat left center; }
.pictures .right-arrow:hover { background: url(../img/right_arrow_hover.png) transparent no-repeat left center; }
.pictures .right-arrow:active { background: url(../img/right_arrow_pressed.png) transparent no-repeat left center; }
.pictures .carousel { float: left; width: 571px; height: 141px; overflow: hidden; }
.pictures .carousel li { padding: 0; margin: 0; list-style-type: none; width: 571px; height: 141px; float: left; }

.footnav { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; margin: 0 auto; width: 615px; padding: 22px 0; overflow: hidden; }
.footnav { display: block; }
.footnav li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 8px; padding-right: 8px; }
.footnav li.first { padding-left: 0px; }
.footnav li.last { padding-right: 0px; }
.footnav li { text-align: left; height: 12px; border-left: 1px solid #FFF; margin-left: -1px; padding: 0 0 0 16px; }
.footnav li a { margin-right: 16px; }
.footnav li .active { color: #1cf40b; }