* {
    padding: 0;
    margin: 0;
}
html, body {
        height: 100%;
}
body {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 75%;
        font-size: 13px;
        margin:0px; padding:0px;
        background: #E4E2E2 url('/images/blank.gif') no-repeat;
    background-attachment: fixed;

}
br.clear {
        clear:both;
}
a:link,
a:visited {
        color: #0156C0;
        text-decoration: underline;
}
a:hover {
        color: #0156C0;
        text-decoration:none;
}
#left ul {
        margin-top: 1px;
        /* color: #0156C0; */
}
#left ul li{
        list-style-type: square;
        list-style-position: inside;
        margin-left: 20px;
}
h1 {
        font-size: 75%;
        font-size: 20px;
        color:#DC0202;
        font-weight: normal;
        background: url(../images/1px_blue.gif) 100% 75% repeat-x;
        margin-bottom: 30px;
}
h1 span{
        background-color: #FFFFFF;
        padding-right: 5px;
}
h2 {
        font-size: 18px;
        color:#0156C0;
        font-weight: normal;
        background: url(../images/1px_blue.gif) 100% 75% repeat-x;
        margin-bottom: 30px;
        margin-top: 30px;
}
h2 span{
        background-color: #FFFFFF;
        padding-right: 5px;
}
p {
    	padding-bottom: 5px;
}
#container {
        min-height: 100%;
        background-color: #DDD;
        margin: 0 auto;
        width: 963px;
        background: #FFFFFF url(../images/shadow_repeat.jpg) right repeat-y;
}
* html #container {
        height: 100%;
}
#header {
        height: 304px;
        color: #FFFFFF;
        /*overflow: hidden;*/
}
#header .title {
        width: 290px;
        height: 67px;
        float: left;
        font-size: 24px;
        color: #FFFFFF;
        text-transform: uppercase;
        line-height: 2.8;
        padding-left: 40px;
        background-color:#0156C0;
}
#header .title a {
        font-family: Tahoma, Arial, sans-serif;
        /* font-weight: bold; */
        /* color:#B1CFF3; */
	font-size: 75%;
	font-size: 20px;
        color: #FFFFFF; 
        text-decoration: none;
}
#header .slogan {
        float: left;
        width: 380px;
        background-color:#0156C0;
        color:#B1CFF3;
        padding-top: 22px;
        padding-right: 20px;
        height: 45px;
        font-size:11px;
	font-weight: bold;
        font-family: Tahoma, Arial, sans-serif;
        line-height: 1.2;
}
#header .info {
        width: 233px;
        height: 57px;
        float: left;
        color:#B1CFF3;
        font-weight: bold; 
        font-size: 13px;
        font-family: Tahoma, Arial, sans-serif;
        padding-top: 10px;
        line-height: 1.2;
        background: #0156C0 url(../images/top_shadow.jpg) right top no-repeat;
}
#header .info p.phone {
        font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
        text-transform: uppercase;
        margin-bottom: 0;
        padding-bottom: 0;
}
#header .foto {
        width: 960px;
        height: 233px;
        float: left;
        /*margin-right: 3px;*/
        border-top: 1px solid #DC0202;
        border-bottom: 3px solid #DC0202;
        background: #FFFFFF url(../images/top_image.jpg) 0 3px no-repeat;
}
/*----------------------------------- MENU -------------------------------------*/
#header .foto #menu {
        margin-top: 198px;
        _margin-top: 196px;
        text-align: right;
        float: right;
        background: #0156C0;
        color: #FFFFFF;
        border-top: 3px solid #FFFFFF;
        border-left: 3px solid #FFFFFF;
        height: 29px;
}
#header .foto #menu ul#nav {
        height: 21px;
        margin-top: 5px;
        display: inline;
}
#header .foto #menu ul#nav li {
        font-family: Tahoma, Arial, sans-serif;
        font-size: 14px;
        height: 21px;
        color: #FFFFFF;
        margin-left: 0;
        display: inline;
        float:left;
        background:url(../images/border.gif) right 5px no-repeat;
        border-bottom: 3px solid #B1CFF3;
        padding-top: 5px;
        position: relative;
}
#header .foto #menu ul#nav li.last {
        background: none;
}
#header .foto #menu ul#nav li a:link,
#header .foto #menu ul#nav li a:visited {
        color: #FFFFFF;
        text-decoration: none;
        background: url(../images/arrow.gif) 9px 7px no-repeat;
        padding: 2px 25px 7px 16px;
        display:block;
        float: left;
}
#header .foto #menu ul#nav li a:hover,
#header .foto #menu ul#nav li a.active:link,
#header .foto #menu ul#nav li a.active:visited,
#header .foto #menu ul#nav li a.active:hover {
        color: #0156c0;
        text-decoration: none;
        background: #b1cff3 url(../images/arrow_red.gif) 9px 7px no-repeat;
        padding: 2px 25px 7px 16px;
        display:block;
        float: left;
}
#header .foto #menu ul#nav li:hover ul{
        display: block;
}
#header .foto #menu ul#nav li:hover ul,
#header .foto #menu ul#nav li.over ul { display: block; }
/*---------------------------------- 2 �������----------------------------------------------*/
#header .foto #menu ul#nav li ul {
        position: absolute;
        z-index: 1000;
        left: -1px;
        top: 28px;
        _top: 30px;
        display: none;
        border: 1px solid #b6d2f4;
        background-color: #FFFFFF;
        padding-top: 5px;
        padding-bottom: 5px;
        overflow: hidden;
        width: 240px
        /*_width: 145px;*/
}
#header .foto #menu ul#nav li ul li {
        display:block;
        padding: 0 0 0 18px;
        text-align: left;
        border: 0;
        background: none;
        overflow: hidden;
        width: 100%;
}
#header .foto #menu ul#nav li ul li a span {
        /*margin: 0 0 0 16px;*/
        padding: 0 0 0 10px;
}
#header .foto #menu ul#nav li ul li a:link,
#header .foto #menu ul#nav li ul li a:visited{
        color: #000000;
        font-size: 12px;
        display: block;
        white-space:normal;
        background-image: none;
        border:0;
        width: 100%;
        margin:0;
        padding:2px 0;
}
#header .foto #menu ul#nav li ul li a:hover{
        background-color: #b1cff3;
        color:#0156c0;
        font-size: 12px;
        display: block;
        white-space:normal;
        background-image: none;
        border:0;
        width: 100%;
        margin:0;
        padding:2px 0;
}
/* Fix IE. Hide from IE Mac \*/
* html #header .foto #menu ul#nav li { float: left; height: 1%;}
* html #header .foto #menu ul#nav li a { height: 1%; }
/* End */
/*----------------------------------- /MENU -------------------------------------*/
#left {
        width:542px;
        float:left;
        margin-right: 3px;
        padding-left: 108px;
        padding-right: 70px;
        padding-top:40px;
        font-size: 13px;
        line-height: 1.3;
        text-align: justify;
        background-color: #FFFFFF;
        padding-bottom: 50px;
        margin-bottom:92px;
}
#left p{
        font-size: 13px;
        text-align: justify;
        padding:7px 0 0 0;
}
#left li{
	font-size: 13px;
    	margin-left:35px;
        line-height: 1.3;
}

#left .gallery {
        margin-right: 20px;
        text-align: right;
        background: #E4E2E2 url(../images/gal_right.gif) right repeat-y;
        margin-bottom: 25px;
        margin-top: 25px;
}
#left .gallery .gall_wrap{
        text-align: right;
        background: url(../images/gal_bot.gif) bottom repeat-x;
}
#left .gallery  .gall_wrap_corner {
        background: url(../images/top.gif) top right no-repeat;
}
#left .gallery  .gall_wrap_corner .gall_wrap_corner_bot {
        background: url(../images/right.gif) bottom right no-repeat;
}
#left .gallery .gall_wrap img {
        border: 5px solid #FFFFFF;
        margin: 12px;
        vertical-align: top;
}
/*---------------- ����� ��� ������ ��������� ------------------*/
a.more:link,
a.more:visited {
        color: #0156C0;
        font-size: 12px;
        text-decoration: underline;
        line-height: 3;
        margin-right: 10px;
}
a.more:hover {
        color: #0156C0;
        font-size: 12px;
        text-decoration: none;
        line-height: 3;
        margin-right: 10px;
}
/*---------------- /����� ��� ������ ��������� ------------------*/
table.zebra td.odd {
        background-color: #E6E6E6;
}
table.zebra {
        /*margin-right: 30px;
        margin-left: 3px;
        width: 510px;*/
}
table.zebra td {
        padding: 5px 10px 5px 5px;
}

sup {
        font-size: 9px;
        line-height:0.8;
}
/*------------------------ RIGHT ------------------------------*/
#right {
        background-color: #FFFFFF;
        margin: 58px 3px 92px 723px;
}
#right .office {
        background-color: #E4E2E2;
        padding-top: 4px;
        margin-right: 10px;
        font-size: 13px;
        text-align: right;
        padding-bottom: 25px;
}
#right .office p{
        margin-left: 20px;
        margin-top: 5px;
        line-height: 1;
        text-align: left;
}
#right .office .title{
        color: #FFFFFF;
        font-size: 18px;
        background: #DC0202 url(../images/red_right.gif) right top no-repeat;
        width: 213px;
        text-align: left;
        margin-bottom: 25px;
}
#right .office a.more{
        line-height: 2;
}
#right .office .title .title_wrapper {
        background: url(../images/red_bottom.gif) bottom no-repeat;
        padding: 5px 7px 10px 23px;
        text-align: left;

}
#right .office .title h3{
        display: block;
        text-align: left;
}
#right .office .foto {
        background-color: #FFFFFF;
        margin: 9px 0 6px 21px;
        text-align: left;
}
#right .office .foto img {
        border: 5px solid #FFFFFF;
        text-align: left;
}
/**/
#right .adress {
        background-color: #E4E2E2;
        padding-top: 4px;
        margin-right: 10px;
        margin-top: 20px;
        font-size: 12px;
        text-align: right;
        padding-bottom: 25px;
}
#right .adress p{
        margin-left: 20px;
        margin-top: 5px;
        line-height: 1.2;
        text-align: left;
}
#right .adress ul{
        line-height: 1.2;
        text-align: left;
}
#right .adress li{
        line-height: 1.3;
        text-align: left;
}
#right .adress .title{
        color: #FFFFFF;
        font-size: 18px;
        background: #0156C0 url(../images/red_right.gif) right top no-repeat;
        width: 213px;
        text-align: left;
        margin-bottom: 25px;
}
#right .adress a.more{
        line-height: 2;
}
#right .adress .title .title_wrapper {
        background: url(../images/red_bottom.gif) bottom no-repeat;
        padding: 5px 7px 10px 23px;
        text-align: left;
}
#right .adress .title h3{
        display: block;
        text-align: left;
}
#right .adress img {
        border: 1px solid #0156C0;
        margin-right: 20px;
}

#optima-map span {
        font-size:9px;
        float:right;
        display:block
}
#optima-map a{
        font-size:0px;
        float:right;
	text-align: right;
        display:block
}
/*------------------------ /RIGHT ------------------------------*/
#footer {
        height: 92px;
        margin-top: -92px;
        width: 963px;
        margin-right: auto !important;
        margin-left: auto !important;
        background: #0156C0 url(../images/shadow_repeat.jpg) right repeat-y;
        color: #B1CFF3;
}
#footer .footer_inner {
        position: absolute;
        margin-top: 1px;
        border-top: 5px solid #FFFFFF;
        width: 905px;
        padding: 20px 20px 0px 35px;
        font-weight: bold;
        font-size: 13px;
}
#footer .footer_inner p {
        font-weight: bold;
        font-size: 13px;
        font-family: Tahoma, Arial, sans-serif;
}
#footer .footer_inner .copy {
        float: right;
        font-size: 11px;
        line-height:1.2;
}
#footer a:link,
#footer a:visited {
        color: #B1CFF3;
        text-decoration: underline;
}
#footer a:hover {
        color: #B1CFF3;
        text-decoration: none;
}
/*------------------------ /FREE-OFFICES ------------------------------*/
.square { color:#CC0000; text-align:center;}