@charset "utf-8";
/* CSS Document */

body{
margin: 0;
padding: 0;
text-align: center;
background:#8CCFF2;
}
#container{
position: relative;
width: 100%;
background: url(images/clouds.png) center top no-repeat;
}
/*
------------------------------
fonts
------------------------------
*/
.h1, .h2, .h3, .h4, .h5, .h6, .p, .copy-text{
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.h1{
font-size: 30px;
color: #2A2D76;
padding: 0 0 20px 0;
}
/*
------------------------------
main body contains 2 parts. Header, sub commands body
------------------------------
*/
#main-body{
position: relative;
width: 800px;
margin: 0 auto;
text-align: center;
}
/*
------------------------------
part 1: header
------------------------------
*/
#header{
position: relative;
width: 600px;
margin: 0 auto;
text-align: center;
}
div#left-logo{
position: relative;
width: 250px;
left: 0;
top: 0;
padding: 10px 0 0 0;
text-align: left;
}
div#right-logo{
position: absolute;
width: 250px;
left: 350px;
top: 0;
padding: 10px 0 0 0;
}
/*
------------------------------
part 2: sub commands body
------------------------------
*/
#sub-body{
position: relative;
width: 600px;
margin: 0 auto;
}
#sub-holder{
position: relative;
width: 600px;
height: 60px;
padding: 0 0 20px 0;
}
/*
------------------------------
footer
------------------------------
*/
#footer{
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
background: url(images/grass.jpg) bottom repeat-x;
}
#mondial-balls{
position: relative;
width: 800px;
height: 340px;
left: 0px;
padding: 0 0 0 0;
margin: 0 auto;
text-align: left;
}