/* Global */
* {
margin:0;
padding:0;
border:none;
}

li {list-style:none;}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
a{
text-decoration:none;
color:#505050;
}
a:hover{
text-decoration:underline;
}

p {margin-bottom: 15px; line-height: 120%;}


/* Layout */
body{
background: #007566 url(images/body_bg.gif) left top repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 300%;
color:#505050;
padding:0px 0px 0px 0px;
}

div#wrap0{
background: #006153 url(images/wrap_bg.gif) left top repeat-x;
width:922px;
margin:0px auto 0px auto;
font-size:12px;
}

div#wrap{
border: 1px solid #fff;
border-top: 0;
width:910px;
margin:0px auto 0px auto;
font-size:12px;
background: #fff url(images/side_bg.jpg) top right repeat-y;
}

#header{
height:171px;
background: url(images/header.jpg) top center no-repeat;
position:relative;
}

#container{bborder: 1px solid red;
width:910px;
background: url(images/cont_bg.jpg) top left no-repeat;
margin-top: 0px;
padding-top: 24px;
}
#main-menu {height: 42px; background:url(images/menu_bg.jpg) top center no-repeat;}



/*logo*/
#header a.logo {display: block; width: 180px; height: 170px; position: absolute;
                overflow: hidden; bborder: 1px solid red; text-indent: -9999px;}

/* navigate */

#header .navigate{
bborder: 1px solid red;
position:absolute;
width: 85px;
height: 24px;
display:block;
top:80px;
left:783px;
}
#header .navigate li{
display:block;
float:left;
}
#header .navigate li a{
bborder: 1px solid red;
width:20px;
height:20px;
display:block;
margin-left:20px;
font-size:1px;
overflow:hidden;
text-indent:-9999px;
}

#wrap ul#top-menu {
height: 42px; background:url(images/menu_bg.jpg) top center no-repeat;
width: 910px;
overflow: hidden;
bborder: 1px solid red;
}

#wrap ul#top-menu li{
display: block;
height: 42px;
ttext-indent: -9999px;
float: left;
}

#wrap ul#top-menu li a {
text-indent: -9999px;
overflow: hidden;
display: block;
height: 42px;
}

#wrap ul#top-menu li a.about    {width: 112px;}
#wrap ul#top-menu li a.clients  {width: 124px;}
#wrap ul#top-menu li a.rates    {width: 79px;}
#wrap ul#top-menu li a.services {width: 130px;}
#wrap ul#top-menu li a.news     {width: 183px;}
#wrap ul#top-menu li a.adverts  {width: 121px;}
#wrap ul#top-menu li a.request  {width: 161px;}

#wrap ul#top-menu li a.about:hover,     #wrap ul#top-menu li a.about.active    {background: url(images/menu_about.jpg) top left no-repeat;}
#wrap ul#top-menu li a.clients:hover,   #wrap ul#top-menu li a.clients.active  {background: url(images/menu_clients.jpg) top left no-repeat;}
#wrap ul#top-menu li a.rates:hover,     #wrap ul#top-menu li a.rates.active    {background: url(images/menu_rates.jpg) top left no-repeat;}
#wrap ul#top-menu li a.services:hover,  #wrap ul#top-menu li a.services.active {background: url(images/menu_services.jpg) top left no-repeat;}
#wrap ul#top-menu li a.news:hover,      #wrap ul#top-menu li a.news.active     {background: url(images/menu_news.jpg) top left no-repeat;}
#wrap ul#top-menu li a.adverts:hover,   #wrap ul#top-menu li a.adverts.active  {background: url(images/menu_order.jpg) top left no-repeat;}
#wrap ul#top-menu li a.request:hover,   #wrap ul#top-menu li a.request.active  {background: url(images/menu_request.jpg) top left no-repeat;}

.sidebar {width: 275px; float:right; background: url(images/side_bg.jpg) top right repeat-y; bborder:1px solid red;}

.sidebar .block {padding: 0px 15px 10px 45px; background:url(images/block_bg.jpg) top right no-repeat;}
.sidebar .first {background:url(images/block_bg1.jpg) top right no-repeat;}

.sidebar .block strong {font-size: 13px; font-weight: normal; color: #fff; display: block; margin-bottom: 30px; text-align: right;}
.sidebar .block p {margin: 0 20px 10px 5px; line-height: 20px;}
.sidebar .block p.login {margin-left: 40px;}

.sidebar .block ul {padding-right: 30px;}
.sidebar .block ul li {background:url(images/dot_delim.gif) left top repeat-x; line-height: 20px; padding-left: 5px;}
.sidebar .block ul li:first-child {background:url(images/dot_delim.gif) 0px -10px repeat-x}

.content{
width:600px;
float:left;
padding: 10px 5px 10px 20px;
bborder: 1px solid red;
line-height: 1.9em;
}

.content h3 {font-size: 22px; color: #033bae; margin-bottom: 15px; font-weight: normal;}
.content h3 span {font-size: 20px; font-weight: bold;}

.content ul  {margin-bottom: 10px; margin-left: 20px;}
.content ul li {list-style: disc inside;}

.content a {color: #107258;}

.content .delimiter {background:url(images/dot_delim.gif) left top repeat-x; height: 1px; overflow: hidden; margin: 20px 0;}

.content a.but {background:url(images/button_backgr.png) left top no-repeat; width: 200px; height: 20px; 
  display: block; color: #fff; float: left; padding: 0px 17px; font-weight: bold;}
.content a.but:hover {text-decoration: none;}

.content .item {margin-bottom: 10px;}
.content .item img.cover {float: left; margin-right: 100px;}
.content .item .descr {float: left; width: 510px;}

/* footer */
#footer{
height:60px;
position:relative;
margin:0 auto;
background-color: #00328a;
clear: both;
}

#footer ul{
position:relative;
display: block;
float:right;
top: 15px;
text-align:center;
margin-left:5px;
}

#footer ul li{
background:url(images/foot_delim.gif) left 5px no-repeat;
display:block;
float:left;
height:28px;
margin-right:15px;
padding-left:15px;
}

#footer ul li:first-child {background:none;}

#footer ul li a{
color: #fff;
margin-top: 7px;
display: block;
font-size:10px;
font-family: Tahoma;
}

div#subfoot{
font-family: Tahoma;
width:922px;
margin:0px auto 0px auto;
font-size:10px;
text-align: center;
color: #fff;
padding: 20px 0;
bborder: 1px solid red;
}

div#subfoot a{
color:#66FFFF;
}

/* Subheaders */
h4 {font-size: 20px; color: #007566; font-weight: normal;}

h1 {font-size: 22px; color: #2f0075; font-weight: normal;}

body2{
background: #007566 url(images/body_bg.gif) left top repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 300%;
color:#007566;
padding:0px 0px 0px 0px;
}