@import "common.css";
@import "menu.css";

body {
	background-color: #FFFFFF;
	background-image: url(../pictures/background.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

#content {
    position: absolute;
    left: 205px;
    top: 164px;
    width: 600px;
    padding-bottom: 40px;
}

/*===== helpers menu ===================================================*/

#helpers {
    position: absolute;
    left: 12px;
    top: 25px;
    width: 160px;
}

#helpers ul {
    padding: 0px;
    margin: 0px;
	width: auto;
}

#helpers li {
    display: block;
	margin: 0px;
    width: 160px;
    float: left;
}

#helpers a, #helpers span {
    display: block;
    overflow: hidden;
    text-indent: -5000px;
    float: left;
}

/*===== main menu ======================================================*/

#menu {
    position: absolute;
    left: 12px;
    top: 175px;
    width: 160px;
}

#menu ul {
    padding: 0px;
    margin: 0px;
	width: 160px;
}

#menu li {
    display: block;
	margin: 0px;
    width: 160px;
}

#menu a, #menu span {
    overflow: hidden;
    text-indent: -5000px;
	display: inline-block; /* for IE5/Mac; overridden below for good browsers */
}

/* Hide from IE5/Mac. \*/
#menu li {
	float: left;
}

#menu a, #menu span {
    display: block;
    float: left;
}
/* End hide from IE5/Mac */

#menu ul ul {
    position: absolute;
    left: 193px;
    top: -66px;
    width: 600px;
    height: 40px;
}

#menu ul ul li {
    display: block;
    margin-right: 12px;
    width: auto;
    float: left;
}