#maincontainer {
	width:800px;
    margin-left: auto;
    margin-right: auto;
}


#subcontainer {
	position:absolute;
	border:1px solid #000;
    margin-top:0px;

 -webkit-box-shadow: 0px 0px 12px 4px #111;
 box-shadow: 0px 0px 12px 4px #111; 	
}


@font-face {
	font-family: 'font1';
	src: url('fonts/font1.eot');
	src: local('☺'), url('fonts/font1.woff') format('woff'), url('fonts/font1.ttf') format('truetype'), url('fonts/font1.svg#webfontqxue7r1q') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'font2';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/font2.eot');
  src: local('☺'), url('fonts/font4.woff') format('woff'), url('fonts/font4.ttf') format('truetype'), url('fonts/font4.svg#webfontqxue81q') format('svg');
}

/****************************/

#menuold {
 position:absolute;
 color:#FFF;
 font-size:18px;
 left:270px;
 top:20px;	
 cursor:pointer;
}

#scoreboard {
 position:absolute;
 color:#F00;
 font-size:24px;
 left:400px;
 top:20px;	
 font-family:'font1'; 
}

#connectbg{
 background-image:url(gfx/connect4bg.jpg);	
 width:800px;
 height:548px;
 border:2px solid #FFF;   
}


/**********/

#board {
 position:absolute;
 background-image:url(gfx/board.png);	
 width:638px;
 height:430px;
 left:90px;
 top:118px;
}

#jetonsdiv {
 position:relative;
 top:200px;
 left:105px;
}

#jetonsnew {
 position:relative;
 top:85px;
 left:105px;
}

.resetbutton {
 position:absolute;
 background-image:url(gfx/resetbutton.png);	
 width:59px;
 height:60px;
 top:0px;
 left:725px;
 z-index:5;
}
.resetbutton:hover {
 background-image:url(gfx/resetbuttona.png);
}