img {border:0}
body {margin:0 auto; background:#09f}
#mainlayout {margin:0 auto;  padding:0; background:url(images/bg-shadow.gif) repeat-x; height:450px; width:779px; font: 11px Verdana, Arial, Helvetica, sans-serif; border: 2px solid black}
#header {background: url(images/header.gif) no-repeat; height:60px}
#guy {float:left; height:390px; width:180px}
.sad {background: url(images/sadguy.gif) no-repeat right bottom}
.happy {background: url(images/happyguy.gif) no-repeat right bottom}
#board {float:right; overflow:visible; margin-left:-155px; margin-right:20px; height:322px; width:557px; background: url(images/board2.gif) no-repeat; padding: 10px 20px 10px 50px}
#question {position:inherit; font-weight:bold; height:30px; text-align:center; padding-top:15px}
#answers {width: 400px; height:170px; margin:20px auto}
#answers label {font-weight:bold; width:350px}
#answers input[type="radio"] {float:left; margin-right:15px}
#answerbutton, #inputname {text-align:center; margin:20px auto; cursor:pointer; border:0}
#nextbutton {text-align:center; margin-top:10px; cursor:pointer; border:0}
.correctimg {width:300px; height:80px; background: url(images/correct.gif) no-repeat top center}
.incorrectimg {width:300px; height:80px; background: url(images/incorrect.gif) no-repeat top center}
#result {text-align:center; margin:15px auto}
#bottomline {clear:right; font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff; border:0}
#score {float:left; width:180px; padding-top:15px; font-weight:bold} 
#footer {padding-top:15px; float:right; width:210px}
#congratmessage {text-align:center; margin: 20px auto; cursor:pointer; border:0}
#inputname {text-align:center; margin:20px auto; font-size:14px}
#inputname span {vertical-align:top}
#yourname {font-size:24px; vertical-align:top; text-align:right; background-color:#164994; color:#fff; font-weight:bold; text-transform:uppercase}
#resultyourname {text-transform:uppercase}
.appelation {font-weight:bold; color: #090}