body { margin: 0 auto; padding: 0px; background-color: #ccccff; width: 100%; font-size: 13px; font-family: Arial, Helvetica,  Verdana, sans-serif; color: 000; }
h1 { display: inline; color: #fff; font-size: 18px; font-weight: bold; }
h2 { display: block; color: #000; font-size: 14px; font-weight: bold; padding: 0; margin: 20px 0 10px 0; }
h3 { display: inline; color: #000000; font-size: 14px; font-weight: normal; line-height: 1.5em; }
a { color: #000000; }
img { padding: 0 5px 5px 0px; border: none; }
br { clear: both; }

/* content container */
#content { width: 820px; height: 550px; color: #000000; background-color: #ccccff; text-align: left; padding: 0 50px 5px 120px; margin: 0 auto; text-align: justify; }
.container { background-color: #879DF2; color: #fff; margin: 0px;  }

#content div.container-1 { float: right; display: block; margin: 0; padding: 0; width: 600px; text-align: left; }
#content div.container-2 { float: left; display: block; margin: 0; width: 210px; text-align: left; }
.container-2 strong { display: block; margin: 0 10px 5px 5px; }
.container-2 .rbaner { width: 210px; height: 205px; text-align: center; }
.container-2 .present { width: 210px; height: 130px; text-align: left; }
.container-2 a { margin: 0 0 0 5px ; font-size: 10px; float: left; }
.container-3 { background: #879DF2; float: left; display: inline; width: 250px; color: #fff; margin-top: 8px;  }

/* social bookmarks */
#social { clear: both; float: right; margin: 5px 45px 5px 0; width: 550px; text-align: left; }
#social span { display: block; float: left; margin: 0 5px 0 0; text-align: left; }
#social b { display: inline; float: left; margin-right: 5px; }
#social a { text-decoration: none; }
#social img { border: none; }

/* game description */
#desc { clear: both; margin: 0; padding: 5px; border: 1px solid #fff; }
#desc h2 { margin: 0; }

.breadcrumb { float: left; width: 100%; clear: both; display: block; margin: 5px 0 8px 0; }

#header { margin: 0; padding: 0; width: 820px; height: 110px; background: url('/_i/yeti-head.gif'); clear: both; }

#menu { text-align: center;  background-color: #859ef3; margin: 0px; padding: 4px 0 0 0; width: 820px; height: 20px; border-top: 1px solid #fff; }

#commercial { float: left; overflow: hidden; margin-left: 35px; margin-top: 30px; }

#game { display: none; }
div#ad {  float: left; margin-top: 10px; padding: 0 0 10px 0; width: 610px; text-align: center; }
#ad p.load { display: block; clear: both; margin: 4px 0 2px 0; }
.ad { height: 95px; width: 820px; text-align: center; }
.game { float: left; padding: 0 10px 0 0; margin: 0; }
.clear { clear: both; }

#footer { padding: 10px 0px 15px 0px; float: left; }

/* logo */
#logo { float: left; padding: 0 0 0 6px; margin: 30px 0 0 260px; overflow: hidden; }   
#logo a { display: block; background: url('http://www.yeti-sports.pl/_i/yeti-logo.gif') no-repeat; width: 269px; height: 48px; }   
#logo span { display: none; }

#text { float: left; overflow: hidden; padding: 0; margin: 0; width: 820px; }
#text div { display: block; overflow: hidden;  vertical-align: top; width: 820px; padding-bottom: 5px; clear: both; }
#text p { display: block; overflow: hidden; vertical-align: top;  width: 820px; padding-bottom: 2px; clear: both; }
#text img { float: left; display: inline; overflow: hidden; }
#text a { display: block; color: #6666CC; text-decoration: none; font-size: 16px; }
#text a:hover { color: #9999FF; }