body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight: normal;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border-bottom: .1em dotted; cursor:help; font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select {font-family: inherit; font-size:inherit; font-weight:inherit;}
legend {color: #000;}

body {
	background-color: #cbcbcb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2{
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0;
}

a {
  color: #787d85;
}
a:hover {
  color: #9dcbe6;
}

#content ul.list {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
  
}

div#container {
	position: relative;
	width: 928px;
	margin: 0 auto;
	/*border: 1px solid blue;*/
}
div#container div#contentLeftBorder {
	width: 100%;
	background: #32353b url(images/bg_content_left.gif) repeat-y top left;
}
div#container div#contentRightBorder {
	width: 100%;
	background: transparent url(images/bg_content_right.gif) repeat-y top right;
}

div#container div#header {
	width: 892px;
	height: 306px;
	margin: 0 0 0 18px;
	background: transparent url(images/bg_header.jpg) no-repeat top left;
}

div#container div#content div#gallery img{
	border-left: none; 
	height: 120px;
	margin: 1px 1px;
}

div#container div#content div#gallery a {
	width: 160px;
	overflow: hidden;
	display: inline-block;
}
div#container div#content img{
	height: 130px;
	/*border-left: 20px solid #60646b;*/
	margin: 5px 0 5px 20px;
}

div#container div#content img.map{
	height: 478px;
	border-left: 20px solid #60646b;
	margin: 0;
}
div#container div#navbar {
	position: relative;
	margin: 0 0 20px -24px;
	padding: 20px 0 0 0;
	width: 702px;
	height: 53px;
	background: url(images/bg_navbar.jpg) no-repeat 0 0;
	z-index: 600;
    /*border: 1px solid blue;*/
}

div#container div#navbarEn {
	position: relative;
	margin: 0 0 20px -24px;
	padding: 20px 0 0 0;
	width: 702px;
	height: 53px;
	background: url(images/bg_navbar.jpg) no-repeat 0 0;
	z-index: 600;
    /*border: 1px solid blue;*/
}
div#container div#content {
	min-height: 600px;
	height: auto !important ;
	height: 600px;
	width: 655px;
	margin: 0 0 0 136px;
    padding: 0 0 0 0;
    text-align: justify;
    color: #787d85; font-size: 0.7em; padding: 0 0 10px 0;
    /*border: 1px solid red;*/
}

div#container div#content ul{
	padding: 10px 30px;
}

div#container div#content ul label{
	font-weight: bold;
	position: relative;
	bottom: 10px;
	right: 19px;
}

div#container div#content ul li{
	list-style-type: square;
  	list-style-position: outside;
  	padding-left: ;
  
}


div#container div#footer {
    clear:both; 
	width: 90%;
	/*height: 85px;*/
	margin: 50px 0 0 45px;
	padding: 55px 0 10px 0;
    background: transparent url(images/bg_footer.jpg) no-repeat 50px 0;
	/*border: 1px solid green;*/
	overflow: hidden;
}

#sFlash { width:892px; height:306px; position:absolute; left:17; top:0; }

div#container div#header div#locale {position: absolute; width: 58px; height: 13px; margin: 257px 0 0 799px; /*border: 1px solid red;*/}
div#container div#header div#locale a {float: left; display: block; width: 26px; height: 13px; /*border: 1px solid yellow;*/}
div#container div#header div#locale a#ru {background: url(images/ru_en_sprite.jpg) no-repeat 0px 0px;}
div#container div#header div#locale a#en {background: url(images/ru_en_sprite.jpg) no-repeat -27px 0px;}

div#container div#header div#locale a#ru:hover {background: url(images/ru_en_sprite.jpg) no-repeat -55px 0px;}
div#container div#header div#locale a#en:hover {background: url(images/ru_en_sprite.jpg) no-repeat -82px 0px;}

div#container div#header div#locale a#ruAct {background: url(images/ru_en_sprite.jpg) no-repeat -55px 0px;}
div#container div#header div#locale a#enAct {background: url(images/ru_en_sprite.jpg) no-repeat -82px 0px;}

div#container div#content div#navbar ul {list-style-type: none; height: 34px; padding: 0 0 0 0; /*border: 1px solid yellow;*/}
div#container div#navbar ul li {width: 123px; height: 34px; float: left; list-style-type: none;/*border: 1px solid yellow*/}

div#container div#content div#navbar ul li a {text-decoration: none; display: block; text-align: center; width: 100%; height: 100%;}
div#container div#content div#navbar ul li#navbarAbout a {background: url(images/navbar.jpg) no-repeat 0px 0px;}
div#container div#content div#navbar ul li#navbarInfroStructure a {background: url(images/navbar.jpg) no-repeat -123px 0px;}
div#container div#content div#navbar ul li#navbarProducts a {background: url(images/navbar.jpg) no-repeat -246px 0px;}
div#container div#content div#navbar ul li#navbarContacts a {background: url(images/navbar.jpg) no-repeat -369px 0px;}

div#container div#content div#navbar ul li#navbarNews a {background: url(images/navbar.jpg) no-repeat -492px 0;}

div#container div#content div#navbar ul li#navbarAbout a:hover {background: url(images/navbar.jpg) no-repeat 0px -34px;}
div#container div#content div#navbar ul li#navbarInfroStructure a:hover {background: url(images/navbar.jpg) no-repeat -123px -34px;}
div#container div#content div#navbar ul li#navbarProducts a:hover {background: url(images/navbar.jpg) no-repeat -246px -34px;}
div#container div#content div#navbar ul li#navbarContacts a:hover {background: url(images/navbar.jpg) no-repeat -369px -34px;}

div#container div#content div#navbar ul li#navbarNews a:hover {background: url(images/navbar.jpg) no-repeat -492px -34px;}

div#container div#content div#navbar ul li#navbarAboutAct a {background: url(images/navbar.jpg) no-repeat 0px -72px;}
div#container div#content div#navbar ul li#navbarInfroStructureAct a {background: url(images/navbar.jpg) no-repeat -123px -72px;}
div#container div#content div#navbar ul li#navbarProductsAct a {background: url(images/navbar.jpg) no-repeat -246px -72px;}
div#container div#content div#navbar ul li#navbarNewsAct a {background: url(images/navbar.jpg) no-repeat -492px -72px;}

div#container div#content div#navbar ul li#navbarContactsAct a {background: url(images/navbar.jpg) no-repeat -369px -72px;}
div#container div#content div#navbar ul li#rightShadowCorner {background: url(images/navbar_rightShadowCorner.jpg) no-repeat 0px 0px; width: 43px; height: 34px;}
div#container div#content div#navbar ul li#leftShadowCorner {background: url(images/navbar_leftShadowCorner.jpg) no-repeat 0px 0px; width: 43px; height: 34px;}

/*Навигация EN*/
div#container div#content div#navbarEn ul {list-style-type: none; height: 34px; padding: 0 0 0 60px; /*border: 1px solid yellow;*/}
div#container div#navbarEn ul li {list-style-type: none;width: 123px; height: 34px; float: left; /*border: 1px solid yellow*/}

div#container div#content div#navbarEn ul li a {text-decoration: none; display: block; text-align: center; width: 100%; height: 100%;}
div#container div#content div#navbarEn ul li#navbarAbout a {background: url(images/navbar_en.jpg) no-repeat 0px 0px;}
div#container div#content div#navbarEn ul li#navbarInfroStructure a {background: url(images/navbar_en.jpg) no-repeat -123px 0px;}
div#container div#content div#navbarEn ul li#navbarProducts a {background: url(images/navbar_en.jpg) no-repeat -246px 0px;}
div#container div#content div#navbarEn ul li#navbarContacts a {background: url(images/navbar_en.jpg) no-repeat -369px 0px;}

div#container div#content div#navbarEn ul li#navbarAbout a:hover {background: url(images/navbar_en.jpg) no-repeat 0px -34px;}
div#container div#content div#navbarEn ul li#navbarNews a {background: url(images/navbar_en.jpg) no-repeat -492px 0px;}
div#container div#content div#navbarEn ul li#navbarNews a:hover {background: url(images/navbar_en.jpg) no-repeat -492px -34px;}
div#container div#content div#navbarEn ul li#navbarProducts a:hover {background: url(images/navbar_en.jpg) no-repeat -246px -34px;}
div#container div#content div#navbarEn ul li#navbarContacts a:hover {background: url(images/navbar_en.jpg) no-repeat -369px -34px;}

div#container div#content div#navbarEn ul li#navbarAboutAct a {background: url(images/navbar_en.jpg) no-repeat 0px -72px;}
div#container div#content div#navbarEn ul li#navbarInfroStructureAct a {background: url(images/navbar_en.jpg) no-repeat -123px -72px;}
div#container div#content div#navbarEn ul li#navbarProductsAct a {background: url(images/navbar_en.jpg) no-repeat -246px -72px;}
div#container div#content div#navbarEn ul li#navbarContactsAct a {background: url(images/navbar_en.jpg) no-repeat -369px -72px;}

div#container div#content div#navbarEn ul li#navbarNewsAct a {background: url(images/navbar_en.jpg) no-repeat -492px -72px;}

div#container div#content div#navbarEn ul li#rightShadowCorner {background: url(images/navbar_rightShadowCorner.jpg) no-repeat 0px 0px; width: 43px; height: 34px;}
div#container div#content div#navbarEn ul li#leftShadowCorner {background: url(images/navbar_leftShadowCorner.jpg) no-repeat 0px 0px; width: 43px; height: 34px;}
/*Навигация EN end*/




div#container div#content div.captionLine {background-color: #4c5057; height: 22px; margin: 20px 0 15px 0;}
div#container div#content div.captionLine span {float: left; background-color: #787d85; color: #32353b; font-size: 1.1em; text-transform: uppercase; line-height: 22px; padding: 0 20px 0 20px;}

div#container div#content h6 {
	background-color: #4c5057;
	padding: 5px;
	text-transform: uppercase;
	margin-bottom: 10px;
	}
div#container div#content p {color: #787d85; padding: 0 0 10px 0;}
div#container div#content p.list {height: 260px; color: #787d85; font-size: 0.6em; padding: 0 0 10px 0; letter-spacing: 1px; overflow: hidden; text-indent: 0;}
div#container div#content ul.textStyle1 {color: #787d85; font-size: 0.6em; padding: 0 0 10px 0; letter-spacing: 1px; width: 96%; margin: 0 0 0 0px;}
div#container div#content ul.textStyle1 li {/*text-indent: 20px;*/ list-style-type: square; margin-left: 30px;}
div#container div#content img.style1 {float: right; width: 155px; height: 200px; border-left: 20px solid #60646b; margin: 5px 0 5px 5px;}
div#container div#content img.style2 {float: left; width: 192px; /*height: 86px;*/ border-left: 20px solid #60646b; margin: 20px 0 0 6px;}
div#container div#content img.style3 {float: right; width: 350px; height: 250px; border-left: 20px solid #60646b; margin: 0 0 0 10px;}
div#container div#content img.style4 {float: left; width: 350px; height: 250px; border-left: 20px solid #60646b; margin: 0 10px 0 0;}

div#container div#content ul.textStyle2 {color: #787d85; font-size: 0.6em; padding: 0 0 5px 0; letter-spacing: 1px; margin: -7px 0 0 0px;}
div#container div#content ul.textStyle2 li {/*text-indent: 20px;*/  margin-left: 15px; list-style-type: square; list-style-position: outside;}
div#container div#content ul.textStyle2 li span {font-weight: bold; color: #b1b6c2;}

div#container div#content p.bottomBorder {border-bottom: 1px dashed #787d85;}


div#container div#footer p {float: right; color: #5a5c61; font-size: 0.7em; padding: 0 105px 0 3px; border-left: 1px solid #5a5c61; margin-left: 5px;}
div#container div#footer img#johnLogo {width: 100px; height: 26px; border: none; float: right; margin: 3px 20px 0 0;}
div#container div#footer img#aquamarinLogo {width: 24px; height: 31px; border: none; float: right;}


.FlowPlayer { display:block; width:520px; height:330px; margin:10px auto; }
.media { margin:10px auto; }
#Photos { clear:both; height:111px; }