html,body {
width:100%;
height:100%;
padding:0;
margin:0;
}
html {
font:75% arial,tahoma,verdana,sans-serif;
}
body {
color:#465c55;
background:#e8f2e7;
}
p {
margin:0 0 1.67em 0;
}
ul {
padding:0;
margin:0 0 1.25em 0;
overflow:hidden;
list-style:none;
}
ul li {
padding:0 0 .25em 2.1em;
background:url('img/ico/li.gif') no-repeat 0 0.59em;
}
ol {
padding:0 0 0 2.0em;;
margin:0 0 1.25em 0;
}
ol li {
padding:0 0 .25em 0;
}
a, a:link{
color:#0090cb;
text-decoration:underline;
}
a:hover {
color:#003f7c;
}
a:focus,a:active {
outline:none;
}
a img {border:none;}
address {font-style:normal;}

h1,h2,h3,h4,h5,h6 {
margin:0;
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
}
h1 {
margin:0 0 .36em -3.28%;
font:2.33em Georgia,"Times New Roman",sans;
color:#0093cc;
}
h2 {
margin:0 0 .69em -3.28%;
font:1.5em Georgia,"Times New Roman",sans;
color:#0093cc;
}
h3 {
margin:0 0 .42em 0;
font:bold 1.08em Georgia,"Times New Roman",sans;
color:#0093cc;
}
h3 a {
color:#0093cc;
}
h4 {
margin:0 0 .42em 0;
font:1.67em Georgia,"Times New Roman",sans;
color:#0093cc;
}



td {
padding:0px;
}








div#wrap {
width:100%;
min-width:780px;
min-height:100%;
position:relative;
z-index:1;
background:url('img/wrap.jpg') no-repeat 0 100%;
}
div.both {
width:100%;
clear:both;
overflow:hidden;
}
div#spacer {
width:100%;
height:20em;
clear:both;
overflow:hidden;
}

/* ---------------------------------- footer */
div#footer {
width:100%;
height:12.5em;
position:absolute;
bottom:0px;
left:0px;
overflow:hidden;
z-index:2;
}
div#contacts {
width:23%;
display:block;
position:absolute;
top:1.25em;
left:4%;
z-index:2;
}
#contacts address {
width:11em;
margin:0 auto;
}
div#contacts address span.code {
margin:0 0 .17em 0;
font-weight:bold;
display:block;
color:#fff;
}
div#contacts address span.blue {
padding:0 2px;
font:2.5em tahoma,arial,verdana,sans-serif;
color:#fff;
overflow:hidden;
background:#62cae7;
}
div#contacts address a.link {
font-size:.92em;
color:#1e3631;
}
div#contacts address a.link:hover {
text-decoration:none;
}

div#footer div.space {
width:73%;
height:12.33em;
border-top:.17em solid #fff;
position:absolute;
overflow:hidden;
top:0px;
left:27%;
}
div#copy {
position:absolute;
top:3.2em;
left:2.74%;
font-size:.92em;
color:#7b807a;
}
div#author {
position:absolute;
top:3.2em;
left:43.84%;
font-size:.92em;
color:#7b807a;
}
div#footer div.paint {
width:84%;
height:10px;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
z-index:1;
background:url('img/paint.png') repeat-x 30px 0;
}
div#footer div.paint div {
width:30px;
height:10px;
background:url('img/paint-left.png') no-repeat 0 0;
}
div#footer div.brush {
width:114px;
height:12.5em;
margin:0 0 0 -98px;
overflow:hidden;
position:absolute;
top:0px;
left:83.56%;
z-index:2;
background:url('img/brush.png') no-repeat 0 0;
}


/* ---------------------------------- header */
div#header-index {
width:100%;
height:370px;
overflow:hidden;
position:relative;
z-index:1;
}
div#header-sub {
width:100%;
height:230px;
overflow:hidden;
position:relative;
z-index:1;
}
div#top {
width:100%;
border-bottom:.25em solid #404449;
position:absolute;
top:0px;
left:0px;
z-index:2;
background:#303336;
}
div#top ul {
width:23%;
padding:0px;
margin:0 0 -.27em 0;
overflow:hidden;
position:relative;
left:4%;
font-size:.92em;
}
div#top ul li {
width:50%;
padding:0px;
float:left;
text-align:center;
background:none;
}
div#top ul li a {
width:100%;
padding:5px 0 .46em 0;
display:block;
color:#fff;
}
div#top ul li a:hover {
text-decoration:none;
}
div#top ul li.active {
background:#e8f2e7 url('img/ico/top-active.gif') no-repeat 100% 50%;
}
div#top ul li.active a {
color:#333;
}
div#logo {
width:23%;
position:absolute;
top:80px;
left:4%;
}
div#logo img {
width:170px;
height:75px;
margin:0 auto;
display:block;
font-size:20px;
font-weight:bold;
color:#000;
}
#header-index div#pic {
width:73%;
min-width:1000px;
height:300px;
border-bottom:4px solid #00ace5;
overflow:hidden;
position:absolute;
top:26px;
left:27%;
z-index:1;
}
#header-sub div#pic {
width:73%;
min-width:1000px;
height:200px;
border-bottom:4px solid #00ace5;
overflow:hidden;
position:absolute;
top:26px;
left:27%;
z-index:1;
}
div#pic div {
width:1000px;
float:right;
}
#header-index div#pic div {
height:300px;
background:url('img/pic-index.jpg') no-repeat 0 0;
}
#header-sub div#pic div {
height:200px;
background:url('img/pic-sub.jpg') no-repeat 0 0;
}

div#bg {
width:12%;
height:509px;
position:absolute;
top:145px;
right:0px;
z-index:1;
background:url('img/bg.jpg') no-repeat 0 0;
}
div#bg-sub {
width:12%;
height:509px;
position:absolute;
top:35px;
right:0px;
z-index:1;
background:url('img/bg.jpg') no-repeat 0 0;
}
/* ---------------------------------- left */
div#content {
width:100%;
position:relative;
z-index:2;
overflow:hidden;
}
div#left {
width:20%;
float:left;
position:relative;
left:4%;
}
div#order {
width:100%;
padding-bottom:20px;
margin-bottom:.42em;
position:relative;
overflow:hidden;
background:url('img/order.png') no-repeat 100% 100%;
}
div#order div.tl {
width:15px;
height:15px;
position:absolute;
top:0px;
left:0px;
z-index:3;
overflow:hidden;
background:url('img/order-tl.png') no-repeat 0 0;
}
div#order div.tr {
width:15px;
height:15px;
position:absolute;
top:0px;
right:0px;
overflow:hidden;
z-index:2;
background:url('img/order-tr.png') no-repeat 0 0;
}
div#order div.br {
width:15px;
height:15px;
position:absolute;
bottom:20px;
right:0px;
z-index:2;
overflow:hidden;
background:url('img/order-br.png') no-repeat 0 0;
}
div#order div.bl {
width:60px;
height:55px;
position:absolute;
bottom:20px;
left:0px;
z-index:2;
overflow:hidden;
background:url('img/order-bl.jpg') no-repeat 0 0;
}
div#order div.cnt {
width:53%;
min-height:38px;
padding:.73em 10% .84em 38%;
position:relative;
z-index:1;
font:bold 1.25em Georgia,"Times New Roman",sans;
background:#fcfffc;
}
div#order div.cnt a:hover {
color:#003f7c;
text-decoration:underline;
}
ul#menu {
width:100%;
padding:0;
margin:0 0 4.0em 0;
overflow:hidden;
font:bold 1.25em Georgia,"Times New Roman",sans;
}
ul#menu li {
width:89%;
padding:.32em 0 .32em 10%;
margin:0px;
float:left;
background:none;
}
ul#menu li.active {color:#003f7c;}
ul#menu li.active a {color:#003f7c;}
ul#menu li.bg {
padding:.32em 0 .64em 10%;
margin:0 0 -.32em 0;
background:url('img/menu-active.png') no-repeat 5% 0;
}
ul#menu li a {color:#037fb2;}
ul#menu li a:hover {color:#003f7c;}
ul#menu li ul {
width:100%;
padding:.5em 0 0 0;
margin:0;
overflow:hidden;
font-size:.8em;
}
ul#menu li ul li {
width:89%;
padding:.32em 0 .32em 10%;
font-weight:normal;
}
ul#menu li ul li a {color:#037fb2 !important;}
ul#menu li ul li a:hover {color:#003f7c !important;}
ul#menu li ul li.active {font-weight:bold;color:#003f7c !important;}
ul#menu li ul li.active a {color:#003f7c !important;}
ul#menu li ul li.bg {
padding:.32em 0 .64em 10%;
margin:0 0 -.32em 0;
background:url('img/menu-active2.png') no-repeat 5% 0;
}


div.news {
width:95%;
padding:0 1.0em 0 0;
}
div.news p {
padding:0 0 0 10%;
margin:0 0 1.09em 0;
font:.92em tahoma,arial,verdana,sans-serif;
color:#7a7f79;
}
div.news p.date {
padding:0 0 0 4%;
margin:0px;
color:#0090cb;
}



/* ---------------------------------- right */
div#right {
width:59%;
padding:0 0 0 2%;
float:left;
position:relative;
left:7%;
}
div#what {
width:103.28%;
margin:0 0 0 -3.28%;
position:relative;
background:#dfedde url('img/what.png') repeat-y 50% 0;
}
div#what h2 {
margin:0 0 .5em 0;
font:2.34em Georgia,"Times New Roman",sans;
color:#0093cc;
}
div#what div.tl {
width:15px;
height:15px;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
z-index:2;
background:url('img/what-tl.png') no-repeat 0 0;
}
div#what div.tr {
width:15px;
height:15px;
overflow:hidden;
position:absolute;
top:0px;
right:0px;
z-index:2;
background:url('img/what-tr.png') no-repeat 0 0;
}
div#what div.bl {
width:15px;
height:15px;
overflow:hidden;
position:absolute;
bottom:0px;
left:0px;
z-index:2;
background:url('img/what-bl.png') no-repeat 0 0;
}
div#what div.br {
width:15px;
height:15px;
overflow:hidden;
position:absolute;
bottom:0px;
right:0px;
z-index:2;
background:url('img/what-br.png') no-repeat 0 0;
}
div#what div.cnt {
padding:2.08em 3.28% 1.25em 3.28%;
position:relative;
overflow:hidden;
z-index:1;
}
div#what div.left {
width:46%;
float:left;
}
div#what div.right {
width:46%;
float:right;
}
div#what div.cell {
min-height:60px;
padding:.84em 0 .84em 70px;
margin:0 0 .84em 0;
overflow:hidden;
}
div#what div.cell p {
margin:0px;
font:.92em tahoma,arial,verdana,sans-serif;
color:#7a7f79;
}
div#what div.diagnostics {background:url('img/what/diagnostics.png') no-repeat 0 50%;}
div#what div.healing {background:url('img/what/healing.png') no-repeat 0 50%;}
div#what div.surgeon {background:url('img/what/surgeon.png') no-repeat 0 50%;}
div#what div.implant {background:url('img/what/implant.png') no-repeat 0 50%;}
div#what div.protez {background:url('img/what/protez.png') no-repeat 0 50%;}
div#what div.kids {background:url('img/what/kids.png') no-repeat 0 50%;}


p.white {
padding:.84em 1.33em .84em 1.33em;
margin:0 0 .8em 0;
position:relative;
display:block;
font:1.42em Georgia,"Times New Roman",sans;
color:#9ea59d;
background:#f8fcf8 url('img/white.png') no-repeat 100% 0;
}


ul.gallery {
width:100%;
margin-bottom:2em;
overflow:hidden;
}
ul.gallery li {
width:106px;
padding:0 1.25em 1.25em 0;
float:left;
background:none;
}
ul.gallery li img {
border:3px solid #d4e7d2;
display:block;
}
ul.gallery li a:hover img {
border-color:#0090cb;
}

table.tab {
width:100%;
border-top:.34em solid #c1dabe;
border-collapse:collapse;
}
table.tab td {
padding:.67em .83em;
border-bottom:.09em solid #c1dabe;
}
table.tab td.li {
padding:.56em .69em .56em 2.1em;
background:url('img/ico/li.gif') no-repeat 0 50%;
}
table.tab td em {
color:#97a79e;
}



#nav {
width:100%;
padding:1.34em 0;
overflow:hidden;
}
#nav p {
margin:0px;
font:.92em tahoma,arial,verdana,sans-serif;
color:#a4b3a3;
}
#nav p a {
color:#a4b3a3;
}
#nav p a:hover {
text-decoration:none;
}
#nav p.list {
float:left;
position:relative;
left:27%;
}
#nav p.print {
padding:0 20px 0 0;
float:right;
position:relative;
right:12%;
background:url('img/ico/print.gif') no-repeat 100% .2em;
}


#left #what {
background:none;
}