body {
}

h1 {
text-align:center;
color:lightgray;
 

}

 
*{
border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0px 0 0 0;
    margin-left: 29px;
    margin-right: 0;
    margin-top: 0px;
}
body{
background-image : url(' bi-html-background.png ');
background-attachment : fixed;
background-size : 100% auto;
}
.blended_grid{
display : block;
width : 1200px;
overflow : auto;
margin : 0 auto;
}
.pageHeader{
background-color : rgba(0, 0, 0, 0.5);
float : left;
clear : none;
height : 200px;
width : 1200px;
}
.pageBarLeft{
float : left;
clear : none;
min-width : 80px;
min-height : 80px;
}
.pageLeftTop{ 
float : none;
clear : both;
height : 300px;
width : 200px;
}
.pageLeftMid{ 
float : none;
clear : both;
height : 300px;
width : 200px;
}
.pageLeftBottom{ 
float : none;
clear : both;
height : 300px;
width : 200px;
}
.pageContent{ 
float : left;
clear : none;
height : 1000px;
width : 800px;
}
}
.pageBarLeft{
float : left;
clear : none;
min-width : 80px;
min-height : 80px;
}
.pageLeftTop{ 
float : none;
clear : both;
height : 300px;
width : 200px;
}
.pageLeftMid{ 
float : none;
clear : both;
height : 300px;
width : 200px;
}
.pageContent{ 
float : left;
clear : none;
height : 1000px;
width : 800px;
}



img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}







html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 101%;
}

.content {
	min-height: 100%;
	position: relative;
	overflow: auto;
	z-index: 0; 
}

.background {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.top_block {
	width: 100%;
	display: block; 
}

.bottom_block {
	position: absolute;
	width: 100%;
	display: block;
	bottom: 0; 
}

.left_block {
	display: block;
	float: left; 
}

.right_block {
	display: block;
	float: right; 
}

.center_block {
	display: block;
	width: auto; 
}

.left {
	width: 100%;
	height: auto;
	background-color: #9999ff;
}

.background.block_2 {
	height: auto ;
	padding-bottom: 0;
	left: 0;
	width: 302px;
	background-color: #999999;
	margin-top: 70px; 
}

.block_2 {
	height: auto;
	width: 302px;
	padding-bottom: 0px;
}

.wrapper{
   position: fixed;
   float: left;
   left: 0px;
   width: 100%;
   margin-bottom: 19px;
   background-color: #ffffff
}
.left1{
   position: relative;
   float: left;
   left: 9px;
   width: 40%;
   height: auto;
   background-color: #ffffff
}
.left2{
   position: absolute;
   float: right;
   left: 28px;
   width: 60%;
   height: auto;
   background-color: #ffffff
}


.img-zoom {
    width: 430px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(4); 
    -moz-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    transform-origin:left;
}

 
.transitionIT {
    -webkit-transform: scale(20); 
    -moz-transform: scale(20);
    -o-transform: scale(20);
    transform: scale(20);
    transform-origin:right;
}




.area-color  {}
.area-hover {
    background-color:darkorange;
opacity:0.2;

}