/* LAYOUT
----------------------------------------------- */
body {background: #fff; margin: 0; padding: 0; text-align: center;}

#header {width: 990px; height: 70px; margin: 0 auto 10px; background-color: #008c34; background-repeat: no-repeat; background-position: 100% 0; text-align: left;}
.turn {background-image: url(img/turn.jpg);}
.benefits {background-image: url(img/benefits.jpg);}
.features {background-image: url(img/features.jpg);}
.about {background-image: url(img/about.jpg);}

#index #header {width: 990px; height: 115px; margin: 0 auto 10px; background: #008c34 url(img/index_header_bg.jpg) no-repeat; text-align: left;}

#logo {width: 248px; height: 70px; background: #fff; text-align: center;}
#logo img {margin-top: 10px;}
#index #logo {background: transparent; text-align: left;}
#index #logo img {margin-left: 25px;}

#loginlink {font-size: 11px; margin-top: -17px; width: 82px; height: 17px; line-height: 17px; text-align: center; background: url(img/loginlink_bg.gif) no-repeat; float: right;}
#index #loginlink {margin-top: 28px;}
#loginlink a,
#loginlink a:link,
#loginlink a:visited,
#loginlink a:hover {color: #008c34; background: #fff;}

#content {width: 990px; margin: 0 auto; text-align: left;}
#content:after {content: ''; display: block; clear: both;}

#left {width: 247px; float: left;}
#main {width: 670px; margin-right: 37px; float: right; display: inline;}
#footer {width: 990px; margin: 0 auto; height: 50px; text-align: left;}



/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0;}
input,
textarea,
select {}
select,
textarea,
input.text {border: 1px solid #c9c9c9; background: #fff;}
select {border-right: 0;}
input.button {}
input.image {border: 0;}

input.disabled {background: #ddd; color: #999;}


/* MISC
----------------------------------------------- */
a img {border: 0;}
.clear {clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
img.left {float: left; margin: 0 15px 10px 0;}
img.right {float: right; margin: 0 0 10px 15px;}
img.brd {padding: 1px; border: 1px solid #bdbdbd;}



/* NAVIGATION
----------------------------------------------- */
/* m1 */
#m1,
#m1 li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m1 {width: 990px; height: 43px; margin: 0 auto;}
#m1 li {font-size: 15px; font-weight: bold; line-height: 31px; width: 247px; margin-right: 1px; float: left; border: 1px solid #c2ddce; border-width: 1px 0;}
#m1 li.last {width: 246px; margin: 0;}
#m1 a {display: block; height: 31px;}
#m1 a,
#m1 a:link,
#m1 a:visited {color: #424a4b; background: #f5faf8; text-decoration: none;}
#m1 a:hover,
#m1 li.a,
#m1 li.a a,
#m1 li.a a:link,
#m1 li.a a:visited,
#m1 li.a a:hover {color: #00923c; background: transparent;}

/* m2 */
#m2,
#m2 ul,
#m2 li {font: 13px/24px Arial, Helvetica, sans-serif; border: 1px solid #4ac283; display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m2 {margin-bottom: 65px;}
#m2,
#m2 ul {border-width: 1px 0 0;}
#m2 li {border-width: 0 0 1px;}
#m2 a,
#m2 strong {display: block; height: 24px; padding: 0 13px; font-weight: normal;}
#m2 a,
#m2 a:link,
#m2 a:visited {color: #424a4b; text-decoration: none;}
#m2 a:hover,
#m2 li.a a,
#m2 li.a a:link,
#m2 li.a a:visited,
#m2 li.a a:hover,
#m2 li.a strong {color: #fff; font-weight: bold; background: #00933b;}

/* m3 */
#m2 #m3 li.last {border: 0;}
#m2 #m3 a,
#m2 #m3 li.a strong {padding-left: 33px;}
#m2 #m3 li.a,
#m2 #m3 li,
#m2 #m3 a,
#m2 #m3 a:link,
#m2 #m3 a:visited {color: #424a4b; font-weight: normal; font-style: italic; background: url(img/m3_a.gif) no-repeat -1000px 7px;}
#m2 #m3 a:hover,
#m2 #m3 li.a,
#m2 #m3 li.a a,
#m2 #m3 li.a a:link,
#m2 #m3 li.a a:visited,
#m2 #m3 li.a a:hover {color: #00933b; background-position: 20px 7px;}

/* m4 */
#m2 #m3 #m4 a,
#m2 #m3 #m4 li.a strong {padding-left: 48px;}
#m2 #m3 #m4 li.a,
#m2 #m3 #m4 li,
#m2 #m3 #m4 a,
#m2 #m3 #m4 a:link,
#m2 #m3 #m4 a:visited {color: #424a4b; font-size: 11px; font-style: normal; background: url(img/m3_a.gif) no-repeat -1000px 7px;}
#m2 #m3 #m4 a:hover,
#m2 #m3 #m4 li.a,
#m2 #m3 #m4 li.a a,
#m2 #m3 #m4 li.a a:link,
#m2 #m3 #m4 li.a a:visited,
#m2 #m3 #m4 li.a a:hover {color: #00933b; background-position: 35px 7px;}

/* path */
#path,
#path li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#path {height: 30px;}
#path li {float: left; background: url(img/path_li.gif) no-repeat 100% 50%; padding-right: 14px; margin-right: 10px;}
#path li.last {background: none; margin: 0; padding: 0;}
#path,
#path a,
#path a:link,
#path a:visited {color: #a4a3a3; font-size: 10px;}
#path a:hover {color: #06c;}



/* STATIC
----------------------------------------------- */
#menu {width: 670px; float: left; margin-bottom: 5px;}
#menu h1 {font: bold 21px 'Times New Roman', Georgia, serif; text-transform: uppercase; width: 472px; height: 15px; margin: 0; background: #fff url(img/index_h1.gif) no-repeat; overflow: hidden; text-indent: -1000px; position: relative;}
#menu h2 {font-size: 19px;}
#menu .top {background: url(img/menu_top.gif) no-repeat 50% 100%; font-size: 0; line-height: 0; border-top: 1px solid #40a765; width: 100%; margin-top: -1px;}
#menu .top div {height: 14px;}
#menu .main {width: 100%; height: 348px; background: #f5faf8 url(img/menu_main_bg.gif) repeat-y 50% 0;}
#menu .main:after {content: ''; display: block; clear: both;}
#menu .bot {height: 12px; background: url(img/menu_bot.gif) no-repeat 50% 0; font-size: 0; line-height: 0;}
#menu h3 {font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0 0 7px 15px; position: relative;}
#menu h3 a {text-decoration: none;}
#menu h3 a:hover {text-decoration: underline;}
#menu .block {width: 275px; margin-left: 40px; padding-top: 22px; float: left; display: inline;}
#menu .clear {height: 5px;}

#bn {float: right;}

#about {width: 100%; clear: both;}
#about td, th {font-size: 11px; vertical-align: top; text-align: left;}
#about th {border: 1px solid #8f8f8f; border-width: 0 0 0 1px; background: #424a4b url(img/stripes.gif) repeat 0 2px;}
#about .block {border: 1px solid #cacaca; border-width: 0 0 1px 1px; padding: 10px 0;}
#about .last {border-right-width: 1px;}
#about h2 {font-weight: bold; font-size: 12px; line-height: 20px; margin: 0 0 0 10px; color: #fff;}
#about th,
#about th a,
#about th a:link,
#about th a:visited {color: #fff; text-decoration: none;}
#about th a:hover {color: #06c;}
#about table {width: 230px; float: left; margin-left: 10px; display: inline;}
#about .txt {width: 329px;}
#about .last .txt {width: 328px;}
#about .param {width: 140px;}
#about .more {float: right; margin-right: 10px; display: inline;}
#about .more img {padding: 1px; border: 1px solid #bdbdbd; display: block;}

#logos {background: url(img/dots_h.gif) repeat-x 0 100%; width: 670px; padding-bottom: 5px; margin-top: 13px; float: left;}
#logos h2 {font-weight: bold; font-size: 12px; line-height: 20px; padding-left: 10px; margin: 0 0 5px; color: #fff; background: #424a4b url(img/stripes.gif) repeat 0 2px;}
#logos ul,
#logos li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#logos ul {width: 100%;}
#logos li {float: left; position: relative; overflow: hidden;}
#logos .row1 {margin-bottom: 12px;}
#logos .row1,
#logos .row1 li {height: 38px;}
#logos .row2,
#logos .row2 li {height: 48px;}
#logos a {position: relative; outline: none; margin-left: 5px;}
#logos a:hover {top: -50px; background: transparent;}
#logos .row1 .i1 {width: 102px;}
#logos .row1 .i2 {width: 124px;}
#logos .row1 .i3 {width: 125px;}
#logos .row1 .i4 {width: 109px;}
#logos .row1 .i5 {width: 124px;}
#logos .row2 .i1 {width: 146px;}
#logos .row2 .i2 {width: 92px;}
#logos .row2 .i3 {width: 75px;}
#logos .row2 .i4 {width: 125px;}
#logos .row2 .i5 {width: 152px;}

#contacts {font: 10px/17px Tahoma, Geneva, Arial, Helvetica, sans-serif; width: 247px;}
#contacts .brd {border: 1px solid #eaeaea; background: #f5f6f6;}
#contacts .lt,
#contacts .rt,
#contacts .rb,
#contacts .lb {position: relative;}
#contacts .lt {background: url(img/contacts/lt.gif) no-repeat; left: -1px; top: -1px;}
#contacts .rt {background: url(img/contacts/rt.gif) no-repeat 100% 0; left: 2px; top: 0;}
#contacts .rb {background: url(img/contacts/rb.gif) no-repeat 100% 100%; left: 0; top: 2px;}
#contacts .lb {background: url(img/contacts/lb.gif) no-repeat 0 100%; left: -2px; top: 0; height: 100px;}
#contacts .shade {height: 10px; font-size: 0; line-height: 0; background: url(img/contacts_shade.gif) no-repeat 50% 0;}
#contacts .main {padding: 14px 20px 0 16px;}
#contacts h3 {font-size: 10px; color: #a4a3a3; width: 60px; height: 60px; background: url(img/contacts.gif) no-repeat 50% 12px; float: right; margin: 5px 0 0; font-weight: normal; text-align: center;}
#contacts h2,
#contacts p {margin-right: 70px;}
#contacts h2 {font-size: 12px; color: #424a4b; font-weight: bold; margin-bottom: 10px;}

#index #contacts {font-size: 14px; line-height: 19px; width: 300px; float: right; margin-top: 13px;}
#index #contacts .lb {height: 126px;}
#index #contacts .shade {background-image: url(img/index_contacts_shade.gif);}
#index #contacts h3 {font-size: 12px; width: 70px; height: 70px; background-image: url(img/index_contacts.gif);}
#index #contacts h2,
#index #contacts p {margin-right: 100px;}
#index #contacts h2 {font-size: 16px;}

#copy {font-size: 11px; width: 692px; text-align: center; margin-left: 281px; padding-top: 15px; background: url(img/dots_h.gif) repeat-x;}
#copy,
#copy a,
#copy a:link,
#copy a:visited {color: #bdbdbd; text-decoration: none;}
#copy a:hover {color: #06c; text-decoration: underline;}
#index #copy {width: 670px; margin: 0; padding: 0; background: none;}



/* BLOCKS
----------------------------------------------- */
/* pop */
.pop {width: 392px; font-size: 11px; line-height: 16px; font-weight: normal; position: absolute; left: 0; top: 0; display: none; z-index: 100;}
.pop .t {height: 14px; background: url(img/pop_t.png) no-repeat;}
.pop .s {width: 100%; background: url(img/pop_s.png) repeat-y;}
.pop .b {height: 20px; background: url(img/pop_b.png) no-repeat;}
.pop .m {border: 1px solid #aed1be; border-width: 0 1px; margin: 0 4px 0 16px; background: #f5faf8; padding: 0 15px;}

/* quote */
#quote {margin: 0 0 75px 3px; padding: 0;}

/* calc */
.calc {margin-bottom: 20px;}
.calc .row,
.calc .row2,
.calc .result p {width: 100%; margin-bottom: 5px;}
.calc .row:after,
.calc .row2:after,
.calc .result p:after {content: ''; display: block; clear: both; height: 0;}
.calc .row label {float: left;}
.calc label.short {width: 50px;}
.calc .row input.radio,
.calc .row input.checkbox,
.calc .row2 input.text {float: left; margin-right: 5px;}
.calc .row div.text {width: 330px; float: right;}
.mycost .row div.text {width: 180px;}
.calc .result strong {width: 180px; font-weight: bold; float: right;}
.calc .row div.txt {margin-right: 80px; font-weight: bold; text-align: right; float: right; display: inline;}
.calc .row input.text {width: 250px;}
.mycost .row input.text {width: 100px;}
.calc fieldset {margin: 0 0 15px; padding: 0; border: 0; line-height: 20px;}
.calc fieldset fieldset {width: 400px; margin: 0; float: left;}
.calc .summary {margin-bottom: 15px;}
.calc .summary p {width: 100%; margin: 0 0 5px;}
.calc .summary p:after {content: ''; display: block; clear: both; height: 0;}
.calc .summary span {float: left;}
.calc .summary strong {float: right; margin-right: 80px; display: inline; text-align: right;}
.calc ul,
.calc li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.calc ul {margin-bottom: 15px;}
.calc .result {background: #f4faf8; padding: 8px 0; margin-bottom: 15px;}
.calc .result span {text-align: right; font-weight: bold; float: left; width: 400px;}
.calc .result em {font-style: normal;}
.calc .result .cost span {font-weight: normal;}
.calc .result .savings span {color: #00923c;}
.calc .comments,
.calc .comments h2 {color: #00923c;}
.calc .submit {text-align: right; padding-right: 80px;}
.calc .submit input {margin-left: 5px;}
.calc h2 {padding-bottom: 2px; border-bottom: 1px solid #4ac283;}

/* auth */
.auth {text-align: center; margin-top: 40px;}
.auth form {width: 260px; margin: 0 auto; text-align: left;}
.auth h2 {padding-bottom: 2px; border-bottom: 1px solid #4ac283;}
.auth div {width: 100%; margin-bottom: 5px;}
.auth div:after {content: ''; display: block; clear: both; height: 0;}
.auth div.submit {margin: 10px 0;}
.auth label,
.auth input.checkbox {float: left;}
.auth input.text,
.auth input.button {float: right;}
.auth label {line-height: 20px;}
.auth input.checkbox {margin-right: 5px;}
.auth input.text {width: 180px;}
.auth p {margin: 0; border-top: 1px solid #4ac283; padding-top: 5px; text-align: center;}
.auth p a {margin: 0 10px;}

/* request */
.request h2 {padding-bottom: 2px; border-bottom: 1px solid #4ac283;}
.request div {width: 100%; margin-bottom: 5px;}
.request div:after {content: ''; display: block; clear: both; height: 0;}
.request label,
.request input.text,
.request textarea {float: left;}
.request label {width: 170px; margin-right: 10px; line-height: 20px; text-align: right;}
.request input.text {width: 180px;}
.request textarea {width: 455px; height: 100px;}
.request .submit {background: #f4faf8; padding: 8px 0;}
.request .submit p {font-weight: bold; float: left; width: 500px; margin: 0 0 0 25px; display: inline;}
.request .submit input.button {float: right; margin: 5px 33px 0 0; display: inline;}

/* gallery */
.gallery img {vertical-align: top;}
.gallery small img {width: 58px; height: 58px;}
.gallery a,
.gallery a:link,
.gallery a:visited,
.gallery a:hover {text-decoration: none;}
.gallery {width: 100%; position: relative;}
.gallery ul,
.gallery li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.gallery ul {width: 100%; margin-top: 350px;}
.gallery ul:after {content: ''; display: block; clear: both; height: 0;}
.gallery li {float: left; width: 62px; height: 62px; margin: 0 10px 10px 0; display: inline;}
.gallery a,
.gallery span {border: 1px solid #bdbdbd; padding: 1px;}
.gallery a {float: left; cursor: default; outline: none}
.gallery a:hover,
.gallery a:active,
.gallery a:focus,
.gallery a.a {border-color: #4ac283;}
.gallery a span,
.gallery a address {visibility: hidden; display: block; position: absolute; top: 0; left: 0; z-index: 10;}
.gallery a:hover span,
.gallery a:hover address {z-index: 100;}
.gallery a:hover span,
.gallery a:hover address,
.gallery a:active span,
.gallery a:active address,
.gallery a:focus span,
.gallery a:focus address,
.gallery a.a span,
.gallery a.a address {visibility: visible;}
.gallery a address {font-style: normal; color: #424a4b; background: #fff; width: 190px; height: 312px; left: 480px;}
.gallery strong {display: block; margin-bottom: 15px;}