/* @override http://lifeo2.ru/assets/templates/lifeo2/style.css */

/* img, div {behavior: url(assets/templates/lifeo2/iepngfix/iepngfix.htc)}*/

body {
  	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #000;
  margin:0px;
  text-align: center;
	padding: 0;
	background: #b5f3a8 url(images/left.jpg) repeat-x;
}

#page {
margin: 0;
	padding: 0;
	background: url(images/right.jpg) repeat-x;
	position: absolute;
	right: 0;
	height: 711px;
	width: 50%;
	z-index: -1;
}

#container {
	width : 1000px;
	margin : 0 auto;
	background: url('images/bg.jpg') 0 0 no-repeat;
	padding: 0;
	display: table;
}  
#head1 {
	width: 298px;
	height: 130px;
	float: left;
	text-align: justify;
	border: 1px dashed #7daa75;
}  

#head2 {
	width: 298px;
	height: 130px;
	margin-left: 50px;
	float: left;
	text-align: justify;
	border: 1px dashed #7daa75;
}  
#head3 {
	width: 298px;
	height: 130px;	margin-left: 50px;
	float: left;
	text-align: justify;
	border: 1px dashed #7daa75;
}  
#informer {
	width: 270px;
	height: 850px;
	margin-left: 10px;
		float: left;
	clear: left;
	text-align: justify;
	background-color: #bbfeb0;
	
}  
.text1 {
	width: 335px;
	height: 420px;
	float: right;
	margin-right: 10px;
	text-align: justify;
	background-color: #bbfeb0;
}  
 
.text2 {
	width: 335px;
	height: 420px;
	margin-top: 10px;
	float: right;
	margin-right: 10px;
	text-align: justify;
		background-color: #bbfeb0;
}  
#balon {
	float: left;
	margin-top: 5px;
	margin-left: 120px;
	width: 102px;
	height: 468px;
	display: inline;
}

#content {
	text-align: left;
	margin-top: 20px;
	float: right;
	margin-right: 150px;
	width: 560px;
	display: inline;
}
#logo { 	
text-align: center;
vertical-align: middle;
	height: 157px;
	border-style: none;
}
#menu { 	
text-align: left;
vertical-align: middle;
	height: 161px;
	border-style: none;
	margin-top: 93px;
}
			
p, h1, pre {
margin: 0px; 
padding: 5px 10px; 
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
}
h2{
	font-size: 15px;
	color: #262a69;
}	
strong { 
color: #262a69;
}

a { 
color: red;
	text-decoration: none;
}
a:hover { 
	color: #262a69;
}
p a {
	text-decoration: underline;
} 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}		
img {
	border-style: none;
}
ul{
	margin: 0;
	padding: 0;
	display: inline;
}

.share li{
	float:left; /* Allows list to display horizontally */
	display:inline;
}
.share li a{
	display:block; /* Links must be set to display as a block 
					  so that height and width can be defined */
	width:86px; /* Height and width of each link block */
	height:161px;
	background:url(images/button-trans.png) top left no-repeat;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.share li a span{
	position: relative;

	bottom: 15px;
	color: #000;
	text-decoration: underline;
}
.share li a:hover span{
	color: red;
	text-decoration: underline;
}
.share li.current a span{
	color: red;
	text-decoration: underline;
}
* html .share li a {
    background:url(images/button-trans.gif) top left no-repeat;
}

#about a{ background-position:  0 0;}
#about a:hover{ background-position:  -86px 0;}
#about.current a{ background-position:  -86px 0;}
#prod a{ background-position:  -172px 0; }
#prod a:hover{ background-position:-258px 0px; }
#prod.current a{ background-position:-258px 0px; }
#use a{ background-position:  -344px 0; }
#use a:hover{ background-position: -430px 0; }
#use.current a{ background-position: -430px 0; }
#bay a{ background-position:  -516px 0; }
#bay a:hover{ background-position:-602px 0; }
#bay.current a{ background-position:-602px 0; }
#faq a{ background-position:  -688px 0; }
#faq a:hover{ background-position:-774px 0; }
#faq.current a{ background-position:-774px 0; }
#contact a{ background-position:  -860px 0; }
#contact a:hover{ background-position:-946px -0; }
#contact.current a{ background-position:-946px -0;
}

#footer {
	font-size: 10px;
	text-align: left;
	clear: right;
}
#footer a {
	margin-left: 10px;
}