body {
background: #000;
width: 960px;
margin: 0 auto;
font-family: '10689';
}
 @font-face{
font-family: '10689';
src: url('10689.otf');
font-weight: bold;
font-style: normal;
}
table {
	background: url('bg.jpg') repeat-y;
	}
div.wrapper {
	 background: url('bg.jpg') repeat-y #333;
	 width:960px;
	 margin: 0 auto;
	 }
	 div.left_block {
	 float:left; 
	 width:375px;
	 border:1px solid red;
	 background: rgba(255, 0, 0, 0.5);
	 } 
	 div.right_block { 
	 float:right;
	 width:375px;
	 border:1px solid blue;
	 background: rgba(0, 0, 255, 0.5); 
	 }
	 div.left_block_gr {
	 float:left; 
	 width:375px;
	 border:1px solid green;
	 background: rgba(0, 255, 0, 0.5);
	 }
	 div.left_block_ss {
	 float:left; 
	 width:375px;
	 height:100px;
	 } 
	 #gr {
	 border: 1px solid #0f0;
	 }
	 #red {
	 border: 1px solid red;
	 }
	 #bl {
	 border: 1px solid blue;
	 }
	 h1 {
	 color: #000;
	 text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff;
	 }
	 #ops {
	 background: rgba(0, 0, 0, 0.5);
	 color: #000;
	 text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff; 
	 border: 1px solid #000;
	 width: 100%;
	 padding-left: 10px;
	 padding-right: 10px;
	 clear: right, left;
	 }
	 a {
	 color: #ddd;
	 text-decoration: none;
	 }
	 a:hover {
	 color: #a00;
	 }
	 #nr {
	 background: rgba(205,0,0,0.5);
	 text-align: center;
	 }
	 #jg {
	 background: rgba(0,0,205,0.5);
	 text-align: center;
	 }
	 #ot {
	 background: rgba(0,205,0,0.5);
	 text-align: center;
	 }
	 #n {
	 background: rgba(205,0,0,0.5);
	 text-align: left;
	 }
	 #j {
	 background: rgba(0,0,205,0.5);
	 text-align: right;
	 }
	 #o {
	 background: rgba(0,205,0,0.5);
	 text-align: left;
	 }
	 #vs {
	 background: url('vs.png') no-repeat;
	 position: absolute;
	 left: 40%;
	 top: 30%;
	 width: 225px;
	 height: 369px;
	 }
	 #foot {
	 color: red;
	 text-shadow: 1px 1px 1px #fff;
	 padding-left: 15px;
	 }
	 #hod {
	 color: #900;
	 text-shadow: 1px 1px 2px #f00;
	 }