* {margin: 0; padding: 0; outline: none; }

img, div, input { behavior: url("iepngfix.htc") }

html { font-size: 100.01%; }
body {
	font-family: 'Georgia', sans-serif;
	font-size: 62.5%;
	background: #fff;
	color: #000;
}

div#page { padding-top: 20px; width: 976px; margin: 0em auto 0 auto; }

header, nav, section, article, aside, footer { display:block; }

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 144px; background: url('../img/fade-left.png') -15px 0 repeat-y; } 
div#right-shadow { width: 976px; background: url('../img/fade-right.png') 957px 20px repeat-y; }

footer {position: relative;
	margin: -144px auto 0 auto;
        width: 976px;
	height: 144px;
	clear:both;
        background: url('../img/bottom.png');
        } 

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

* html .clearfix { height: 1%;}

.clearfix {display: block;}


header { position: relative; width: 976px; height: 189px; background: url('../img/head.png'); }
#supertelephone{ position: absolute; top: 7px; right: 100px; z-index: 333;color: #00A5E3;font-family: 'Tahoma',sans-serif;font-size: 1.3em;}
a#icon_home { position: absolute; top: 14px; right: 33px; z-index: 333; width: 17px; height: 17px; }
a#icon_mail { position: absolute; top: 47px; right: 33px; z-index: 333; width: 17px; height: 19px; }

section { position: relative; margin-top: 120px; padding-bottom: 100px; clear: both; overflow: hidden; zoom: 1; }
/*
aside#left { float: left; margin-left: -15px; width: 34px; height: 1220px; background: url('../img/fade-left.png') repeat-y; }
aside#right { float: right; margin-right: -9px; width: 28px; height: 1220px; background: url('../img/fade-right.png') repeat-y; }
*/

nav { position: relative; }
nav#top { /*float: left;*/ margin-top: -108px; margin-left: 19px; }
nav#bottom { margin: -50px 0 0 19px; }
nav div { position: absolute; left: 0px; display: block; width:938px; height: 129px; background: url('../img/menu.png'); }
nav div a { display: block; position: absolute; }
nav div.active { background: url('../img/menu-active.png') }

nav #services 	{ top: 0px; }
nav #contacts 	{ top: 31px; }
nav #about 	{ top: 62px; }
nav #articles 	{ top: 93px; }

nav#bottom #services   { top: 0px; }
nav#bottom #contacts   { top: -93px; }
nav#bottom #about      { top: -62px; }
nav#bottom #articles   { top: -31px; }

nav div#services a { z-index: 90; top: 85px; left: 29px; width: 51px; height: 21px; background: url('../img/menu-services.png') }
nav div#contacts a { z-index: 90; top: 86px; left: 31px; width: 74px; height: 22px; background: url('../img/menu-contacts.png') }
nav div#about a { z-index: 90; top: 87px; left: 33px; width: 79px; height: 22px; background: url('../img/menu-about.png') }
nav div#articles a { z-index: 90; top: 87px; left: 35px; width: 51px; height: 19px; background: url('../img/menu-articles.png') }

div#tel { position: absolute; top: 100px; right: 50px; font-size: 1.5em; }
div#tel p.numbers { font-family: 'Tahoma', sans-serif; font-size: 1.3em; color: #00a5e3;  }
div#tel p.numbers img { float: left; margin: -3px 5px 0 0;}

div#text { margin: 110px 50px 50px 50px; /*float: left;*/ width: 830px; }
div#text h1 { font-size: 24px; font-weight: bold; margin-bottom: 0.7em; }
div#text h2 { font-size: 16px; font-weight: bold; font-style: italic; }
div#text p { margin: 0.5em auto; width: 800px; line-height: 1.5em; font-size: 1.3em; }
div#text p.no-margin { margin: 0.5em 0; }
div#text p.article-item { width: 50%; margin: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
div#text a { color: #36a6e6; }
div#text a:hover { color: #6bcd00; }

ul#buttons { margin: 4em auto; width: 800px; }
ul#buttons li { list-style: none; float: left; margin: 0 5px; }
ul#buttons a { display: block; width: 256px; height: 172px; }
ul#buttons a#booking { background: url('../img/tooth.gif'); }
ul#buttons a#booking:hover { background: url('../img/tooth-on.gif'); }
ul#buttons a#discount { background: url('../img/discount.gif'); }
ul#buttons a#discount:hover { background: url('../img/discount-on.gif'); }
ul#buttons a#question { background: url('../img/question.gif'); }
ul#buttons a#question:hover { background: url('../img/question-on.gif'); }

footer div { position: absolute; font-size: 1.1em; font-family: 'Tahoma', sans-serif; bottom: 15px; color: #026baf; }
footer div a { color: #026baf; }
footer #copyright { left: 50px; }
footer #feedback { right: 50px; }

#supermenu {position: absolute; top: 14px; right: 300px; z-index: 333; }
#supermenu a:visited, #supermenu a {color: #00A5E3; text-decoration: none; font-size: 1.3em; font-weight: bold;}

#botmenu {position: absolute; right: 180px; z-index: 333; }
#botmenu a:visited, #botmenu a {color: #00A5E3; text-decoration: none; font-size: 1.3em; font-weight: bold;}


#supermenu #link1 { display: none; } /* news */
#supermenu #link2 { display: none; } /* reviews */

.pagination { font-size: 18px; margin-top: 10px; background: #f5f5f5; border-radius: 5px; padding: 10px; }
.pagination .ditto_currentpage, .pagination .ditto_page, .pagination .ditto_next_link { padding: 0 10px; }