/* common */

body { padding: 0; margin: 0; color: #333333; font-family: Arial, Tahoma, Geneva; }

bg1 {background: #fff url(images/bg1.jpg) top right no-repeat; }

table { font-size: 1em; }

input, textarea, select { font-family: Tahoma, Arial, Helvetica, sans-serif; }

a { color: #224682;  }
a:visited { color: #224682; }
a:hover { text-decoration: none; }


hr { display: block; border: 0; margin: 0; color: white; background-color: white; width: 100%; height: 1px; border-top: 1px dashed #ccc; }
hr { margin: 1.1em 0; }
html>body hr { margin: 1.5em 0; }

.clear { clear: both; height: 1px; overflow: hidden; }

form { margin: 0; }
input, textarea, select { font-size: 11px; }
table, img { border: 0; }

.sm { font-size: 90%; }
html>body td.sm { font-size: 90%; }

.z10 { font-family: Tahoma, Arial, Geneva; font-size: 10px; }
.z11 { font-family: Tahoma, Arial, Geneva; font-size: 11px; line-height: 120%; }

.m5 { margin-bottom: 5px; }

.text { font-family: Arial, Tahoma, Helvetica, sans-serif; line-height: 145%; font-size: 85%; }
.text21 { font-family: Arial, Tahoma, Helvetica, sans-serif; line-height: 145%; }
.text3 { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 70%; line-height: 130%; }

/* headers */

h1 { font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 28px; color:#999; margin: 0; }

h2 { color: #000; font-family: Arial, Tahoma; font-weight: normal; font-size: 170%; margin-top: 0; line-height: 1.2em; }
h2 div { color: #666; font-size: 11px; margin-top: 5px; }
h3 { font-weight: normal; font-size: 150%; margin-top: 0; }
h4 { color:#fff; font-family:Arial, Tahoma; font-weight: normal; font-size: 160%; margin-top: 0; }

/* layout */

#top { }
#top .title { text-align: right; padding-right: 25px; }

#main { padding: 0px 20px 1.5em 0; }
#right { padding: 0px 0px 0 0; font-size: 80%; }

#menu { margin: 0px 30px 0 30px; }
#menu ul { display: block; margin: 0; padding: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; }
#menu li { display: block; list-style-type: none; margin: 0; padding: 0; }
#menu ul li { margin: 0 0 15px 0; }
#menu ul li.active { margin: 0 0 15px 0; }
#menu a, #menu a:visited, #menu strong { font-size: 110%; font-weight: normal; }
#menu .active a, #menu .active a:visited, #menu .active strong { color: #224682; font-weight: normal; }
#menu ul ul { margin: 5px 0 15px 10px; padding: 0; }
#menu ul ul li { margin: 0 0 3px 0 !important; }
#menu ul ul a, #menu ul ul a:visited { color: #224682; font-size: 75%; }
#menu ul ul strong { color: #000; font-size: 75%; }
#menu ul ul .active a, #menu ul ul .active a:visited, #menu ul ul strong { font-weight: normal; }

#copyrights { padding-left: 25px; }
#copyrightsi { border-top: 1px solid #999; }
#copyrights td { padding: 15px 0; color: #999; font-family: Tahoma, Arial, Tahoma, Helvetica, sans-serif; }
#copyrights td { font-size: 75%; }
#copyrights .bolotovru { background: #555A6E; color: #fff; font-weight: bold; text-decoration: none; }

.colorpreview { width: 47%; float: left; margin: 0 0 1.5em 0; overflow: hidden; }
.colorpreview img { margin-right: 10px; float: left; cursor: pointer; cursor: hand; }
.colorpreview .code { font-size: 110%; font-weight: bold; }

.nomargin { margin-left: 0; padding: 0; }
.nomargin li { margin: 0 0 0.7em 1.4em; padding: 0; }

.wide li { margin-bottom: 0.7em; }

ul li ul li { list-style-type: disc; }

.imgleft { float: left; clear: left; margin: 0 10px 0 0; }
.imgright { float: right; clear: right; margin: 0 0 0 10px; }
.imgcenter img, .imgleft img, .imgright img {  }
.imgcenter { margin: 0 auto; }
.imgcenter div, .imgleft div, .imgright div { text-align: left; font-size: 11px; color: #666; line-height: 120%; margin-top: 5px; }

table.table { border-top: 2px solid #eee; border-bottom: 2px solid #eee; }
table.table th { font-weight: bold; padding-left: 0; border-top: 1px dashed #eee; text-align: left; }
table.table td { border-top: 1px dashed #eee; padding-left: 0; }
table.table .first td, table.table .first th { border-top: 0; }

ul.docs { margin-left: 0; padding: 0; }
ul.docs li { display: block; margin: 0 0 1em 1.4em; }

/* gallery */

#thumbnails .description { display: none; }
#thumbnails .thumb { cursor: pointer; cursor: hand; margin: 0 20px 20px 0; vertical-align: top; }