/*** Main ***/

html {height: 100%;}
body {background: #DCDDD8; font-family: Verdana, Arial, Helvetica, sans-serif; height: 100%;}
a, a:visited {color: #074685; text-decoration: underline;}
a:hover {color: #F39420; text-decoration: underline;}

.wrapper {margin: 0 auto; width: 1000px; position:relative; min-height:100%;}
.cleaner {clear: both;}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*** Header ***

.header {position: relative; width: 1000px;}
.header td img {display: block; float:left;}*/

/*** Новая шапка ***/

.header {height: 225px; background: url(i/header.jpg) left no-repeat;}
.head-r {width: 271px; height: 225px; background: url(i/head-r.jpg) bottom no-repeat; float: right;}
.head-rt {width: 271px; height: 100px; background: url(i/head-rt.jpg) right no-repeat;}
.logo {display: block; width: 217px; height: 100px; background: url(i/logo.jpg) no-repeat;}

.menu {background: url(i/menu_bg.png) 0 0 repeat-x; color: white; font: bold 0.9em Arial, Helvetica, sans-serif; height: 40px; width: 100%;}
.menu-l {background: url(i/menu_l.png); float: left; height: 40px; width: 73px;}
.menu-r {background: url(i/menu_r.png); float: right; height: 40px; width: 66px;}
.menu li {background: url(i/menu_razd.png) left 0 no-repeat; display: inline; float: left; height: 40px; line-height: 40px; margin-left: 3px; padding-left: 20px;}
li.menu-first {background: none; margin-left: 15px; padding: 0;}
.menu a, .menu a:visited {color: white; text-decoration: none;}
.menu a:hover {color: #074685; text-decoration: none;}
.menu-under {background: url(i/menu_under.gif); height: 37px; position: relative; z-index: 0;}

/*** Content ***/

.mid-area {background-color: #EBECE6; height: 100%; width: 1000px;}
html:root .mid-area {padding-bottom: 100px;}

.maxRightShadow{background:url('i/shad_r.png') repeat-y right;}
.maxLeftShadow{ background:url('i/shad_l.png') repeat-y left;}
.contentLeftShadow {background:url('i/shad_l.png') repeat-y left; padding:0px 0px 0px 12px; margin-bottom:-100px; }
.contentRightShadow{padding:0px 12px 0px 0px; background:url('i/shad_r.png') repeat-y right; }

.content {height: 100%; width: 100%;}

.l-col {float: left; height: 100%; width: 345px;}

.menu-main {height: 160px; position: relative; top: -37px; width: 100%;}
.ch-1 {background: url(i/chapter.gif); color: #305172; font-size: 0.8em; font-weight: bold; height: 45px; margin-top: 15px; position: absolute; text-transform:uppercase; width: 183px;}
.ch-1 p, .ch-3 p {height: 45px; line-height: 45px; padding-left: 60px;}
.ch-1 a:hover {color: white; background: #305172;}
.ch-1-list {height: 70px; position:absolute; margin: 65px 0 0 97px;}
.ch-1-list li {color: #305172; font-size: 0.78em; padding-bottom: 1px;}
.ch-1-list a, .ch-1-list a:visited {color: #305172; text-decoration: none;}
.ch-1-list a:hover {color: white; background: #305172; text-decoration: none;}
.znak-1 {background: url(i/znak.jpg); bottom: 0; right: 0; height: 114px; position: absolute; width: 131px;}

.ch-2 {background: url(i/gray2.png) 42px 0 no-repeat; height: 190px; position: relative; top: -37px;}
.ch-2 p, .challenger p {color: #305172; font-size: 0.8em; font-weight: bold; padding: 15px 0 0 60px; text-transform:uppercase; width: 140px;}
.ch-2 a, .ch-2 a:visited {color: #305172; text-decoration: none;}
.ch-2 a:hover {color: white; background: #305172;}
.ch-2 ul {margin-top: 10px;}
.ch-2 li {color: #305172; font-size: 0.78em; list-style: url(i/arrow.gif); margin-left: 95px; padding-bottom: 1px;}
.znak-2 {background: url(i/sign.png); bottom: 0; right: 12px; height: 89px; position: absolute; width: 64px;}

.works {height: 100%; position: relative; top: -20px;}
.ch-3 {background: url(i/chapter.gif) 0 0 no-repeat; color: #305172; font-size: 0.8em; font-weight: bold; height: 45px; line-height: 45px; padding-left: 60px; position: relative; text-transform:uppercase; width: 183px;}
.challenger {background: url(i/gray.png) 42px 0 no-repeat; height: 127px; margin-top: 15px; position: relative;}
p.chall-text {font-size: 0.7em; font-weight: normal; float: left; padding: 10px 0 0 60px; text-transform: none; width: 150px;}
.challenger img {border: 2px solid white; margin: 0 5px 5px 15px; position: absolute; top: 10px; right: 5px;}
.challenger a, .challenger a:visited {text-decoration: none;}

.r-col {float: right; height: 100%; width: 631px;}
.menu2-1, .menu2-2, .menu2-3 {background: url(i/menu2-1_fon.jpg); font-size: 0.8em; font-weight: bold; height: 212px; margin-right: 10px; position: relative; text-transform: uppercase; top: -37px; width: 587px;}
.menu2-2 {background: url(i/menu2-2_fon.jpg);}
.menu2-3 {background: url(i/menu2-3_fon.jpg);}
.menu2-li {bottom: 4px; height: 20px; line-height: 20px; position: absolute; width: 588px; font-weight: normal;}
.menu2-li li {float: left; text-align: center; width: 196px;}
.menu2-li a, .menu2-li a:visited {color: white; text-decoration: none;}
.menu2-li a:hover {color: #074685;}

.menu2-head {padding-top: 40px;}
.menu2-head div {display: inline-block; float: left; height: 1em; width: 33.3%}
.price {color: white; font-size: 1.2em; margin-left: 12px;}
.usluga {color: #0c4775; font-size: 0.9em; margin-left: 12px;}

.mtext{ font-size:0.8em; padding-right:30px;}
.mtext {height: 70px; position:absolute; margin: 65px 0 0 60px;}
.mtext li {color: #305172; font-size: 0.78em; padding-bottom: 1px;}
/*.mtext a, .ch-1-list a:visited {color: #305172; text-decoration: none;}*/
.mtext a:hover {color: white; background: #305172;}

.ch-4 {background: url(i/chapter.gif) 0 0 no-repeat; color: #305172; font-size: 0.8em; font-weight: bold; height: 45px; line-height: 45px; padding-left: 15px; position: relative; text-transform:uppercase; top: -30px; width: 470px;}
p.about {font-size: 0.8em; margin: 10px 42px 15px 15px; position: relative; top: -25px; text-align: justify;}

h1, h2, h3
{
  font-size: 1em; margin: 10px 42px 15px 0px; position: relative; 
  #top: -25px;
  #font-family: arial, trebuchet ms;
	#text-decoration: underline;
	#color: navy;
}


.ch-5 {background: url(i/chapter.gif) 0 0 no-repeat; color: #305172; font-size: 0.8em; font-weight: bold; height: 45px; line-height: 45px; margin-bottom: 10px; padding-left: 15px; position: relative; text-transform:uppercase; top: -27px; width: 601px;}
.ch-5 img {border: 1px solid white; top: 0; right: 120px; position: absolute;}
img.p5 {border: 1px solid white; right: 30px; position: absolute;}

.about img {border: 1px solid gray; padding: 15px; margin: 10px; }

/*** Footer ***/

.footer {background: #cdcdcb url(i/phone.gif) 12px 6px no-repeat; clear:both; height:66px; margin: 0 auto; position: relative; width: 892px;}
.footer address {font-size: 0.8em; font-style:normal; float: left; padding: 20px 0 10px 50px;}
.footer p {font-size: 0.8em; font-style:normal; float: right; padding: 20px 15px 10px; text-align: right;}
.foot-l {background: #cdcdcb url(i/footer.png) 0 0; left: 0; top: 0; position: absolute; height:66px; width: 12px;}
.foot-r {background: #cdcdcb url(i/footer.png) 12px 0; right: 0; top: 0; position: absolute; height:66px; width: 12px;}