* {margin: 0; padding: 0;}
html,body {height: 100%; width:100%;}
img, div {behavior: url(iepngfix.htc); border: none; /*border: 2px solid;*/}

.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;} /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
.sticker {height: 210px; width: 210px; position: relative; float: left; clear: none; background-repeat: no-repeat; /*border: 1px solid green;*/}
.sky {height: 60px; background-image: url(img/bg_sky.jpg); background-repeat: repeat-x; border: none; /*border:2px solid #00f;*/}

.-------------------------------------{}

.mmenu {height:72px; background: url(img/bg_menu.jpg) repeat-x;}
.mmenucenter {width:760px; height:64px; position:relative; margin:0px auto 0px auto; text-align: center; background: none;}
.menupoint {height: 64px; width: 180px; background: url(img/menupoint.png) no-repeat; position:relative; clear: left; float: right; text-align: center;}
.menupoint a {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px; color: #600; text-align: center; line-height: 350%;}
.menupoint a:hover		{color: #C00;}
.menupoint .about		{background-position: 0px 0px;}
.menupoint .service		{background-position: 0px -64px;}
.menupoint .contacts	{background-position: 0px -128px;}

.-------------------------------------{}

.flag {height: 77px; width: 55px; background-repeat: no-repeat; position: relative; float:right; clear: left; margin: -18px -55px 0px 0px;}
.flag a {border: none; outline: none; border: none;}
.eng {background-image: url(img/flag_eng.png);}
.rus {background-image: url(img/flag_rus.png);}

.-------------------------------------{}

.main {width:760px; height:580px; position:relative; margin:0px auto 0px auto; text-align: center; background: none;}

.-------------------------------------{}

h1 {text-align:right; font-weight: normal; color: #006; font-family: Georgia, "Times New Roman", Times, serif; font-size: 170%;}
p {font-family: Verdana, Geneva, sans-serif; text-align: left; font-size: 12px;}

.--------ABOUT STYLES-----------------{}

.logo_about {width:200px; height:200px; background: url(img/logo_about.png) no-repeat; float:right; clear:left; position: relative; margin: 10px 0px -210px 0px;}
.about_pages {height: 440px; width: 520px; background: url(img/about_pages.png) no-repeat; float: right; clear: left; position: relative; margin: 0px;}
.about_header {margin-top: 120px; margin-right: 80px; text-align:right;}
.about_text {line-height: 1.5em; font-size: 12px; margin: 10px 50px 0 55px;}
.polar {height: 245px; width: 270px; background-repeat: no-repeat; position: relative; float: left; clear: right;}
.p1 {background-image: url(img/ab_polar1.png); margin: 185px 0 0 -220px; z-index: 1000;}
.p2 {background-image: url(img/ab_polar2.png); margin: -5px 0px 0px 140px;}
.binocular {height: 430px; width: 490px; position: relative; float: left; clear: right; background: url(img/binocular.png) no-repeat; margin: 250px 0px 0px -500px; z-index: 1100;}

.--------SERVICE STYLES---------------{}

.logo_service {width:200px; height:200px; background: url(img/logo_service.png) no-repeat; position: relative; float:right; clear:left; margin: 10px 0px -210px 0px;}
.service_pages {height: 755px; width: 545px; background: url(img/service_pages.png) no-repeat; position: relative; float: right; clear: left; margin: 0px -40px auto auto;}
.service_header {text-align: right; margin-top: 55px; margin-right: 80px;}
.service_text {font-size: 12px; line-height: 1em; margin-top: 10px; margin-right: 60px; margin-bottom: 1em; margin-left: 50px;}
.service_bullet {font-weight: bold; font-size: 12px; color: #003366; line-height: 1em; margin-bottom: -0.5em;}
.abaka {height: 600px; width: 420px; background: url(img/abaka.png) no-repeat; position: relative; float: left; clear: right; margin: 200px 0 0 -390px;}
.shell {height: 176px; width: 160px; background: url(img/shell.png) no-repeat; position: relative; float: right; clear: none; margin: 100px -110px 0 0;}
.zerno {height: 210px; width: 210px; background: url(img/zerno.png) no-repeat; position: relative; float: right; clear: none; margin: 330px -210px 0 0; text-align: center;}
.zerno_text {font-size: 11px; font-weight: bold; color: #036; text-decoration: none; text-align:left; letter-spacing: -0.1ex; display: block; margin-top: -90px; margin-left: 14px;}

.--------CONTACTS STYLES--------------{}
/*Logo*/
.c1 {height: 380px; width: 220px; background: url(img/logo_contacts.png) no-repeat; z-index: 1200; margin: -74px 0 0 0;}
.c1 p {font-size:11px; line-height: 1.4em; margin: 165px 0 auto 18px;}

/*Director*/
.c2 {background: url(img/cont1.png); margin: 0 0 0 80px;}
.c2 p {font-size: 11px; margin: 60px 0 auto 16px;}

/*Header*/
.c3 {height: 116px; width: 204px; background: url(img/contacts_pages.png); float: right; clear:right; margin: 10px -40px 0 0;}
.c3 h1 {margin: 36px 30px 0 0;}

/*Sales*/
.c4 {margin: -190px -40px 0 0; background: url(img/cont2.png); float: right; clear: none;}
.c4 p {font-size: 11px; margin: 60px 0 auto 16px;}

/*Circul*/
.c5 {height: 180px; width: 284px; margin: -60px 0 0 -70px; background-image: url(img/circul.png); z-index: 100;}

/*Mappa*/
.c6 {height: 400px; width: 550px; margin: -20px 0 0 -380px; background-image: url(img/mappa.png); z-index: 90;}

/*Broker*/
.c7 {background: url(img/cont3.png); margin: -65px 0 0 -40px;}
.c7 p {font-size: 11px; margin: 75px 0 auto 24px;}

/*Compass*/
.c8 {height: 360px; width: 360px; background-image: url(img/compass.png); float: right; clear: none; margin: -10px -180px 0 0px;}