body {background: #03210c url(i/body.jpg) repeat; padding:0px; margin:0px; font-family:arial; text-align:center;}
ul {margin:0px;padding:0px;}
ul li {margin:0px;padding:0px;}
h2 {padding:0px;margin:0px;}
p {padding:0px;margin:0px;}
.clear {clear:both;}
img {border:none;}

#pagebody {background: #03210c url(i/body_bg.jpg) repeat-x top left;}

#top {height:132px; background:url(i/top_bg.jpg) no-repeat top right;}
#top .content {width:968px; margin:auto;}

#top .content .left_side {float:left}
#top .content .left_side .logo { }
#top .content .left_side .slogan { margin-left:5px;}
#top .content .left_side .slogan2 { margin-left:5px;}

#top .content .right_side {float:right;width:150px;}

#top .content .right_side .flag { margin-bottom:5px; margin-top:10px; text-align:right; margin-right:10px;}
#top .content .right_side .flag img { margin-left:10px;}
#top .content .right_side .online { float:left;}
#top .content .right_side .online .header {}
#top .content .right_side .online .online_user { font-size:42px; color:#83C222; margin-right:5px; font-weight:bold;}

#middle {width:968px; height:618px; background:url(i/content_bg.jpg) no-repeat top left; margin:auto;text-align:left; padding-top:15px;}
#middle .header{ width:938px; height:251px;background:url(i/header_bg.gif) no-repeat top left;margin:15px; margin-top:0px; margin-bottom:0px;}
#middle .header p {color:#ebe6cf;font-family: Arial, Helvetica, sans-serif; font-size:12px;padding-top:57px;margin-bottom:15px;margin-left:17px;}
#middle .header p a {text-decoration:none;color:#ffcc00;}

#middle .header .button_box {width:315px; height:123px; background: url(i/header_button_bg_a.gif) no-repeat top left; position:relative; left:15px;}
#middle .header .button_box:hover {background: url(i/header_button_bg_a.gif) repeat-x 0px -124px;}

#middle .header .button_box #starter-link {
    position: absolute;
    display: inline-block;
    width: 310px; 
    height: 120px;
    top: 0; left: 0;
    border: 0;
    float: left;
}

#middle .header .button_box a {text-decoration:none;}
#middle .header .button_box .link { width:210px; margin-top:25px; float:right;}

#middle .bottom_bg {color:#ebe6cf;font-family: Arial, Helvetica, sans-serif; font-size:12px;min-height:280px;background: #000 url(http://casino.pl/zabawa/i/content_bottom_bg.jpg) no-repeat bottom left;padding:20px;padding-bottom:20px; padding-top:10px;margin-bottom:10px; }
#middle .bottom_bg2 {color:#ebe6cf;font-family: Arial, Helvetica, sans-serif; font-size:12px;min-height:620px;background: #000 url(http://casino.pl/zabawa/i/content_bottom_bg.jpg) no-repeat bottom left;padding:20px;padding-bottom:20px; padding-top:0px;margin-bottom:10px; }
#middle .bottom_bg p {color:#ebe6cf;font-family: Arial, Helvetica, sans-serif; font-size:12px;margin-top:5px;margin-bottom:5px;}
#middle .bottom_bg a {text-decoration:none;color:#ffcc00;}
#middle .bottom_bg a:hover {text-decoration:none;color:#FFE377;}

#middle .box_headers {width:939px;height:59px;background: url(i/box_headers_bg.jpg) no-repeat top left;margin-left:15px;}
#middle .box_headers.przepisy_p { background: url(http://casino.pl/zabawa/i/box_headers_przepisy_prawa_bg.jpg) no-repeat top left;}
#middle .box_headers.kontakt {background:url(http://casino.pl/zabawa/i/box_headers_kontakt_bg.jpg) no-repeat top left;}
#middle .box_headers.idea_serwisu {background:url(http://casino.pl/zabawa/i/box_headers_idea_serwisu_bg.jpg) no-repeat top left;}
#middle .box_headers.wyroznia {background:url(http://casino.pl/zabawa/i/box_headers_wyroznia_bg.jpg) no-repeat top left;}
#middle .box1{float:left;width:310px;min-height:100px;margin-right:15px;margin-left:25px;}
#middle .box1 .player { width:70px; text-align:center; float:left; margin-right:7px; margin-bottom:7px;}
#middle .box1 .thumb img { border:2px solid #770A02; width:64px;}
#middle .box1 .nick { font-size:11px; color:#FFFFFF;}
#middle .box1 .join_to_use { margin-top:15px; text-align:center;}
#middle .box1 .join_to_use a { color:#FFCC00; font-size:12px; }
#middle .box1 .join_to_use a:hover  {color:#FFE377}

#middle .box2 {float:left; width:213px; min-height:100px; margin-right:10px; padding:0px; margin:0px;}
#middle .box2 .item { margin-left:15px; width:200px; font-weight:bold; font-size:12px; color:#7f7f7f; height:17px; padding-bottom:4px; padding-top:4px;border-bottom:1px solid #1c1c1c;}
#middle .box2 .item .lp { float:left; width:15px; text-align:right; color:#666666; margin-right:5px;}
#middle .box2 .item .nick { float:left; width:85px; text-align:left;color:#fff;}
#middle .box2 .item .nick a {color:#fff; text-decoration:none;}
#middle .box2 .item .dolar { float:right; width:80px; text-align:right; color:#FC0; font-weight:normal; margin-right:5px;}


#middle .box3 {float:right; width:345px;min-height:100px;margin-right:30px; cursor:pointer;}
#middle .box3 .item { background:url(i/ok_mark.gif) no-repeat center left  ;color: #b2b2b2; font-size:18px;height:26px;border-bottom:1px solid #1c1c1c;padding-left:25px;padding-top:5px;padding-bottom:5px;}
#middle .box3 .item a {color: #b2b2b2; font-size:18px;text-decoration:none;}

#middle .box4 {float:left; min-height:100px;margin-right:30px;}
#middle .box4 .item { background:url(i/ok_mark.gif) no-repeat center left  ;color: #b2b2b2; font-size:18px;height:26px;border-bottom:1px solid #1c1c1c;padding-left:25px;padding-top:5px;padding-bottom:5px;}
#middle .box4 .item a {color: #b2b2b2; font-size:18px;text-decoration:none;}

#middle .box3 .join_to_use { margin-top:12px; text-align:center;}
#middle .box3 .join_to_use a { color:#FFCC00; font-size:12px; }
#middle .box3 .join_to_use a:hover  {color:#FFE377}

#bottom {width:938px;margin:auto;}
#bottom ul {}
#bottom ul li {display:inline; font-size:11px; color:#cccccc; padding-right:5px; padding-left:5px; border-right:1px solid #70a826;}
#bottom ul li a {text-decoration:none;color:#FFCC00;}
#bottom ul li a:hover {text-decoration:none;color:#FFE377;}
#bottom ul li.end { border-right:none;}