*{
    font-family: arial, "lucida console", sans-serif;
    color: #444444;
    border: none;
    margin: 0; padding:0;
}

#page a:hover, #page h2, form select option, form input, form textarea,
.colored { color: #a61e79; }

/*----------------------------------------------------------------------------*/
.right{ text-align: right; }
/*----------------------------------------------------------------------------*/
body{ background: white; text-align: center; width: 100%; height: 100%; }
#center{ width: 794px;  height: 528px; position: absolute; left: 50%; top:50%;
         margin-left: -492px; margin-top: -384px;
         background: url(http://www.groovey.cz/images/web/background.gif);
         padding: 90px; font-size: 12px; }

#welcome{
    text-align: center;
    margin-top: 382px;
    margin-left: -229px;
    margin-bottom: 0; padding-bottom: 0; 
    color: #cd97bb;
}

#menu-left{ position: absolute; left: 50%; top: 50%; width: 230px; height: 418px; 
            margin-left: -397px; margin-top: -264px; z-index: 2;}

#menu-left ul{ font-size: 100%; list-style-type: none; text-align: left; margin-left: 20px; } 
#menu-left li a{ text-decoration: none; padding-left: 14px; }

#menu-bottom{ position: absolute; left: 50%; top: 50%; margin-top: 500px;
              width: 804px; height: 120px; background: #a61e79;
              margin-left: -397px; _margin-left: -402px; margin-top: 164px; }
#menu-bottom ul{ list-style-type: none; margin-top: 30px; }
#menu-bottom ul li{ color: white; font-size: 134%; display: inline; }
#menu-bottom ul li a{ margin-left: 11px; margin-right: 9px; color: white; text-decoration: none; }

/*----------------------------------------------------------------------------*/
#page{ width: 544px; height: 398px; padding-left: 250px;
       overflow: auto; text-align: left; z-index: 2;
       padding-bottom: 20px; padding-right: 10px;  }
#page h1{ margin-top: 20px; font-size: 190%; _font-size: 170%; }
#page h2{ margin-top: 18px; margin-bottom: 0; font-size: 130%; }
#page p{ margin-top: 5px; }
#page ul{ margin-left: 40px; margin-top: 5px; }
#page a{ font-weight: bold; }
#page hr{ width: 100%; height: 1px; color: #DDDDDD; background-color: grey; }
#page a:hover{ color: #a61e79; }
#page table{ margin-top: 5px; }
#page table td{ padding-right: 5px; }
#page table td.separator{ padding-left: 40px; }
#page code pre{ font-family: Courier, "Courier New", monospace; font-size: 120%;}
#page code, #page code pre{ color: black; }
#page .grey{ background-color: #EEEEEE; }
/*----------------------------------------------------------------------------*/
form { padding: 20px; padding-top: 10px; margin: 20px; margin-top: 10px;
~padding-left: 0px; ~width: 542px;
width: 442px; text-align: center; }
form div{ ~position: relative; ~right: -40px; ~top: -8px; ~width: 220px; }
form p{ text-align: left; ~margin-left: 10px; }
form select, form input, form textarea{  background: white; display: block; margin-top: 8px; border: 1px solid black; width: 200px; }
form select option { background: white; }
form textarea{ margin-top: 1px; height: 57px; ~margin-left: -20px; }
form label{ margin-top: 12px; display: block; text-align: left; color: white; }
form input{ padding-left: 2px; ~margin-left: -20px; }
form .button{ color: white; background: #777777; height: 25px;  }

#page ul{ list-style-type: none; text-align: left; margin-left: 20px; } 
#page li a{ text-decoration: none; padding-left: 14px; }
#page ul a{ font-weight: bold; background: url(http://www.groovey.cz/images/web/arrow.gif) no-repeat; }