*, html, body {
margin: 0px;
padding: 0px;
}

body {
background-color: #e9e1d4;
}

.container {
position: relative;
margin: 0 auto;
width: 1000px;
height: 100%;

}

.main {
position: relative;
background-color: #fff;
float: left;
background-image: url(images/bg_center.gif);
background-repeat: repeat-y;
}

.head {
position: relative;
width: 340px;
float: left;
height: 200px;
background-image: url(images/head.jpg);
background-repeat: no-repeat;
}


.right_top {
position: absolute;
width: 660px;
height: 50px;
top: 0px;
left: 0px;
}

.bg_search {
position: absolute;
width: 202px;
height: 24px;
background-image: url(images/bg_search.gif);
background-repeat: no-repeat;
top: 12px;
left: 10px;
}

input.search {
position: absolute;
top: 5px;
left: 40px;
border: 0px;
border: none;
background-color: #fff;
font-family: tahoma, sans-serif, arial;
width:140px;
font-size: 11px;
color: #26241c;
}

.language {
position: absolute;
left: 250px;
top: 13px;
*top: 15px;
}

.language a {
color: #fff;
font-family: verdana, sans-serif, verdana;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

.language a:hover {
color: #ecdb07;
}

.language span {
margin-left: 5px;
margin-right: 5px;
color: #ecdb07;
font-size: 14px;
}

.language a.current {
color: #ecdb07;
}

.map {
position: absolute;
left: 360px;
top: 18px;
*top: 14px;
}


.line {
position: relative;
width: 660px;
height: 45px;
background-color: #b1cafa;
float: left;
}

.line p {
position: relative;
margin-top: 15px;
margin-left: 20px;
}

.line p a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
margin-right: 25px;
text-decoration: none;
font-weight: bold;
color: #185EBD;
}

.line p a:hover {
color:#DC143C;
}

.line p a.current {
color:#DC143C;
text-decoration: none;
}

.line2 {
position: relative;
width: 340px;
height: 45px;
background-image: url(images/bg_left.gif);
background-repeat: repeat-x;
float: left;
}


/*menu start */
.mattblacktabs{
position: relative;
overflow: hidden;
float: left;
background: #c3bfa2;
border-bottom: 2px solid #a59f85;
margin-bottom: 20px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 15px 19px; /*padding inside each tab*/
border-right: 1px solid #948f77; /*right divider between tabs*/
color: #dc143c;
background: #c3bfa2; /*background of tabs (default state)*/
text-transform: uppercase;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #dc143c; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #fff;
}

.right_column {
position: relative;
width: 660px;
height: 100%;
float: left;
padding-bottom: 15px;
background-color: #fff;
}

.right_column .bg_right {
position: relative;
width: 660px;
height: 200px;
float: right;
background-image: url(images/bg_right.jpg);
background-repeat: no-repeat;
}

.left_column {
position: relative;
width: 340px;
height: 100%;
float: right;
}

.shilov {
position: relative;
width: 340px;
height: 460px;
background-image:url(images/shilov.gif);
background-repeat: no-repeat;
float: left;
}

.news_block {
position: relative;
width: 300px;
float: left;
padding: 20px;
}

.news_block p.yes {
font-family: Arial, Helvetica, sans-serif;
color:#185EBD;
font-weight: bold;
font-size: 14px;
margin-top: 20px;
}

.news_block h1 {
background-color: #185ebd;
width: 300px;
color: #ecdb07;
font-size: 36px;
font-family: "Times New Roman", Times, serif;
padding-right: 20px;
background-image: url(images/circle.gif);
background-repeat: no-repeat;
background-position: right;
}

.news_block h1 span {
margin-left: 10px;
}

.news .date {
font-size: 11px;
color: #185ebd;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 5px;
}

.news p.look a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #dc143c;
text-decoration: none;
}

.news p.look a img {
margin-left: 5px;
}

.news .content {
text-align: justify;
margin-bottom: 10px;
}

.news .content a {
color:#185ebd;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
}

.news .content a:hover {
text-decoration: none;
color: #dc143c;
}

.news {
margin-top: 20px;
background-image: url(images/underline.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 20px;
}

.lect {
position: relative;
width: 290px;
padding: 20px;
float: left;
text-align: justify;
padding-bottom: 10px;
}

.lect .date {
font-size: 11px;
color: #dc143c;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 5px;
}

.lect p.look a {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #dc143c;
text-decoration: none;
}

.lect p.look a img {
margin-left: 5px;
}

.lect p.content {
margin-bottom: 10px;
}

.right_column h1 {
position: relative;
float: left;
width: 620px;
color: #185EBD;
font-size: 36px;
font-family: "Times New Roman", Times, serif;
margin-left: 20px;
}

.lect a {
color: #185EBD;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
}

.lect a:hover {
text-decoration: none;
color: #dc143c;
}

.book {
position: relative;
width: 290px;
padding: 20px;
padding-bottom: 10px;
text-align: justify;
float: left;
}

.book p.look a {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #dc143c;
text-decoration: none;
}

.book p.look a:hover {
text-decoration: none;
color: #dc143c;
}

.book p.content {
margin-bottom: 10px;
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

.book p.look a img {
margin-left: 5px;
}

.book img {
margin-right: 10px;
}

.book p a {
color: #185EBD;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
}

.book p a:hover {
text-decoration: none;
color: #dc143c;
}

.underline {
position: relative;
width: 620px;
margin-left: 20px;
background-image: url(images/underline2.gif);
background-repeat: repeat-x;
height: 10px;
margin-top: 25px;
margin-bottom: 10px;
float: left;
}

.footer {
position: relative;
width: 1000px;
height: 80px;
float: left;
}

.footer a.mail {
font-weight: normal;
}

.footer .left_side {
float: left;
position: relative;
width: 340px;
height: 80px;
background-color: #8d8669;
}

.footer .side {
position: relative;
width: 1000px;
height: 80px;
float: right;
background-color: #b1cafa;
}

.footer .left_side p {
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #26241C;
top: 25px;
left: 90px;
}

.footer .left_side span {
color: #dc143c;
}

.side .links {
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #26241C;
left: 345px;
text-align: center;
top: 18px;
}

.links span {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #185EBD;
margin-left: 10px;
margin-right: 10px;
}

.links a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #185EBD;
text-decoration: none;
font-weight: bold;
}

.links a:hover {
text-decoration: none;
color: #dc143c;
}

.links a.current {
text-decoration: none;
color: #dc143c;
}

.links p {
margin-bottom: 7px;
color: #185EBD;
}

.more {
margin-top: 15px;
float: left;
}

.more a {
font-family: Arial, Helvetica, sans-serif;
color: #dc143c;
text-decoration: none;
font-size: 16px;
font-weight: bold;
}

.more a:hover {
text-decoration: none;
}

.more a img {
margin-left: 10px;
}

.right_column .more {
margin-left: 20px;
}

.right_column .more a {
color: #dc143c;
}

.right_column p.hello {
margin-left: 20px;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
width: 620px;
text-align: justify;
text-indent:20px;
}

.right_column p.hello_center {
margin-left: 20px;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
width: 620px;
text-align: justify;
text-align: center;
}

.right_column h1.hello {
margin-bottom: 20px;
margin-top: 15px;
}

p.text {
color:#26241C;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-align: justify;
width: 620px;
margin-left: 23px;
}





#main-menu { float: left; font-size: 120%; font-weight: bold; line-height: 1.25; position: relative; z-index: 10; margin-top: 7px; margin-left: 7px; }
#main-menu ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#main-menu li { float: left; margin-right: 5px; }
#main-menu a { padding: 8px 12px; background-repeat: no-repeat; background-position: left top; color: rgb(34, 34, 34); display: block; text-decoration: none; }
#main-menu a.active, #main-menu a:hover, #main-menu a:focus, #main-menu li:hover a, #main-menu li.hover a { background-position: left bottom; color: rgb(255, 255, 255); }
#menu-item-home a { padding: 0pt; width: 68px; height: 30px; background-image: url('images/picture1.gif'); }
#menu-item-home a span { display: none; }
#menu-item-about a { padding: 0pt; width: 68px; height: 30px; background-image: url('images/picture1.gif'); }
#menu-item-about a span { display: none; }
#menu-item-services a { padding: 0pt; width: 68px; height: 30px; background-image: url('images/picture1.gif'); }
#menu-item-services a span { display: none; }
#menu-item-portfolio a { padding: 0pt; width: 68px; height: 30px; background-image: url('images/picture1.gif'); }
#menu-item-portfolio a span { display: none; }
#menu-item-help a { padding: 0pt; width: 72px; height: 30px; background-image: url('images/help.gif'); }
#menu-item-help a span { display: none; }
#menu-item-weblog a { padding: 0pt; width: 68px; height: 30px; background-image: url('images/picture1.gif'); }
#menu-item-weblog a span { display: none; }
#menu-item-contact a { padding: 0pt; width: 68px; height: 30px; background-image: url('images/picture1.gif'); }
#menu-item-contact a span { display: none; }
#main-menu li:hover .sub-menu, #main-menu li.hover .sub-menu { left: auto; }
#main-menu .sub-menu { background: rgb(245, 245, 245) none repeat scroll 0% 0%; font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 80%; line-height: 1.25; padding-top: 5px; position: absolute; left: -999em; width: 200px; }
#main-menu .sub-menu ul { border-style: none solid solid; border-color: -moz-use-text-color rgb(217, 217, 217) rgb(217, 217, 217); border-width: medium 1px 1px; margin: 0pt; padding: 1px 0pt 10px; background: transparent url('images/dot.gif') repeat-x scroll center top; }
#main-menu .sub-menu li { margin: 0pt; background: transparent url('images/dot.gif') repeat-x scroll center bottom; float: none; padding-bottom: 1px; }
#main-menu .sub-menu li a { padding: 7px 10px 7px 25px; background: transparent url('images/arrow-orange.gif') no-repeat scroll 12px 11px; color: rgb(0, 0, 0); width: auto; height: auto; }
#main-menu .sub-menu li a.active, #main-menu .sub-menu li a:hover { background: rgb(0, 102, 204) url('images/arrow-white.gif') no-repeat scroll 12px 11px; color: rgb(255, 255, 255); }



.aratta {
position: relative;
float: left;
width: 300px;
height: auto;
}

.aratta ul {
margin-left: 25px;
margin-top: 20px;
}

.aratta ul li {
margin-bottom: 10px;
text-transform: uppercase;
color:#DC143C;
font-size: 12px;
list-style-image: url(images/arrow_big.gif);
}

.aratta ul li a {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
font-weight: bold;
}

.aratta ul li a:hover {
color:#DC143C;
}

.aratta ul li a.current {
color:#DC143C;
}

.sape {
position: relative;
float: left;
width: 1000px;
font-size: 10px;
background-color: #fff;
}

.tangram_logo {
position: absolute;
width: 20px;
height: 20px;
top: 10px;
right: 10px;
}