/* Copyright 2008 D.Paolella MCR SERVICE */

html, body, fieldset, ul,
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
}

html, body {
    color: #333;
    background: #FFF;
}

body {
    min-width: 959px;
    background: #FEFEFE url(base/body.jpg) repeat-x 0 0;
}

a {
    /* remove Firefox dotted borders on links */
    outline: none;
}

em {
    font-style: italic
}

strong {
    font-weight: bold
}

acronym {
    border: none;
}

#wrapper {
    position: relative;
    width: 959px;
    margin: auto;
    padding-top: 323px;
}

#logo {
    position: absolute;
    top: 9px;
    left: 8px;
    width: 221px;
    height: 328px;
    background: url(base/logo.jpg) no-repeat;
    text-indent: -999px;
    overflow: hidden;
}

#logo a:link, #logo a:visited {
    display: block;
    height: 100%;
    width: 100%;
}

#banner {
    position: absolute;
    top: 31px;
    left: 258px;
    width: 408px;
    height: 87px;
    background: url(base/banner.jpg) no-repeat;
    overflow: hidden;
}

#banner a:link, #banner a:visited {
    display: block;
    position: relative;
    top: 8px;
    left: 10px;
    width: 388px;
    height: 68px;
    background: url(base/banner.jpg) no-repeat 0 -88px;
    text-indent: -999px;
    overflow: hidden;
}

#login, #logout {
    position: absolute;
    left: 710px;
    top: 0px;
    width: 242px;
    height: 137px;
}

#login fieldset, #logout fieldset {
    position: relative;
    top: 39px;
    width: 100%;
    height: 81px;
    background: url(base/login.jpg) no-repeat;
}

#login #username {
    position: absolute;
    top: 15px;
    left: 13px;
}

#login #password {
    position: absolute;
    top: 41px;
    left: 13px;
}

#login label {
    display: none;
}

#login input {
    width: 145px; /* 155 - (1 + 4 + 4 + 1) */
    height: 19px;
    padding: 0 4px;
    border: 1px solid #766630;
    background-color: #F6F4EF;
    overflow: hidden;
    font: 12px monospace;
}

#login input.empty {
    color: #AAA;
    font-weight: bold;
}

#login a:link, #login a:visited, #logout a {
    font-weight: bold;
    font-family: Verdana, sans-serif;
    color: white;
    text-decoration: none;
}

#login a {
    font-size: 9px;
    position: absolute;
    left: 18px; /* 14 */
    top: 64px; /* 66 */
}

#logout p, #logout a {
    padding-left: 3px;
}

#logout p {
    font-size: small;
    color: white;
    text-align: center;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
}

#logout p strong {
    font-size: 14pt
}

#logout a {
    position:absolute;
    top:0;
    display: block;
    font-size:10pt;
    width:160px;
    height: 100%;
}

#logout a span {
    position: absolute;
    bottom: 0;
}

#login a:hover, #logout a:hover {
    text-decoration: underline;
}

#login button, #logout button {
    position: absolute;
    left: 175px;
    top: 15px;
    width: 77px;
    height: 45px;
    border: none;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}

#login button:hover, #logout button:hover {
    background-position: 100%;
}

#login button:active, #logout button:active {
    margin-left: 1px;
    margin-top: 1px;
}

#login button {
    background: url(base/login-button.jpg) no-repeat;
}

#logout button {
    background: url(base/logout-button.jpg);
}

#menu, #summary ul {
    list-style-type: none;
}

#menu {
    position: absolute;
    top: 141px;
    left: 262px;
    width: 670px; /* 698 - 28 */
    height: 145px;
    background: url(base/menu.jpg) no-repeat;
    padding-left: 28px;
}

#menu li {
    position: absolute;
    height: 131px;
}

#menu li a:link, #menu li a:visited {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    overflow: hidden;
    background-position: 0 78px;
}

#menu li a:hover, #menu li a:active {
    background-position: 100% 78px;
}

#menu-1, #menu-2, #menu-3 {
    width: 145px;
}

#menu-2 {
    margin-left: 140px; /* 145 - 5 */
}

#menu-3 {
    margin-left: 280px; /* 290 - 10 */
}

#menu-4 {
    width: 236px;
    margin-left: 420px; /* 435 - 15 */
}

#menu-1 a:link, #menu-1 a:visited {
    background: url(menu/aziende.gif) no-repeat;
}

#menu-2 a:link, #menu-2 a:visited {
    background: url(menu/servizi.gif) no-repeat;
}

#menu-3 a:link, #menu-3 a:visited {
    background: url(menu/contatti.gif) no-repeat;
}

#menu-4 a:link, #menu-4 a:visited {
    background: url(menu/hostess_e_promoter.gif) no-repeat;
}

#section {
    position: absolute;
    top: 294px;
    left: 0;
    width: 260px;
    height: 69px;
}

#section h2 {
    font: 17pt Arial;
    position: absolute;
    color: #FF6701;
    text-transform: uppercase;
    bottom: 0;
    left: 32px;
}

#side {
    position: relative;
    float: left;
    z-index: 2;
}

#summary {
    margin-top: 40px; 
    width: 216px; /* 260 - (22 + 22) */
    padding: 25px 22px 17px 22px;
}

#summary li {
    width: 215px;
    height: 39px;
    margin-bottom: 8px;
}

/* needed for consistency with IE6; standard agents need no
 * absolute-positioned wrapper; see also ie.css */
#summary li.current div {
    position: absolute;
    width: 251px;
    height: 39px;
    background: url(summary/current.jpg) no-repeat 223px 1px;
}

#summary a:link, #summary a:visited {
    display: block;
    width: 215px;
    height: 39px;
    text-indent: -999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

#summary a:hover {
    background-position: 100%;
}

#content {
    position: relative;
    float: right;
    width: 643px; /* 693 - (25 + 25) */
    padding: 25px;
    min-height: 200px;
    background: url(base/box-body.jpg);
    font: small Georgia, serif;
    color: #333;
}

#content p.info {
    text-align: center;
}

#content a:link, #content a:visited {
    color: #FF6701;
    text-decoration: none;
    font-weight: bold;
}

#content a:hover, #content a:active {
    text-decoration: underline;
}

#footer {
    clear: both;
    padding: 1em 0;
    color: #FF6701;
    font: bold 9pt Arial, sans-serif;
    text-align: center;
}

.box-top, .box-bottom {
    position: absolute;
    left: 0;
    height: 25px;
}

.box-top {
    top: 0;
}

.box-bottom {
    bottom: 0;
}

.main-box .box-top {
    background-image: url(base/box-top.jpg); 
    width: 693px;
}

.main-box .box-bottom {
    background-image: url(base/box-bottom.jpg); 
    width: 693px;
}

.side-box {
    position: relative;
    background: url(summary/box-body.jpg) repeat-y;
}

.side-box .box-top {
    background: url(summary/box-top.jpg) no-repeat;
    width: 260px;
}

.side-box .box-bottom {
    background: url(summary/box-bottom.jpg) no-repeat;
    width: 260px;
}