
/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.3;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#069;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em; margin-bottom:0.2em; padding-top:1em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#0066ff;text-decoration:underline;}
a {color:#0066ff;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* png support */ div, img, a, span  { behavior: url(img/iepngfix.htc);}
#main-col {max-width:1150px; min-width:970px; margin:0 auto 0 auto; display:block; background:#fff;}
#wave-bg {width:100%; display:block; clear:both; position:absolute; left:0; top:177px; height:103px;  background:url(img/wave-bg.png) bottom center no-repeat; z-index:10;} 

#header-block {display:block; width:100%;  background:url(img/header-bg.gif) top left repeat-x; height:400px;} 
#content-block {display:block; background:url(img/wave-bg.jpg) top left repeat-x #cae4ff;}

#logo {float:left; display:block; width:30%; text-align:center;}
#logo img {padding:35px 0 0 30px;}
#main-menu {display:block; float:left; margin-top:55px; margin-left:40px; width:65%;}
#main-menu ul {list-style:none; margin:0; padding:0;}
#main-menu  li {float:left; margin-right:10px;}
#main-menu  a {display:block; height:37px; font-size:1.4em; color:#fff; text-decoration:none; background:url(img/menu-item-bg.gif) top left no-repeat #61aaea; padding:0 0 0 10px; line-height:2em; float:left;}
#main-menu  a:hover {text-decoration:none;}
#main-menu span {background:url(img/menu-item-bg-cap.gif) top right no-repeat; height:37px; width:10px; display:block; float:left;}

#main-menu  .active a {display:block; height:37px; font-size:1.4em; color:#fff; text-decoration:none; background:url(img/menu-item-bg-active.gif) top left no-repeat; padding:0 0 0 10px; line-height:2em; float:left;}
#main-menu  .active a:hover {text-decoration:none;}
#main-menu .active span {background:url(img/menu-item-bg-cap-active.gif) top right no-repeat; height:37px; width:10px; display:block; float:left;}



#slide-block {display:block; position:relative; clear:both; height:280px; width:100%; margin:0; padding:0;} 
#slidetext {display:block; height:280px; float:left; width:30%; text-align:center;}
#slidetext h2 {color:#1f8bce; font-size:1.6em; font-weight:normal; line-height:1em; margin:60px 0 0 20%; text-align:left;}
#slideshow {display:block; float:left; height:280px; text-align:center; width:60%;}
.slide-text {display:none;}
#slideshow img {display:none;}
#slideshow .first-img {display:block;}

.side-td {width:30%; padding:10px 0 0 50px; vertical-align:top;}
.content-td {width:65%; padding:10px 50px 0 20px; font-size:1.2em; color: #069; vertical-align:top;}
.content-td  h2  {clear:both;}

.cat-item  {display:block;  float:left; margin:20px 30px 0 0; padding:0; background:#fff; background-position:bottom left; width:200px; height:220px;}
.cat-props h4 {font-size:1.3em; line-height:1em; color:#3183d6; margin:5px 10px; padding:0;}
.cat-props p {font-size:0.6em; color:#3183d6; padding:5px 10px;}

.submenu li {list-style:square; font-size:1.4em; color:#999;}
.submenu li ul {padding-left:20px;}
.submenu li  li {font-size:0.8em; color:#999;}
.submenu a {color:#069;}

#footer {border-top:1px solid #fff; padding:30px 40px 20px 50px; margin-top:20px;}
#footer a {color:#069;}
#phones {width:30%; float:left; font-size:2em; color:#069; height:30px;}
#address {width:65%; float:left;}

.news_list {color: #069;}
.news_list span {font-size:0.8em; color:#999;}
