/*
"GENERAL" - main styles.
"PAGE" - page styles.
"HEADER" - header styles.
"LEFT PANEL" - left panel styles.
"CONTENT" - content styles.
"FOOTER" - footer styles.
*/



/* GENERAL */
BODY {
  padding: 0;
  margin: 0;
  text-align: center;
  background: #ffffff url(../img/bg.jpg) top repeat-x;
}

HTML, BODY, H1, H2, H3, H4, H5, H6, FORM, P, IMG {
  margin: 0;
  padding: 0;
  border: 0;
}

BODY, INPUT, SELECT, TEXTAREA, TABLE, TD, TH {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #5f5f5f;
}

UL, OL, LI {
  margin-top: 0px;
  margin-bottom: 0px;
}

.hidden {
  display: none;
  visibility: hidden;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
  visibility: hidden;
}

DIV.wrapper {
  background: url(../img/bg-all.jpg) center top no-repeat;
  height: 100%;
}

/* PAGE */
.holder {
  width: 970px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}



/* HEADER */
#header {
  margin-bottom: 10px;
}
.header-bg {
  background: url(../img/header-bg.png) center bottom no-repeat;
  _background: url(../img/ie6/header-bg.gif) center bottom no-repeat;
  height: 309px;
}
.main-bg {
  background: url(../img/header-main-bg.png) center bottom no-repeat;
  _background: url(../img/ie6/header-main-bg.gif) center bottom no-repeat;
  height: 513px;
}
#header DIV.holder {
  position: relative;
}

#header A.logo {
  width: 160px;
  height: 126px;
  position: absolute;
  top: 30px;
  left: 27px;
  background: url(../img/logo-lille-hambaravi.png) no-repeat;
  cursor: pointer;
}

/* HEADER -> horisontal menu */
#horisontal_menu {
  height: 134px;
  position: absolute;
  top: 0;
  left: 265px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#horisontal_menu LI {
  display: inline;
  height: 134px;
  padding: 0;
  margin: 0;
  float: left;
}
#horisontal_menu LI A {
  float: left;
  font-size: 18px;
  height: 72px;
  padding: 62px 23px 0;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  color: #696969;
  text-decoration: none;
  display: block;
}
#horisontal_menu LI A SPAN.shadow {
  top: 63px;
  left: 1px;
  color: #eff7fc;
}

#horisontal_menu LI A:hover {
  color: #006ab0;
  background: url(../img/horisontal-menu-hover-bg.gif) center top no-repeat;
}
#horisontal_menu LI A.active {
  color: #006ab0;
  background: url(../img/horisontal-menu-active-bg.gif) center top no-repeat;
}

/* HEADER -> languages */
#languages {
  position: absolute;
  top: 134px;
  left: 227px;
  height: 39px;
  padding: 0;
  margin: 0;
}
#languages LI {
  display: inline;
  float: left;
  margin-right: 3px;
}
#languages LI:hover,
#languages LI.active {
  background: url(../img/lang-arrow.gif) 9px top no-repeat;
}
#languages A {
  height: 27px;
  width: 27px;
  padding-top: 12px;
  display: block;
}
#languages LI.lang-et A {
  background: url(../img/flag-et.png) bottom no-repeat;
}
#languages LI.lang-ru A {
  background: url(../img/flag-ru.png) bottom no-repeat;
}
#languages LI.lang-fi A {
  background: url(../img/flag-fi.png) bottom no-repeat;
}
#languages LI.lang-en A {
  background: url(../img/flag-en.png) bottom no-repeat;
}

/* HEADER -> apothegm */
#header DIV.apothegm {
  position: absolute;
  top: 167px;
  right: 115px;
  width: 535px;
  padding: 0;
  font-size: 2.3em;
  text-align: right;
}
#header SPAN.blue {
  display: block;
  position: relative;
  color: #c8eeff;
}
#header SPAN.white {
  display: block;
  color: #fff;
}

/* HEADER -> services */
#header DIV.services {
  position: absolute;
  top: 225px;
  left: 30px;
  width: 375px;
  padding: 0;
  text-align: left;
  font-size: .75em;
}
#header DIV.services SPAN {
  font-size: 34px;
}
#header DIV.services SPAN.shadow {
  top: 1px;
  left: 1px;
  color: #036aa4;
}
#header DIV.services A.see-all-services {
  float: left;
  width: 225px;
  line-height: 34px;
  text-align: center;
  display: block;
  color: #c8eeff;
  text-decoration: none;
  background: url(../img/see-all-services-button.gif) no-repeat;
  margin-top: 10px;
}
#header DIV.services A.see-all-services SPAN {
  color: #fffc00;
  font-size: 1.3em;
}

#header DIV.services UL {
  width: 175px;
  padding: 0;
  margin: 5px 0 0 0;
  list-style-type: none;
  float: left;
}
#header DIV.services UL LI {
  padding: 2px 0;
}
#header DIV.services UL A {
  padding: 0 0 0 14px;
  color: #fff;
  text-decoration: none;
  background: url(../img/services-arrow.gif) 3px 5px no-repeat;
}
#header DIV.services UL A:hover {
  color: #fffc00;
  text-decoration: underline;
}
#header DIV.services UL.left-list {
  width: 200px;
}

/* HEADER -> video */
#video {
  position: absolute;
  top: 162px;
  right: 27px;
  width: 480px;
  height: 300px;
  padding: 0;
  margin: 0;
}
#video DIV.video-box {
  height: 270px;
}
#video DIV.video-text {
  color: #fff;
  font-size: .73em;
  padding: 11px 0 0 29px;
}

/* HEADER -> apothegm TEXT Shadow */
SPAN.shadow {
  top: 1px;
  right: -1px;
  color: #036aa4;
}

/* necessities */
.highContrast {
  position: relative;
  color: #fff;
}
.highContrast SPAN {
  position: relative;
}
SPAN.shadow {
  position: absolute;
}  


/* RIGHT PANEL */
#right {
  float: right;
  padding-right: 20px;
  width: 322px;
}

/* RIGHT PANEL -> box */
#right DIV.box-holder {
  background: #fff url(../img/box-holder-bg.gif) bottom repeat-x;
  margin-bottom: 8px;
}
#right DIV.box {
  border: #d4e6f0 1px solid;
  background: url(../img/box-bg.gif) top repeat-x;
}

/* RIGHT PANEL -> box -> phone */
#right DIV.box DIV.phone {
  height: 104px;
  padding: 0 0 0 112px;
  background: url(../img/box-phone-bg.gif) 39px 27px no-repeat;
}
#right DIV.box SPAN.bron {
  padding: 23px 0 0 5px;
  font-size: 1.2em;
  display: block;
}
#right DIV.box SPAN.nr {
  font-size: 2.4em;
  line-height: 1em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #006eb7;
}

/* RIGHT PANEL -> box -> address */
#right DIV.box DIV.address {
  height: 104px;
  padding: 0 15px 0 112px;
  background: url(../img/box-address-bg.gif) 28px 24px no-repeat;
  font-size: .75em;
}
#right DIV.box DIV.address A {
  text-decoration: none;
  color: #5f5f5f;
}
#right DIV.box DIV.address A:hover {
  text-decoration: underline;
}
#right DIV.box SPAN.name {
  padding: 18px 0 0 0;
  font-size: 1.3em;
  color: #006eb7;
  font-weight: bold;
  display: block;
}

/* RIGHT PANEL -> box -> facebook */
#right DIV.box DIV.facebook {
  background: url(../img/box-facebook-bg.gif) 35px 22px no-repeat;
}
#right DIV.box DIV.facebook SPAN.name {
  padding: 26px 0 0 0;
}


/* LEFT PANEL - VERTICAL MENU */

DIV.right-menu-box {
  padding: 29px 20px;
}

#vertical_menu {
  margin: 0;
  width: 280px;
  padding: 0;
  border-top: #c8dbe5 1px dashed;
}
#vertical_menu LI {
  list-style-type: none;
}
#vertical_menu A {
  color: #444343;
  width: 240px;
  padding: 10px 12px 10px 28px;
  font-size: .95em;
  text-decoration: none;
  display: block;
  border-bottom: #c8dbe5 1px dashed;
  background: url(../img/vertical-menu-bullet.gif) 10px 15px no-repeat;
}
#vertical_menu A:hover {
  color: #1878b7;
  text-decoration: underline;
  background: url(../img/vertical-menu-bullet-hover.gif) 10px 15px no-repeat;
}
#vertical_menu A.active {
  font-weight: bold;
  color: #2488ca;
  background: url(../img/vertical-menu-bullet-hover.gif) 10px 15px no-repeat;
}
#vertical_menu A.active:hover {
  text-decoration: none;
}

#vertical_menu LI UL {
  margin: 0;
  padding: 10px 0;
  border: 0;
  border-bottom: #c8dbe5 1px dashed;
}
#vertical_menu LI LI A {
  width: 220px;
  padding: 3px 12px 3px 48px;
  border: 0;
  font-size: .8em;
  background: url(../img/vertical-sub-menu-bullet.gif) 35px 8px no-repeat;
}
#vertical_menu LI LI A:hover,
#vertical_menu LI LI A.active {
  background: url(../img/vertical-sub-menu-bullet-hover.gif) 35px 8px no-repeat;
}


/* CONTENT */
DIV.content_wrapper {
  width: 596px;
  float: left;
  margin: 0 0 0 20px;
  background: #fff url(../img/content-bg-bottom.jpg) bottom repeat-x;
}
#content {
  margin: 0;
  padding: 32px 25px 30px 28px;
  border: #d4e6f0 1px solid;
  background: url(../img/content-bg-top.jpg) top repeat-x;
  font-size: .85em;
  line-height: 1.45em;
  min-height: 270px;
}

/* CONTENT - default */
#content H1, #content H2, #content H3, #content H4, #content H5, #content H6 {
  font-family: Arial, Helvetica, sans-serif;
  color: #006eb7;
  margin: 15px 0 5px 0;
}
#content H1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 15px 0;
  line-height: 1.2em;
}
#content H2 {
}
#content H3 {
}

#content A {
  color: #1178c9;
  text-decoration: none;
}

#content A:hover {
  color: #1178c9;
  text-decoration: underline;
}

#content OL {
}

#content UL {
  list-style-type: none;
}
#content UL LI {
  background: url(../img/bullet.gif) 0 5px no-repeat;
  padding-left: 13px;
}

#content TABLE {
  border-collapse: collapse;
}

#content TD, #content TH {  
  padding: 2px 4px;
  /* border: #000000 solid 1px; */
  border: none;
}

#content TD {  
}

#content TH {
  font-weight: bold;
  font-size: 1.1em;
  padding: 4px 4px;
  background: #fff;
  text-align: center;
}

#content FIELDSET {
  border: #000000 solid 1px;
}

#content LEGEND {
  font-weight: bold;
  color: #5f5f5f;
}

#content INPUT, #content TEXTAREA, #content SELECT {
  padding: 5px;
  border: #d4e6f0 solid 1px;
}

#content INPUT[type="checkbox"], #content INPUT[type="radio"] {
  border: 0px;
}

#content SELECT, #content INPUT[type="text"], #content INPUT[type="file"] {
  width: 250px;
}

#content TEXTAREA {
  width: 350px;
  height: 100px;
}

#content .button, #content INPUT[type="submit"] {
  padding: 1px;
  border: #d4e6f0 solid 1px;
  cursor: pointer;
}

/* CONTENT - services */
#content UL.service {
  padding: 3px 0 0 0;
  margin: 0 0 10px 0;
  list-style-type: none;
  background: url(../img/service-ul-bg.gif) top repeat-x;
  position: relative;
  min-height: 120px;
  _height: 120px;
}
#content UL.service LI {
  padding: 0;
  margin: 0 0 0 122px;
  background: none;
}
#content UL.service LI.service_name {
  color: #5f5f5f;
  font-size: 1.3em;
  font-weight: bold;
  background: none;
  padding: 22px 0 8px;
}
#content UL.service LI.service_img {
  position: absolute;
  top: 18px;
  left: 0;
  margin: 0;
  padding: 0;
  width: 122px;
  text-align: center;
}
#content UL.service LI.service_name A {
  color: #5f5f5f;
  background: url(../img/service-info-icon.gif) right 50% no-repeat;
  display: block;
}
#content UL.service UL {
  padding: 0;
  margin: 0;
  list-style-type: none;
  min-height: auto;
  _height: auto;
}
#content UL.service UL LI {
  padding: 0;
  height: 26px;
  line-height: 24px;
  margin: 0;
  background: url(../img/bullet.gif) 0 10px no-repeat;
  padding-left: 10px;
  border-top: #e2e2e2 1px dashed;
  position: relative;
}
#content UL.service UL > LI:first-child {
  border: 0;
}
#content UL.service UL SPAN {
  position: absolute;
  top: 0;
  right: 0;
  color: #317db5;
}
#content DIV.service-nb {
  background: url(../img/service-ul-bg.gif) top repeat-x;
  font-weight: bold;
  padding: 25px 0;
  margin-top: 15px;
}

/* CONTENT - others */
#content IMG.content-img {
  border: #cadce6 1px solid;
  padding: 6px;
}
.img-align-left {
  float: left;
  margin-right: 15px;
}
.img-align-right {
  float: right;
  margin-left: 15px;
}


/* FOOTER */
#footer {
  border-top: #f0f0f0 1px solid;
  margin: 20px 11px 0;
  padding: 20px 11px;
  font-size: .75em;
  color: #888888;
}
#footer A {
  color: #888888;
  text-decoration: none;
}
#footer A:hover {
  text-decoration: underline;
}
#footer P.copyright {
  float: left;
}
#footer DIV.deep {
  float: right;
  text-align: right;
}


/* overlay banner */
#overlay-banner {
  position:fixed;
  right:0;
  bottom:0;
  width:360px;
  height:254px;
  z-index: 109990;
}
#overlay-banner .overlay-banner-close {
  position:absolute;
  right:15px;
  top:21px;
  width:31px;
  height:27px;
  display: block;
  background: url(../img/jarelmaks/avalehe-banneri-nupud.png) 0 0 no-repeat;
}
#overlay-banner .overlay-banner-close:hover {
  background-position: 0 -27px;
}
#overlay-banner .overlay-banner-img {
  display: block;
  width:360px;
  height:254px;
  background: url(../img/jarelmaks/avalehe-banner.png) 0 0 no-repeat;
}