html, body {
	height: 100%;	
}

body { 
	font: .75em Verdana, sans-serif;
	line-height: 1.4em;
	color: #383838; 
	background:#fff url("/i/bg.png") repeat-x top; 
	width:100%; 
	height:100%; 
	margin:0; padding:0;
}


h1,h2,h3,h4,h5,h6 {	
	font-family: Georgia, Serif;	
	font-weight: lighter;
	color: #3e3e3e;
	margin: 10px 0;
	line-height: 1.2em;
}

h1 {
	font-size: 2.7em;
}

h1 span{
	font-size: .7em;
	white-space: normal;	
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
	
}

h4 {
	font-size: 1.4em;
}

p{
	margin: 10px 0;
	text-indent: 0em;
}

acronym {cursor:help; border-bottom:1px dotted #333; font-style: normal;}
sup, sub {  vertical-align: middle;  position: relative;  font-size: 75%; }
sup { bottom: 0.5em; }
sub { top: 0.5em; }
small {font-size:.9em;}
big {font-size:1.2em;}


a{
	color: #1143aa;	
}

.clear:after {content: "."; display: block; height: 0;  clear: both; visibility: hidden;}

/*макет*/
#pageLayout{
	min-height: 100%;
	min-width: 1000px;
	position: relative;
	margin-bottom: -100px;		
}

* html #pageLayout {
	height: 100%;
	width: 100%;
}

/* контент */
#wrapper {	
	width: 100%;
	max-width: 1280px;
	margin: 0px auto;
	height: 100%;		
	position: relative;	
	padding-bottom: 100px;	
	clear: both;
}

#header{			
	padding: 0px 0 0 0px;
}


#wrapper #header h1 {
	background: url("/i/logo.png") no-repeat;
	display: block;
	width: 277px;
	height: 217px;
	margin: 0;
	text-decoration: none;	
	position: relative;
	z-index: 100000;
	top: 0;
	left: 0px;
}


#wrapper #header h1 a, #wrapper #header h1 a:hover{	
	display: block;
	width: 240px;
	height: 217px;
	text-decoration: none;	
	position: absolute;
	z-index: 100000;		
	left: 20px;
}


#wrapper #header h1 a span{
	display: none;
}


/* меню */
#menu{	
	font-size: 1.1em;
	position: absolute;
	top: 20px;
	left: 50%;
	margin: 0 0 0 -22%;
	z-index: 100000;
}

#menu li {
	float: left;
	margin: 0;
}

#menu li a{
	color: #fff;	
	float: left;
	text-decoration: none;	
	width: 135px;	
	text-align: center;
	padding: 5px 0 0 0;		
}

#menu li a:hover{
	text-decoration: underline;
}

#menu a.active{
	background: url("/i/menu_active.png") no-repeat center top;
	width: 135px;
	height: 26px;
	text-align: center;	
	margin: 0px 0 0px 0;	
	color: #fff;
}

#menu a.active:hover{
	text-decoration: none;
}

#preLayout{
	margin: -110px auto 0 auto;	
	display: block;
	clear: both;
	overflow: hidden;
	position: relative;
	height: 373px;	
	position: relative;
	z-index: 10000;
	
}

/* блок контактов */
#contacts{
	font-family: Georgia, Serif;
	font-size: 3em;
	color: #fff;
	line-height: 1.2em;
	margin: 155px 0 0 90px;
	float: left;
}

#contacts .phone{
	clear: both;
	display: block;
	margin: 0 0 0 -65px;
}

#contacts .code{
	font-size: .5em;
	color: #5E809B;
	line-height: 1em;
	vertical-align: middle;	
}

.contacts{
	font-family: Georgia, Serif;
	font-size: 3em;
	color: #fff;
	line-height: 1.2em;
	margin: 0 0 0 40px;	
}

.contacts .phone{
	clear: both;
	display: block;
	margin: 0 0 0 -65px;
}

.contacts .code{
	font-size: .5em;
	color: #5E809B;
	line-height: 1em;
	vertical-align: middle;	
}


#preLayout #about{
	/* блок о компании */
	float: left;
	width: 37%;
	display: block;
	color: #fff;
	left: 28%;
	position: absolute; 
}

#preLayout #about h2{
	/* блок о компании */
	color: #d8f290;	
	font-size: 3em;
}


#preLayout #geo{
	/* география */					
	background: url("/i/irkmap.png") no-repeat;	
	width: 373px;
	height: 351px;		
	margin: 30px 0 0 0px;
	position: absolute;	
	left: 69%;
	z-index: 1000;
}

#preLayout #geo .text{
	width: 45%;
	font-size: .9em;
	margin: -20px 0 0 -15px;
	line-height: 1.2em;
	color: #a7d3d4;
}

#preLayout #geo .text h2{
	color: #fff;
}

#preLayout #geo .text a{
	color: #fff;
}


/* контент контент контент */
#contentLayout{
	margin: 25px auto 15% auto;
	//margin: 25px auto 10% auto;		
	display: block;
	clear: both;
	width: 90%;	
	font-family: Verdana, Tahoma, Arial;	
}

/* боковое меню, главная */
.menu_desc{
	width: 28%;
	margin: 0 0 0 -30px;
	position: relative;
	z-index: 1000;
	//top: -50px;
}

.menu_desc li{
	margin: 25px 0;	
	height: 44px;
	padding: 3px 0 0 50px;
}

.menu_desc .coro{
	background: url("/i/icon_coro.png") no-repeat;
}

.menu_desc .mont{
	background: url("/i/icon_mont.png") no-repeat;
}

.menu_desc .stro{
	background: url("/i/icon_stro.png") no-repeat;
}

.menu_desc .proj{
	background: url("/i/icon_proj.png") no-repeat;
}

.menu_desc .aren{
	background: url("/i/icon_aren.png") no-repeat;
}

/* сфера */
.sphere{
	display: block;	
	background: url("/i/sphere.jpg") no-repeat;
	width: 567px;
	height: 468px;	
	position: absolute;
	top: 390px;	
	left: 50%;
	margin-left: -270px;
	z-index: 1000;	
}	


.sphere #object{	
	width: 416px;
	height: 314px;	
	display: block;
	position: relative;
	margin: 62px 0 0 79px;
	z-index: 100;
}

.sphere .defo{
	background: url("/i/obj_defo.jpg") no-repeat;
}	

.sphere .aren{
	background: url("/i/obj_aren.jpg") no-repeat;
}	

.sphere .proj{
	background: url("/i/obj_proj.jpg") no-repeat;
}	

.sphere .coro{
	background: url("/i/obj_coro.jpg") no-repeat;
}	

.sphere .stro{
	background: url("/i/obj_stro.jpg") no-repeat;
}

.sphere .mont{
	background: url("/i/obj_mont.jpg") no-repeat;
}	

/* menu_soc */
.menu_soc{	
	width: 25%;
	float: right;
	margin: -350px 0 0 0;
	position: relative;
	left: 4em;	
	z-index: 1000;
	font-family: Georgia, Sans;
	font-style: italic;
}

.menu_soc li{
	margin: 50px 0 50px -10px;	
	height: 64px;
	padding: 5px 0 0 70px;
	line-height: 1.5em;
}

.menu_soc .icon_soc_str{
	background: url("/i/icon_soc_str.png") no-repeat;
}

.menu_soc .icon_soc_otv{
	background: url("/i/icon_soc_otv.png") no-repeat;
}

/* подвал */
#footer{
	clear: both;		
	position: relative;			
	z-index: 10000000;
	padding: 0;
	font-size: .9em;
	color: #fff;	
	margin: -19px auto 0 auto;
    white-space: nowrap;
}

#footer .cover{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 0 auto;	
}

#footer .left{	
	float: left;
	width: 230px;
	padding: 40px 0 0 25px;
}

#footer .right{	
	background: url("/i/footer.jpg") no-repeat bottom;		
	width: 710px;		
	height: 94px;
	float: right;
	padding: 25px 25px 0 0;		
}

#footer .right ul {
	position: relative;	
	float: left;
	margin: 10px 0px 0 65px;	
	//left: 60px;	
}

#footer .right ul li{
	float: left;
	margin: 15px 10px 0 0;	
}

#footer .right ul li a{
	color: #94fffb;	
}

#footer .right ul li span{
	color: #94fffb;	
	margin: 0 0 0 10px;
}

#footer .right p{
	margin: 25px 25px 0 0;
	float: right;
	width: 200px;
}

.cpr{
    position: relative;
    left: -10px;
}

#footer .left img {
	vertical-align: middle;
}

#footer .left a{	
	color: #777;
	text-decoration: none;
}

#footer .left a em{
	font-style: normal;
	color: #007fbe;	
}

/* каска для внутренней */
#helmet{
	background: url("/i/helmet.png") no-repeat;
	width: 245px;
	height: 193px;
	display: block;
	position: absolute;
	top: 90px;
	left: 70%;
}

/* боковое меню */
.menu_inner{
	margin: 140px 0 0 0;
	//margin: 90px 0 0 0;	
	float: left;
	width: 21%;
}

.menu_inner li{
	color: #2c4275;
	margin: 15px 0;
}

.menu_inner a{
	font-size: .9em;
	text-decoration: none;
}

.menu_inner a:hover{
	text-decoration: underline;
}

.menu_inner li ul{
	margin: 15px 0 15px 25px;
}

.menu_inner li ul li{
	list-style: disc;
}

.menu_inner h3{
	color: #2c4275;
	margin: 10px 0 20px 0;
}

/* текстовый контент блок*/
.content_text{	
 	margin: 0 0 0 25%; 	
}

.content_text .nav{
	font-family: Georgia, Sans;
	margin: -75px 0 70px 0;
	line-height: 1.5em;
	color: #d8f290;
	width: 65%;	
}

.content_text .nav a{
	color: #d8f290;
}

.content_text .nav em{
	display: block;
	font-style: normal;
	color: #fff;
	font-size: 3em;
	margin: 25px 0;
	line-height: 1.1em;
}

.content_text ul{
	list-style: disc;	
	margin: 25px 0;
}

.content_text ul li {
	margin:  10px 0 10px 20px;	
}

.content_text ol{
	list-style: decimal;	
	margin: 25px 0;
}

.content_text ol li {
	margin:  10px 0 10px 20px;	
}

.content_text td{
	padding: 5px 10px;
	vertical-align: top;
}

/* новости */
.news, .news li{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	min-height: 150px;	
}

.meta{
	font-size: .9em;
	display: block;	
}

/* фотогалерея */
.gallerycontent .album{
	float: left;
	margin: -5px 15px 5px 0px;
}

.gallerycontent .album a img{
	border: 1px solid #1143aa;
	padding: 2px;
	width: 150px;
	height: 150px;
}

.gallerycontent .album a img:hover{
	border: 1px solid #d8f290;
	padding: 2px;
}

.gallerycontent .photoitem{
	float: left;
	margin: 10px 25px 0px 10px;
	width: 100px;
}


.gallerycontent .photoitem a img{
	border: 1px solid #6d6d6d;
	padding: 2px;
	width: 100px;
	position: relative;
	display: block;
	z-index: 100;
}

.gallerycontent .photoitem a img:hover{
	border: 1px solid #d8f290;
	padding: 2px;
	width: 150px;
	position: relative;	
	margin: -25px 0 -25px -25px;	
	display: block;
	z-index: 1000;	
}

.gallerycontent .note{
	font-size: .9em;
	color: #333;
	padding: 10px;	
}

h1.ellipsis{
	font-size: 1.4em;
	text-align: center;		
 	width: 150px;
   	overflow: hidden;
   	white-space: nowrap;
   	text-overflow: ellipsis;
   	-o-text-overflow: ellipsis;   	 
}	

/*
h1.ellipsis:hover{   
	width: 150px;
	white-space: normal;	
	font-size: 1.4em;	
	background: #777;
	position: relative;	   			   		           
}
*/
 
.gallerycontent .album h1 a{
	text-align: center;	
	text-decoration: none;		
}

.gallerycontent .album h1 a:hover{	
	text-decoration: underline;
}

.gallerycontent .page {
	clear: both;		
	position: absolute;
	font-size: 1.4em;
	bottom: 120px;	
	text-align: center;
	width: 100%;
}


.gallerycontent .page span{	
	font-size: .6em;
}

.gallerycontent .page a{
	text-decoration: none;
	margin: 0 3px;	
}

/* фото */
.photo img{
	display: block;
	padding: 1px;
	border: 1px solid #ddd;
}

.photo p{
	margin: 15px;
	color: #555;
	font-size: .9em;
}

.photo p.control a{	
	text-decoration: none;
}

/* обратная связь */
#onlineform{
	margin: 35px 0 0 0;
}

.msg{
	border: 1px dotted #FFD47F;
	background: #FBFCE4;
	padding: 10px 15px;
	margin: 15px 0;
}

.error{
	font-size: 1.4em;
	line-height: 1.2em;
	color: #f00;
	margin: 15px 0;
}

/* каптча */
.captcha{
	font-size: 2em;
	line-height: 1.2em;
}

.captcha img{
	margin: 0 5px 0 0;
	width: 135px;
	height: 51px;
}
.captchaText{	
	font-size: 1.6em;
	margin: 0 0 0 10px;
}

/* комментарии */
.commentpost{
	margin: 25px 0;
	background: #f5f5f5;
	width: 475px;
	padding: 15px;
}

.newcomment{
	border: 1px solid #FFD4D4;
}
.commentpost .username{
	font-weight: bold;
}

.commentpost .datetime{
	font-size: .9em;
}

.commentpost .message{
	clear: both;
	margin: 10px 0 0 0;
}

#comments{
	margin: 50px 0 0 0;
}

.l img{
	margin: 0 5px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* тултипы */
.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 99999;
	z-index: 500;
	background: transparent url("/i/tipTop.png") no-repeat top;}
	
.tipMid {background: transparent url("/i/tipMid.png") repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url("/i/tipBtm.png") no-repeat bottom; height: 32px;}

/* точки */
.tTip{
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;	
	cursor: help;	
}

.tTip span{
	display: none;
}

/* Иркутск */
#point1{
	margin: 179px 0 0 142px;
	//margin: 170px 0 0 142px;
}

/* Ангарск */
#point2{
	margin: 169px 0 0 137px;
	//margin: 160px 0 0 137px;
}

/* Усолье-Сибирское */
#point3{
	margin: 159px 0 0 130px;
	//margin: 150px 0 0 130px;
}

/* Усть-Кут */
#point4{
	margin: 57px 0 0 163px;
	//margin: 48px 0 0 163px;
}

/* Братск */
#point5{
	margin: 72px 0 0 101px;
	//margin: 63px 0 0 101px;
}

.imgblock_small{
	float: left;
	margin: 0 10px 10px 0;
}

.imgblock_small img{
	border: 1px solid #ccc;
	padding: 1px;
}
