*
{
padding: 0px;
margin: 0px;
font-family: century schoolbook, arial, tamoha, verdana, sans-seriff;
}

body
{
background-image: url('background.jpg');
}

#container
{
width: 950px;
margin: 0px auto;
}

#header
{
display: block;
margin-top: 20px;
font-size: 50px;
text-align: center;
}

#ballinset
{
width: 950px;
float: left;
display: block;
margin-top: 50px;
}

#ball
{
width: 250px;
height: 250px;
-webkit-border-radius: 125px;
-moz-border-radius: 125px;
background: #6699CC;
float: left;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
box-shadow: 0px 0px 10px #000;
}

#ball:hover
{
background: #99CCCC;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}

#ball_text
{
float: left;
margin-left: 130px;
margin-top: 10px;
font-size: 25px;
width: 300px;
text-align: center;
font-family: franklin gothic book;
font-weight: bold;
color: blue;
text-shadow: 0px 0px 10px #000;
}

/*=========================*/

#ball2
{
width: 250px;
height: 250px;
-webkit-border-radius: 125px;
-moz-border-radius: 125px;
background: #6699CC;
float: left;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
box-shadow: 0px 0px 10px #000;
}

#ball2:hover
{
background: #99CCCC;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transform: rotate(80deg);
}

/*FLAGS*/
div#flag img{width: 50px; height: 35px;float: left;padding: 5px;}
div#flag{position: absolute; margin-left: 750px;}
div#flag_2 img{margin-left: 55px; margin-top: -45px;}
/*/FLAGS*/


/*CLEAR*/

div.clear{clear: both;}