/* OVERALL PROPERTIES */
#container{
	background: #88DAE5;
	margin-top:-8px;
	margin-bottom:-8px;
	margin-left:-8px;
	margin-right:-8px;
	overflow:hidden;
	height:100%;
}

.canvas{
	margin-left:auto;
	margin-right:auto;
	border-left:3px outset orange;
	border-right:3px inset orange;
	border-bottom:3px outset orange;
	overflow:hidden;
}

/* START GAME */
#beginning-board{
	width:685px;
	height:309px;
	margin-top:-23px;
	margin-left:auto; 
	margin-right:auto;
	background:url('img/Beginning/backg-beginning.png');
}

#beginning-banner{
	margin-top:22px;
}

#start-play-btn{
	width:287px;
	height:98px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	background:url('img/BTNS/btn-play-off.png');
	cursor:pointer;
	-webkit-transition:all 0.55s;
	-moz-transition:all 0.55s;
	-o-transition:all 0.55s;
}

#start-play-btn:hover{
	background:url('img/BTNS/btn-play-on.png');
}

#board-1{
	padding-top:153px;
	width:800px;
	height:447px;
	background:url('img/backg.jpg');
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

#board-2{
	width:800px;
	height:600px;
	background:url('img/backg.jpg');
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}


#board-3{
	width:800px;
	height:600px;
	background:url('img/board.jpg');
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

/* RULES */
#top-banner-1{
	margin-top:15px;
	margin-left:215px;
	width:371px;
	height:111px;
}

#rules{
	width:534px;
	height:62px;
	padding-top:320px;
	margin-left:auto;
	margin-right:auto;
	background:url('img/rules.png');
}

#rules-play-btn{
	width:115px;
	height:39px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	background:url('img/BTNS/rules-btn-play-off.png');
	-webkit-transition:all 0.55s;
	-moz-transition:all 0.55s;
	-o-transition:all 0.55s;
}

#rules-play-btn:hover{
	background:url('img/BTNS/rules-btn-play-on.png');
}

/* GAME BOARD */
#top-banner-2{
	margin-top:15px;
	margin-left:215px;
	width:371px;
	height:111px;
	position:fixed;
	z-index:1;
}

#dice-icon{
	width:86px;
	height:86px;
	margin-left:163px;
	margin-top:500px;
	position:absolute;
	z-index:2;
	overflow:hidden;
}

.pop-up{
	position:fixed;
	z-index:5;
}

.button-board {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: -388px;
    margin-top: -40px;
    padding: 6px;
    position: relative;
    top: 0;
    vertical-align: top;
    z-index: 2;
	
	/*background:#ffcc00;
	background-color:rgba(255,204,0,1);
	border:1px solid #ffcc00;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-transition:all 0.55s;
	-moz-transition:all 0.55s;
	-o-transition:all 0.55s;*/
	display:inline-block;
	position:relative;
	z-index:2;
 }
 
/*.button-board:hover {
	border:1px solid #3caad6;
	background-color:rgba(60,170,214,1);
 }*/

.button {
	cursor:pointer;
    border: none;
    background: none;
	color:0066CC;
	text-shadow: 0px -1px rgba(150, 150, 150, 1);
	-webkit-transition:all 0.55s;
	-moz-transition:all 0.55s;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	position:relative;
	z-index:2;
}

.button:disabled
{
}

.button-board:hover > .button{
	background:FF9933;
	color:white;
}

p{
	font-family:myriad pro;
}

#player-icon{
	margin-left:152px;
	margin-top:150px;
}

#end{
	width:774px;
	height:491px;
	background:url('img/ending/backg-ending.png');
	z-index:10;
	position:fixed;
	margin-left:14.5px;
	margin-top:54.5px;
}

#gratz{
	margin-left:24.5px;
	margin-top:126.5px;
}

#play-again{
	width:159px;
	height:55px;
	background:url('img/btns/btn-play-again-off.png');
	-webkit-transition:all 0.55s;
	-moz-transition:all 0.55s;
	-o-transition:all 0.55s;
	cursor:pointer;
	margin-left:320.5px;
}

#play-again:hover{
	background:url('img/btns/btn-play-again-on.png');
}

.dice-value-icon{
	z-index:1;
}

#question{
	width:800px;
	height:600px;
	position:fixed;
	background:rgba(0,0,0,0.4);
	z-index:20;
}

#top-banner-question-1{
	margin-top:-40px;
	position:fixed;
	z-index:20;
}

#question-board-1{
	position:fixed;
	margin-top:75px;
	margin-left:-66px;
	z-index:20;
}

#no-object-board-1{
	margin-left:417px;
	position:fixed;
	z-index:20;
}

#correct{
	position:fixed;
	margin-top:440px;
	margin-left:289px;
	z-index:30;
}

#incorrect{
	position:fixed;
	margin-top:490px;
	margin-left:390px;
	z-index:30;
}

#head-gear{
	margin-top:154px;
	margin-left:584px;
	z-index:30;
	position:fixed;
}

#top-hat{
	margin-top:256px;
	margin-left:581px;
	z-index:30;
	position:fixed;
}

#bunny-ears{
	margin-top:364px;
	margin-left:576px;
	z-index:30;
	position:fixed;
	
}
.question-item{
	cursor:pointer;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	-webkit-transition:all 0.55s;
}

.question-item:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}