/*-----------------------------------------------------------------------------
Nedug.ru Screen Stylesheet

version:   1.0
date:      08/06/08
author:    Alexander Chuprin
email:     a.s.chuprin@gmail.com
website:   www.chuprin.com

-----------------------------------------------------------------------------*/


/* Global 
---------------------------------------------------------- */

* { padding:0; margin:0; }
html, body { width: 100%; height: 100%; font-size: 100.1%;
 }
body {
	font-family: Times New Roman, Georgia, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #323233;
	background: url(../images/page_bg.png) repeat-x #FFF;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 15px 0;
	font-size: 1em;
}
li, dd, blockquote { 
	margin-left: 30px; 
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin: 25px 0 15px 0;
}
h1 { font-size: 1.63em;  }
h2 { font-size: 1.1em; font-weight: bold; }
h3 { font-size: 1.0em; font-weight: bold; }
h4 { font-size: 0.9em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
.headline { font-size: 1.75em; color: #00787f; font-weight: bold; }

/* Table */
table { border-collapse: collapse; border: 0; }
table td { padding: 0px; vertical-align: top; text-align: left; }
table.styled { width: 100%; margin: 20px 0; font-size: 0.88em; }
table.styled td, table.styled th { padding: 9px 12px; }
table.styled th { text-align: left; color: #00787f; background: #e7efe2; }
table.styled td { border-bottom: 1px solid #d5e0ce; }

.no-formatting li { margin: 7px 0; list-style: none; }
.links li { margin: 15px 0; }
li { position: relative; }

/* Forms */
input, textarea { padding: 2px 4px; font: normal 1em Times New Roman; color: #00787f; border: 1px solid #ccddc1; }
input.submit { cursor: pointer; }
button { padding: 7px 13px; overflow: visible; display: inline; border: 2px solid #ccddc1; background: #00787f; font: normal 1em "Times New Roman", Times, serif; color: #fff; }
.button { padding: 7px 13px; overflow: visible; display: inline; border: 2px solid #ccddc1; background: #00787f; font: normal 1em "Times New Roman", Times, serif; color: #fff; }


form div { margin: 15px 0; }
form label { display: block; margin: 4px 0; }

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

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center !important; }
.middle { vertical-align: middle; }
.fleft { display: block; float: left; }
.fright { display: block; float: right; }

/* Links 
---------------------------------------------------------- */

a img { border: 0; }
a {
	color: #00787f;
}
a:hover, a:focus, a:active {
	color: #00b1bb !important;
}

/* Layout 
---------------------------------------------------------- */

#body { padding: 55px 100px 82px; }
#page { min-width: 790px; max-width: 1280px; font-size: 1.6em; }
#header { overflow: hidden; zoom: 1; padding: 0 0 39px; }
#content { overflow: hidden; zoom: 1; }
#main {	float: left; width: 100%; overflow: auto; margin: 0 -233px 0 0; }
	#main #main-wrapper { margin: 0 300px 40px 0; }
#sidebar-right { position: relative; float: right; width: 233px; }
#footer { overflow: hidden; zoom: 1; height: 213px; margin: 115px 0 0 -100px; background: url(../images/footer_bg.jpg) no-repeat; font-size: 0.88em; color: #6c6c6c; }

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

#logo {
position: absolute;
left: 0px;
top: 55px;
display: block;
zoom: 1;
z-index: 100;
}

#logo img { display: block; }

#phone { display: inline; float: right; margin: 23px 180px 0 0; }
#phone img { display: block; }

#service-nav { clear: both; overflow: hidden; zoom: 1; }
#service-nav ul { float: right; margin: 0; }
#service-nav ul li { float: left; margin: 0 0 0 7px; padding: 0; background: url(../images/sn_lt.gif) #e7efe2 no-repeat; list-style: none; }
#service-nav ul li.active { background-image: url(../images/sn_lt_active.gif); background-color: #00787f; }
#service-nav ul li a { position: relative; display: block; padding: 12px; background: url(../images/sn_rb.gif) 100% 100% no-repeat; }
#service-nav ul li.active a { background-image: url(../images/sn_rb_active.gif); cursor: default; }
#service-nav ul li img { display: block; width: 11px; height: 10px; background-repeat: no-repeat; background-position: 0 0; }
#service-nav ul li.active img { background-position: 0 -10px; }
#service-nav ul li.home img { background-image: url(../images/icon_home.gif); }
#service-nav ul li.feedback img { background-image: url(../images/icon_mail.gif); }

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

#main h1.headline { margin-top: 0; margin-bottom: 40px; }
#main .content { padding: 0 0 0 30px; }

#news-short { clear: both; margin: 20px 0 0 0; }
#news-short .content { padding-top: 11px; background: url(../images/news_lt.gif) #fff no-repeat; font-size: 0.88em; }
#news-short .content .bg { background: url(../images/news_rt.gif) #e7efe2 100% 0 no-repeat; }
#news-short .content .bg-2 { background: url(../images/news_rb.gif) 100% 100% no-repeat; }
#news-short .content .bg-3 { padding: 20px 15px; background: url(../images/news_lb.gif) 0 100% no-repeat; }
#news-short ul { margin: 0; overflow: hidden; zoom: 1; }
#news-short ul li { float: left; margin: 0; background: none; padding: 0; width: 33.3%; list-style: none; line-height: 1.5em; }
#news-short ul li .wrapper { padding: 0 15px; }
#news-short ul li .date { font-size: 0.93em; color: #808080; }

/* Sidebar (Right)
---------------------------------------------------------- */

#nav { background: url(../images/nav_top.gif) #e7efe2 no-repeat; }
#nav .bg { position: relative; padding: 32px 0; background: url(../images/nav_bottom.gif) 0 100% no-repeat; }
#nav ul { margin: 0; }
#nav ul li { margin: 4px 0; padding: 0 30px; list-style: none; font-size: 1.15em; line-height: 1.5em; }
#nav ul li a { color: #00787f; }
#nav ul li ul { margin: 13px 0; }
#nav ul li ul li { position: relative; zoom: 1; margin: 7px 0; padding: 0 0 0 13px; background: url(../images/nav_bullet.gif) 4px 0.45em no-repeat; font: normal 0.6em Tahoma; }
#nav ul li.active { position: relative; zoom: 1; margin-left: -15px; padding-left: 45px; background: url(../images/nav_active.gif) 0 0 no-repeat; }
#nav ul li.active a { text-decoration: none; }
#nav ul li.active ul li a { text-decoration: underline; }
#nav ul li ul li.active { margin-left: 0; padding-left: 13px; background: url(../images/nav_bullet_active.gif) 4px 0.45em no-repeat; }
#nav ul li ul li.active a { color: #000; text-decoration: none; cursor: default; }

#qa { position: relative; zoom: 1; margin: 30px 0 0 -18px; padding: 0 0 0 48px; background: url(../images/qa_bg.gif) no-repeat; line-height: 36px; }
#qa a { font-size: 1.15em; font-weight: bold; }

#qz { position: relative; zoom: 1; margin: 30px 0 0 -18px; padding: 0 0 0 48px; background: url(../images/qa_vz.gif) no-repeat; line-height: 36px; }
#qz a { font-size: 1.15em; font-weight: bold; }


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

#footer .wrapper { float: right; width: 335px; margin: 78px 0 0 0; }
#footer .contacts dl { margin: 10px 0; line-height: 1.4em; }
#footer .contacts dt { float: left; margin: 0 3px 0 0; }
#footer .counter { margin: 19px 0 0 0; }