body {background: black; font-size: 17px; font-family: Arial, Tahoma; color: white; margin: 0; padding: 0;}
.main {width: 100%; text-align: center; min-height: 900px; background: url(../img/background.jpg) no-repeat top center;}
.content_main {margin: 0px auto 0px auto; width: 970px; min-height: 900px; position: relative; background: url(../img/content_main.jpg) no-repeat top center;}
.content_select {margin: 0px auto 0px auto; width: 970px; min-height: 900px; position: relative; background: url(../img/content_select.jpg) no-repeat top center;}
.content_nick {margin: 0px auto 0px auto; width: 970px; min-height: 900px; position: relative; background: url(../img/content_nick.jpg) no-repeat top center;}
.content_others {width: 970px; min-height: 900px; background: url(../img/content_others.jpg) no-repeat top center; margin: 0 0 0 -485px; position: absolute; left: 50%;}
a {text-decoration: underline; color: black;}
a:hover {text-decoration: none; color: black;}
a.text-link {cursor: text; color: white; text-decoration: none;}

/* Enter button */
#enter_button {position: absolute; margin-left: 300px; margin-top: 357px; width: 367px; height: 118px; background: url(../img/enter_button.jpg);}
#enter_button:hover {background-position: 0 118px;}

#truck1 {position: absolute; margin-left: 238px; margin-top: 330px; width: 156px; height: 161px; background: url(../img/truck1.jpg);}
#truck2 {position: absolute; margin-left: 409px; margin-top: 330px; width: 156px; height: 161px; background: url(../img/truck2.jpg);}
#truck3 {position: absolute; margin-left: 582px; margin-top: 330px; width: 156px; height: 161px; background: url(../img/truck3.jpg);}
#truck1:hover, #truck2:hover, #truck3:hover {background-position: 0 161px;}

#fary {position: absolute; margin-left: -57px; margin-top: 303px; width: 353px; height: 182px; background: url(../img/fary.jpg);}

/* ramka dla select.php */
#ramka1up {width: 546px; height: 69px; background: url(../img/ramka1up.png) top center no-repeat; margin: 200px 0 0 212px;}
#ramka1fon {width: 546px; min-height: 1px; background: url(../img/ramka1fon.png) top center repeat-y; margin: 0px 0 0 212px;}
#ramka1down {width: 546px; height: 113px; background: url(../img/ramka1down.png) top center no-repeat; margin: 0px 0 0 212px;}
#ramka1zagolovok {position: absolute; margin-left: 380px; margin-top: 305px; color: black; font-family: arial; font-size: 14px; font-weight: bold;}
#nick_input_place {position: absolute; margin-left: 377px; margin-top: 325px; color: black; font-family: arial; font-size: 14px; font-weight: bold;}
#nick_input {margin-top: 8px; width: 218px; height: 26px; border: 1px solid gray; text-align: center; font-size: 18px; margin-bottom: 15px;}
#ramka1button {position: absolute; margin-left: 394px; margin-top: 384px; width: 183px; height: 41px; background: url(../img/ramka1button.jpg); border: 0; display: none; cursor: pointer;}
#ramka2button {position: absolute; margin-left: 182px; margin-top: 53px; width: 183px; height: 41px; background: url(../img/ramka1button.jpg); border: 0; display: none; cursor: pointer;}
#ramka1button:hover, #ramka2button:hover {background-position: 0 41px;}