* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #fff;
	overflow: hidden;
}

#mainc {
	width: 1024px;
	height: 690px;
	background-image: url(images/background.jpg);
}

#logoc {
	width: 350px;
	height: 65px;
	float: left;
	margin-top: 73px;
}

#logo {
	width: 230px;
	height: 65px;
	float: right;
	margin: 0px 25px 0px 0px;
}

#intro_main {
	width: 230px;
	top: 6px;
    height: 17px;
    left: 110px;
    margin-right: 25px;
    margin-top: 80px;
    position: relative;
}

#intro {
	height: 17px;
	width: 30px;
	float: left;
}

#intro img {
	float: left;
}

#introlink {
	height: 17px;
	width: 30px;
	background: url(images/intro_href.png) no-repeat 0 2px;
	float: left;
	margin-left: 4px;
}

#toparrow {
	width: 50px;
	height: 33px;
	float: right;
	margin: 32px 0px 0px 0px;
}

.products_field {
	float: left;
	width: 548px;
	height: 440px;
	position: relative;
	right: 360px;
	text-align: left;
	font-size: 0.7em;
	top: 2px;
}

#prod .leftside, .rightside {
	width: 270px;
	height: 440px;
	float: left;
}

#prod img {
	margin-left: 10px;
	margin-top: 5px;
}

#prod .leftside {
	margin-top: 5px;
}
#prod .leftside_sp {
	margin-top: 5px;
}

#prod .leftside_sp p {
	padding-right: 10px;
}

#prod h2, h3, h4 {
	background: #7EA511;
	color: #fff;
	margin-right: 4px;
	margin-left: 4px;
}

#prod p {
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#prodGlue{
	float: left;
    height: 439px;
    left: 310px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 130px;
}
.glueName{
	background:none repeat scroll 0 0 #7EA511;
    float: left;
    margin: 0 2px 5px 0;
    width: 128px;
}

.glueName a{
	color: #FFFFFF;
    display: table;
    margin: 0 auto;
}
#prodGlueItem{
	bottom: 435px;
    float: left;
    height: 440px;
    position: relative;
    right: 360px;
    text-align: left;
    width: 640px;
}

.glueDesc, .glueTech, .glueUsage{
	display: block;
	width: 640px;
}

.glueDesc p, .glueTech p, .glueUsage p{
	padding-left: 10px;
	font-size: 0.7em;
    margin-top: 5px;
}

.glueTech h3, .glueUsage h3, .glueDesc h3{
   font-size: 14px;
    padding-left: 9px;
    margin-top: 9px;
}

.glueMisc1, .glueMisc2, .glueMisc3{
	float: left;
	width: 212px;
}

.glueMisc1 p, .glueMisc2 p, .glueMisc3 p{
	font-size: 0.7em;
    margin-top: 5px;
    padding: 5px 10px;
}

.glueMisc1 h3, .glueMisc2 h3, .glueMisc3 h3{
	font-size: 14px;
    padding-left: 9px;
    margin-top: 9px;
}
#mainright {
	width: 650px;
}

/*Language menu*/

.langnav {
	width: 650px;
	height: 80px;
}

#lv {
	width: 33px;
	height: 80px;
	float: left;
	background: #BCB9A4;
	cursor: pointer;
}

#rus {
	width: 33px;
	height: 80px;
	float: left;
	background: #D9D4B2;
	cursor: pointer;
}

#eng {
	width: 33px;
	height: 80px;
	float: left;
	background: #ADC600;
	cursor: pointer;
}

/*Content*/

#content {
	width: 610px;
	height: 360px;
	margin: 25px 40px 0px 0px;
}

#field1 {
	width: 648px;
	height: 300px;
	float: left;
	position: relative;
	bottom: 25px;
}

.field1 {
	width: 392px;
	height: 300px;
	float: left;
	position: relative;
}

.field2 {
	float: right;
	position: relative;
	background-image: url(images/block.png);
	width: 151px;
	height: 186px;
}

.field3 {
	background: url("images/block2.png") no-repeat scroll left top transparent;
    bottom: 365px;
    float: left;
    height: 134px;
    left: 47px;
    position: relative;
    width: 151px;}
.field3 a{
	display: table;
    font-size: 12px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 85px;
    text-align: center;
    }

.field31{
	float: right;
	position: relative;
	width: 151px;
	height: 134px;
	background: url(images/block2.png) no-repeat left top;
	margin-top: 5px;
}
.field31 a{
	display: block;
	padding-top: 78px;
	padding-right: 57px;
}
#map {
	width: 402px;
	height: 280px;
	float: left;
	border: 2px solid #333;
	margin-top: 16px;
	overflow: hidden;
}

#map #logocontrol {
	display: none;
}

#map span {
	display: none;
}

#map a {
	display: none;
}

/*Footer*/

#footer {
	width: 1024px;
	height: 40px;
	margin-top: 120px;
}

#mainintro {
	margin: auto;
	background: #E2E0D3;
	width: 1010px;
	height: 100%;
}

#footerintro {
	margin: 0px;
	background: #E2E0D3;
	padding: 30px 0;
	width: 1010px;
}

#dev {
	width: 122px;
	height: 20px;
	background-image: url('images/developed_by.png');
}

/*Misc*/

a, img {
	text-decoration: none;
	border: 0px;
	color: black;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

/**	style used for both examples MENU **/

.menu {
	height: 33px;
	display: block;
	margin: 25px 40px 0px 0px;
}

.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu ul li {
	/*

width and height of the menu items */  
			float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	line-height: 33px;
}

.menu ul li a {
	/*

must be postioned relative  */ 
			position: relative;
	display: block;
	width: 110px;
	height: 33px;
	font-family: Arial;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.menu ul li a span {
	/*

all layers will be absolute positioned */
			position: absolute;
	left: 0;
	width: 110px;
}

.menu ul li.active a span.out {
	background: #7EA511;
	color: #fff;
}

.menu ul li a span.over,
		.menu ul li a span.bg {
	/*

hide */  
			top: -45px;
}

/** 2nd example **/

#menu2 {
	background: #A0BF09;
}

#menu2 ul li a {
	color: #333;
}

#menu2 ul li a span.over {
	background: #7EA511;
	color: #fff;
}