/* --- Developed by Mukhtar Saidov, e-mail: myxtap@list.ru --- */

* { margin: 0; padding: 0; }

body {
margin: 0;
padding: 0;
text-align: left;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #444;
background: #5DC989 url(../images/8.jpg) top left no-repeat;
background-attachment : fixed;
}
        
*html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
} 

/* ------------------------- Container --------------------------- */

#container {
margin: 0 auto;
width: 1004px;
background: #fff url(../images/3.gif) 719px 100px repeat-y;
}

* html #container {
width: 1002px;
}

*:first-child+html #container {
width: 1002px;
}

#content-gutter {
padding: 1px 20px 40px 20px;
float: left;
}

*html #content-gutter {
padding-top: 26px;
}

*:first-child+html #content-gutter {
padding-top: 27px;
}

#sidebar-gutter {
padding: 0 25px 40px 25px;
}

*html #sidebar-gutter {
padding: 0 0 0 20px;
}

/* ---------------------------- Header --------------------------- */

#header {
background: #FFF url(../images/1.jpg) no-repeat top left;
height: 164px; 
}

#header h1 {
position: absolute;
left: -1000px;
}

#header p {
clear: both;
padding: 95px 0 0 70px;
}

#header p a img {
border: 0;
}

/* ------------------------ Content ----------------------------- */

#content {
float: left;
margin-top: 0px;
padding-top: 230px;
width: 721px;
} 

*html #content {
padding-top: 210px;
} 

*:first-child+html #content {
padding-top: 210px;
} 
 
div.about {
background: url(../images/9.jpg) no-repeat top left;
}

div.services {
background: url(../images/16.jpg) no-repeat top left;
} 

div.school-of-diabetes {
background: url(../images/67.jpg) no-repeat top left;
}

div.articles {
background: url(../images/13.jpg) no-repeat top left;
}

div.news {
background: url(../images/14.jpg) no-repeat top left;
}

div.gallery {
background: url(../images/15.jpg) no-repeat top left;
}

div.contacts {
background: url(../images/.jpg) no-repeat top left;
} 

#content h2 {
clear: both; 
margin: 5px 0 20px 0px;
padding: 10px 0 10px 0;
font-size: 2.2em;
color: #FFF;
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
letter-spacing: 1px;
} 

#content h3{
clear: both;
margin: 10px 0 10px 0;
padding: 10px 0 10px 0;
border-top: 1px solid #248C54;
border-bottom: 1px solid #248C54;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
text-transform: uppercase;
color: #248C54;
} 
 

#content h3.article-list-title{
margin: 10px 0 0 0;
padding: 10px 0 10px 0;
border: 0;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
text-transform: uppercase;
color: #707070;
}  

#content h3.article-list-title a {
color: #01BB57;
}

#content h4{
clear: both;
margin: 10px 0 10px 0;
font-size: 1.0em;
text-transform: uppercase;
color: #444;
}

#content p {
width: auto;
margin:  20px 0 20px 0;
line-height: 1.5em;
}

#content p.excerpt {
width: 300px;
float: left;
margin-top: 0;
padding-bottom: 0px;
}

#content p.excerpt a {
text-decoration: none;
color: #444;
}

#content p.excerpt a:hover {
text-decoration: underline;
color: #444;
} 

#content p.excerpts {
margin: 0;
padding: 0;
} 

#content p.excerpts span {
font-size: 0.9em;
font-weight: bold;
}
 
#content div.article-list {
border-bottom: 1px solid #CCC;
}

#content p a {
color: #5F92BE;
}

#content p a:hover {
color: #EFAB14;
}

#content p.more {
clear: left;
padding-bottom: 10px;
}

#content p.more a {
padding: 3px 10px;
color: #FFF;
font-weight: bold;
text-decoration: none;
background: #E10154;
}
 
#content ul {
margin: 10px 0 20px 20px;
}

#content img {
float: left;
margin: 5px 15px 15px 0;
padding: 5px;
border: 1px solid #ddd;
}

#content .zemContactForm
{
margin: 0;
}

#content .zemContactForm span
{
color: #FF0000;
}

#content .zemContactForm fieldset
{
margin: 0;
padding: 20px;
border: 1px solid #c0c0c0;
}

#content .zemContactForm legend
{
color: #777378;
font-weight: bold;
margin: 0.7em 0 0.3em 0;
padding: 0.5em 10px 0.5em 10px;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
}

#content .zemContactForm label
{
float: left;
width: 160px;
margin: 0.3em 10px 0 0;
text-align: right;
font: 0.7em/1.45em Verdana, Arial, sans-serif;
color: #777;
}

#content .zemContactForm input
{
margin-bottom: 0.5em;
}

#content .zemContactForm input.zemCheckbox
{
float: right;
margin-right: 365px;
margin-left: 0;
}

#content .zemContactForm select
{
margin-bottom: 0.5em;
}

#content .zemContactForm br
{
clear: left;
}

#content .zemContactForm #zemSubmit
{
margin: 0.5em 0 0 70px;
}

#content div.zemThanks p
{
color: #007D3A;
font-size: 160%;
text-align: center;
}

#content ul.zemError li
{
color: red;
}

#content .zemSubmit
{
border: none;
background: #c0c0c0;
color: #FFF;
padding: 3px 5px;
} 
 
#content table {
width: 100%;
}

#content table th, #content table td {
padding: 5px 10px; 
border: 1px solid gray;
} 

#content table th {
font-size: 1.0em;
}

#content table td a {
color: #BF5030;
} 

#content table td a:hover {
color: #01BB56;
}
 
#map {
margin-top: 10px;
padding: 5px;
border: 1px solid #BBB;
}

/* ------------------------ Sidebar ---------------------------- */

#sidebar {
float: right;
background: #FFF;
width: 283px;
}

* html #sidebar {
width: 281px;
}

*:first-child+html #sidebar {
width: 281px;
}

#sidebar h2{
clear: both;
margin: 20px 0 0 0;
padding: 10px 0 10px 0;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
font-family: "Times New Roman", Times, serif;
font-size: 1.5em;
text-transform: uppercase;
color: #707070;
}

#sidebar h3 {
margin: 20px 0 0 0;
text-transform: uppercase;
font-size: 85%;
font-family: arial, Helvetica, sans-serif;
color: #FF6B40;
}

#sidebar h3 span.date {
color: #777;
font-weight: bold;
text-transform: lowercase;
}

#sidebar p {
margin: 10px 15px 0  0;
font-size: 90%;
line-height: 1.5em;
}

#sidebar p.more {
padding-bottom: 10px;
border-bottom: 1px solid #EAEAEA;
}

#sidebar p.more a {
padding: 3px 10px;
color: #FFF;
font-weight: bold;
text-decoration: none;
background: #FF6B40;
}

#sidebar p a img {
margin-top: -7px;
padding: 0;
border: none;
}

/* ---------------------------- Footer -------------------------- */

#footer {
clear: both;
height: 100px;
background: Silver url(../images/footer6.gif) no-repeat top left;
margin-top: 50px;
}

#footer p {
margin: 0;
padding: 50px 0 0 56px;
color: #fff;
font-family: arial, Helvetica, sans-serif;
font-size: 70%;
letter-spacing: 0.4em;
}
 
#footer div {
float: left;
width: 88px;
margin-right: 5px;
}
 
*html #footer div {
margin-left: 5px;
}

/* ------------------------ miscellaneous ----------------------- */
span.blue {
color: #5F92BE;
}

span.orange {
color: #EFAB14;
}

.clearall {
clear: both;
padding-top: 10px;
font-weight: bold;
}

#sale{ 
margin-top: 20px; 
border: 1px solid #eee;
padding: 5px;
text-align: center;
}