@import url("reset.css");

@import url("form.css");

html, body {
height: 100%;
}

body{
background:#42b8f8 url("bg_main.jpg") repeat-x 50% 0;
color:#fff;
font-family:"Segoe UI",Tahoma,Arial,Verdana,sans-serif;
font-size:12px;
line-height:1.618em;
}

p{
margin:10px 0;
/*text-align:justify;*/
}

blockquote p{
margin:0;
padding:0;
}

strong em, em strong{
color:#000;
}

a:link, a:visited{
text-decoration:none;
color:#fff;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

h1, h2, h3, h4, h5, h6, legend {
color:#fff;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:normal;
letter-spacing:-0.04em;
margin:1em 0 0.5em 0;
}

h1, #sidebar h2{
font-size:25px;
margin:1em 0;
}

h2{
font-size:20px;
}

h3, legend{
font-size:16px;
letter-spacing:0;
}

table {
border-collapse:collapse;
width:100%;
margin:1em 0 0.5em 0;
}

table th {
background:#40aae4;
padding:7px 0 7px 10px;
font-weight:normal;
text-align:left;
color:#fff;
}

table td {
border-bottom:1px solid #95d4f6;
padding:3px 10px;
font-size:11px;
}

ul, ol {
margin:20px 0 20px 10px;
}

ul li, ol li {
list-style:none;
margin:0 0 0 5px;
padding:4px 0 0px 20px;
font-size:11px;
background:url("bullet.jpg") no-repeat 3px 11px;
}

ol {
list-style-type: decimal;
list-style-position: outside;
} 

ol li{
list-style-type: decimal;
list-style-position:outside;
padding:4px 0 0px 0;
margin-left:24px;
background:transparent
}

blockquote {
margin:1em 0;
padding:2em;
background:#40aae4;
}

#wrapper {
width:940px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -580px; /* ! */
}

ul#lang, ul#lang li{
margin:0;
padding:0;
float:left;
}

ul#lang{
margin-top:10px;
float:right;
}

ul#lang li a{
  width:23px;
  height:13px;
  float:left;
  text-indent: -9999px;
  margin-right:11px;
  border:1px solid #51c4fa;
  }
  
  ul#lang li a#est{
  background:url("est.gif")
  }

  #lang li a#est:hover{
  background:url("est_h.gif")
  }

  #lang li a#fin{
  background:url("fin.gif")
  }

  #lang li a#fin:hover{
  background:url("fin_h.gif")
  }

  #lang li a#eng{
  background:url("eng.gif")
  }

  #lang li a#eng:hover{
  background:url("eng_h.gif")
  }

  #lang li a#rus{
  background:url("rus.gif")
  }

  #lang li a#rus:hover{
  background:url("rus_h.gif")
  }

#header {
float:left;
width:100%;
overflow:hidden;
}

#header h1{
width:182px;
height:75px;
float:left;
margin:30px 0 0 0;
padding:0;
}

#header a.logo{
width:182px;
height:75px;
display:block;
text-indent: -9999px;
border-bottom:none;
}

#header ul li{
background:none;
}

ul#mainmenu{
list-style-type: none;
float:left;
margin:65px 0 0 40px;
}

ul#mainmenu li{
float:left;
margin:0;
padding:0;
}

ul#mainmenu li a{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
padding:0 20px;
background: url("mainmenuseparator.gif") no-repeat right center;
color:#d3f1ff;
letter-spacing:-0.4px;
}

ul#mainmenu li:last-child a{
background:none;
}

ul#mainmenu a.on{
color:#fff;
}

#content{
float:right;
width:700px;
padding:0 0 20px 0;
position:relative;
left:1px;
z-index:2;
}

#footer{
width:100%;
height:580px;  /* ! */
background:transparent url("bottom.png") no-repeat 80% 0;
position:relative;
}

#footer #languages{
background:transparent url("languages.png") no-repeat 0 0;
width:960px;
margin:0 auto;
height:328px;
}

#footer .author{
position:absolute;
bottom:10px;
right:10px;
background:url("netmedia.gif") no-repeat bottom left;
width:8px;
height:37px;
display:block;
text-indent: -9999px;
}

#footer .author:hover{
background:url("netmedia_h.gif") no-repeat bottom left;
}

.push{
width:100%;
clear:both;
height:412px;
}

#contacts{
width:940px;
margin:0 auto;
font-size:10px;
color:#c8cdb7;
position:absolute;
bottom:20px;
left:50%;
margin-left:-470px;
line-height:1.2em;
z-index:3;
}

#contacts a{
color:#fff;
}

.contact_item_1, .contact_item_2, .contact_item_3{
width:33%;
float:left;
}

.contact_item_1{
text-align:left;
}

.contact_item_2{

text-align:center;
}

.contact_item_3{
float:right;
text-align:right;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}

#header a, #footer a{
text-decoration:none;
}

#header a:hover, #footer a:hover{
text-decoration:underline;
}

a.galleryitem img{
border:1px solid #afe2ff;
padding:2px;
float:left;
margin:0 5px 5px 0;
}