/*---

Raytar Screen Stylesheet

version:   1.0
date:      01/12/09
author:    Novosiolov Vladimir
email:     nvastudio@mail.com
website:   www.nvastudio.com

---*/

* { margin: 0px; padding: 0px; }
body { background: #0491ab url(/images/bg.png) repeat-x; }
html { font: normal 12px tahoma, Verdana, sans-serif; color: #94DFEF; }
a {color: #94DFEF;}
.all { width: 950px; margin: 0px auto; position: relative; }
.light { background: url(/images/bg-light.jpg) no-repeat center top; }
.top { height: 120px; }
.menu { display: block; float: right; padding: 40px 0px 0px; margin-right: -32px; }
.menu a { background: url(/images/li.gif) no-repeat left bottom; display: block; float: left; padding: 18px 32px 0px 12px; }
.menu a:hover { padding-top: 16px; }
.menu li { display: inline; list-style: none; }
.content { background: #037e95 url(/images/bg-page.gif) no-repeat right bottom; border-top: 1px solid #429eb0; padding: 20px 24px 32px; }
.to_top  {  background: url(/images/arr-top.gif) no-repeat left bottom; padding: 33px 0px 0px 26px; }
.to_top a { color: #f0c783; font: 15px "Segoe UI", "Trebuchet MS", Arial, sans-serif; }
.back { font: 15px "Segoe UI", "Trebuchet MS", Arial, sans-serif; display: block; float: right; background: url(images/arr_back.gif) no-repeat left bottom; padding: 15px 0px 0px 26px; color: #F0C783; }

.icos { padding: 22px 0px 33px; }
.icos a { float: left; display: block; height: 160px; width: 300px; }
.icos li, .menu_left li {  list-style: none; }

.icos .a1 a{ background: url(/images/butt1.gif); }
.icos .a2 a{ background: url(/images/butt2.gif); }
.icos .a3 a{ background: url(/images/butt3.gif); }
.icos .a4 a{ background: url(/images/butt4.gif); }
.icos .a5 a{ background: url(/images/butt5.gif); }
.icos .a6 a{ background: url(/images/butt6.gif); }
.icos .a7 a{ background: url(/images/butt7.gif); }
.icos .a8 a{ background: url(/images/butt8.gif); }
.icos .a9 a{ background: url(/images/butt9.gif); }

.icos .a1 a:hover{ background: url(/images/butt1.gif) bottom; }
.icos .a2 a:hover{ background: url(/images/butt2.gif) bottom; }
.icos .a3 a:hover{ background: url(/images/butt3.gif) bottom; }
.icos .a4 a:hover{ background: url(/images/butt4.gif) bottom; }
.icos .a5 a:hover{ background: url(/images/butt5.gif) bottom; }
.icos .a6 a:hover{ background: url(/images/butt6.gif) bottom; }
.icos .a7 a:hover{ background: url(/images/butt7.gif) bottom; }
.icos .a8 a:hover{ background: url(/images/butt8.gif) bottom; }
.icos .a9 a:hover{ background: url(/images/butt9.gif) bottom; }

.column_left { float: left; }
.column_right { float: right; width: 630px; }
.column_right  a {  }

.menu_left a { display: block; height: 83px; width: 238px; margin-bottom: 8px; }
.menu_left .a1 a{ background: url(/images/but-1.gif); }
.menu_left .a2 a{ background: url(/images/but-2.gif); }
.menu_left .a3 a{ background: url(/images/but-3.gif); }
.menu_left .a4 a{ background: url(/images/but-4.gif); }
.menu_left .a5 a{ background: url(/images/but-5.gif); }
.menu_left .a6 a{ background: url(/images/but-6.gif); }
.menu_left .a7 a{ background: url(/images/but-7.gif); }
.menu_left .a8 a{ background: url(/images/but-8.gif); }
.menu_left .a9 a{ background: url(/images/but-9.gif); }

.menu_left .a1 a:hover{ background: url(/images/but-1.gif) bottom; }
.menu_left .a2 a:hover{ background: url(/images/but-2.gif) bottom; }
.menu_left .a3 a:hover{ background: url(/images/but-3.gif) bottom; }
.menu_left .a4 a:hover{ background: url(/images/but-4.gif) bottom; }
.menu_left .a5 a:hover{ background: url(/images/but-5.gif) bottom; }
.menu_left .a6 a:hover{ background: url(/images/but-6.gif) bottom; }
.menu_left .a7 a:hover{ background: url(/images/but-7.gif) bottom; }
.menu_left .a8 a:hover{ background: url(/images/but-8.gif) bottom; }
.menu_left .a9 a:hover{ background: url(/images/but-9.gif) bottom; }

.recvizity { padding: 5px 0px 15px; }
.recvizity dt { font-weight: bold; float: left; }
.recvizity dd { margin-left: 100px; margin-bottom: 8px; }
.send  label{ background: #006276; padding: 8px 12px; font-weight: bold; display: block; margin-bottom: 8px; }
.send b { float: left; display: block; width: 200px; padding: 4px 0px 0px; }
.submit { font-weight: bold; color: #94DFEF; background: #006276; padding: 5px 8px; border-style: none; }
.txt { background: #007791; border-style: none; border-width: 0px; width: 250px; color: #FFFFFF; padding: 2px 3px; }
.block { width: 300px; font-size: 11px; float: left; margin: 0px 14px 20px 0px; }

.footer_top { background: #2a9cb1; }
.footer_top .all { background: #36b0c7; }
.footer_top  .all  .float_right  { width: 570px; padding: 18px 24px 22px 0px; color: #006579; }
.footer_top .all .float_right a { color: #006579; }
.footer_top .all .float_right div { float: right; width: 88px; margin: 12px 0px 0px 12px; }
.footer_top .all .float_right img { margin-bottom: 5px; }
.footer_down { background: #003b47 url(/images/footer-bg-back.png) repeat-x left top; }
.footer_down .all { background: url(/images/footer-bg.png) repeat-x left top; height: 106px; }
.valid { text-align: right; color: #36B0C7; float: right; font-size: 11px; padding: 20px 24px 0px 0px; width: 400px; }
.valid a { color: #99D9E3; text-decoration: none; border-bottom: 1px dotted #36B0C7; }
.made_by a {  }

.img_left { float: left; margin: 0px 8px 8px 0px; border: 6px solid #28CAD9; }
.img_right { float: right; margin: 0px 0px 8px 8px; border: 6px solid #28CAD9; }
.img_border { border: 6px solid #28CAD9; }

.float_left { float: left; margin: 12px 12px 0px 0px ;}
.float_right { float: right; margin: 0px 0px 12px 12px; }

h1 { display: block; padding: 12px 0px 6px 40px; color: #FFFFFF; background: url(/images/li-h1.gif) no-repeat left 30px; font-size: 20px; }
h2 { color: #FFFFFF; padding: 12px 0px 8px 17px; background: url(/images/li-h1.gif) no-repeat -24px 26px; font-size: 17px; }
h3, h3 a { color: #ffd287; font-size: 14px; }
h1,h2,h3{ font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif; font-weight: normal; }
p { padding: 8px 0px; }
img { border-style: none; }
a:hover { text-decoration: none; border-style: none; }
table, td {	border-collapse:collapse;margin: 0px;padding: 0px;vertical-align: top;}
.clear { clear: both; }
input,select,button { vertical-align: middle; }