html, body, h1, h2, h3, h4, h5, h6, div, p, ul, li, dl, dt, dd, form, label, input {
    margin: 0;
    padding: 0;
}

body {
    background-color: #ced64b;
    color: #000;
    font: 11px / 1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

img {
    border: none;
}

/** WRAPPER */
#outer-wrapper {
    width: 100%;
    margin-top: 40px;
}

#outer-wrapper-right {
    background: url(/www.consonanze.net/css/ui/header-bg.jpg) repeat-x left top;
}

#wrapper {
    width: 925px;
}

/** HEADER */
h1 {
    background: url(/www.consonanze.net/css/ui/header.jpg) no-repeat left top;
    height: 244px;
    text-indent: -9999px;
}

/** NAV / SECTION-NAV / SUBSECTION-NAV */
#nav, #side ul {
    list-style: none;
    overflow: hidden;
}

#nav a, #side a {
    text-decoration: none;
}

#nav {
    margin-top: -6px;
    margin-bottom: 60px;
    margin-left: 175px;
}

#nav li {
    float: left;
    margin: 0 10px;
}

#nav a {
    color: #1a171b;
    display: block;
    padding-top: 15px;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

#nav a:hover, #nav a.selected, #nav a.in-path {
    background: url(/www.consonanze.net/css/ui/nav-selected.png) no-repeat center top;
}

.homepage #nav li.first-item a {
    background: url(/www.consonanze.net/css/ui/nav-selected.png) no-repeat center top;
}

#side ul {
    margin-bottom: 10px;
}

#side li {
    margin-bottom: 5px;
}

#side a {
    color: #156570;
    display: block;
}

#side a:hover, #side a.selected, #side a.in-path {
    color: #fff;
}

#section-nav li {
    width: 162px;
    height: 35px;
}

#section-nav a {
    background: url(/www.consonanze.net/css/ui/section-nav.gif) no-repeat left top;
    width: 162px;
    height: 35px;
    line-height: 35px;
}

#section-nav a:hover, #section-nav a.selected, #section-nav a.in-path {
    background: url(/www.consonanze.net/css/ui/section-nav-selected.gif) no-repeat left top;
}

#subsection-nav li {
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 1px;
    margin-left: 2px;
}

#subsection-nav a {
    background-color: #6a8b33;
    width: 17px;
    height: 17px;
}

#subsection-nav a:hover, #subsection-nav a.selected {
    background-color: #084119;
}

/** CORSI-HOME */
#corsi-home {
    width: 610px;
    height: 303px;
    overflow: hidden;
    position: relative;
    margin-left: -10px;
}

#corsi-home .corso {
    background: url(/www.consonanze.net/css/ui/single-bar.png);
    float: left;
    width: 122px;
    height: 303px;
    overflow: hidden;
    position: absolute;
    top: 0;
}

#corsi-home .corso .title {
    color: #da487e;
    width: 65px;
    text-align: center;
}

#corsi-home .corso a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#corsi-home .corso a span.img {
    margin: 14px;
    margin-right: 28px;
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
}

#bottom-mask {
    background: url(/www.consonanze.net/css/ui/bottom-mask.png) no-repeat left bottom;
    width: 610px;
    height: 26px;
    position: absolute;
    bottom: 0;
    left: 2px;
}

#corsi-home .title {
    display: none;
    font-size: 11px;
    font-weight: bold;
    margin-top: 15px;
    margin-left: 20px;
    text-transform: uppercase;
}

/** HOME-CORSI */
#home-corsi {
    width: 618px;
    float: left;
    margin-left: 40px;
    overflow: hidden;
    margin-bottom: 50px;
}

/** FEATURED */
#featured-left, #featured-right {
    width: 120px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

#featured-left {
    float: left;
}

#featured-right {
    float: right;
}

#featured-left .section-title, #featured-right .section-title {
    color: #1a171b;
    margin-bottom: 16px;
    text-transform: uppercase;
}

#featured-left .title, #featured-right .title {
    text-transform: uppercase;
}

.featureds {
    height: 300px;
}

.featured {
    margin-bottom: 24px;
}

.featured .title, .featured .subtitle {
    width: 120px;
}

/** CONTENT */
#content {
    width: 576px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 50px;
}

.simple .simple-section-title {
	color: #2a5642;
    font-size: 2.2em;
    font-weight: normal;
    margin-bottom: 1.5em;
}

.simple .xt-title {
    font-size: 1.2em;
    font-weight: bold;
}

.simple .xt-container-content-wrapper {
    margin-bottom: 1.5em;
}

#main {
    float: left;
    width: 393px;
    margin-right: 20px;
}

/** SIDE */
#side {
    width: 163px;
    float: right;
    text-align: center;
    text-transform: lowercase;
}

#section-subtitle {
    background: url(/www.consonanze.net/css/ui/section-subtitle.gif) no-repeat left top;
    color: #fff;
    width: 162px;
    height: 27px;
    line-height: 27px;
    margin-bottom: 5px;
    font-weight: bold;
}

/** GALLERY */
.gallery {
    overflow: hidden;
    margin-top: 25px;
}

/** CONTATTI */
#contatti {
    background: url(/www.consonanze.net/css/ui/contatti.png) no-repeat left top;
    color: #fff;
    width: 600px;
    margin: 0 auto;
    height: 274px;
    font-size: 11px;
    margin-bottom: 50px;
}

#contatti-article {
    width: 500px;
    height: 90px;
    padding-top: 40px;
    padding-left: 40px;
}

#contatti-article a {
    color: #fff;
    text-decoration: none;
}

#email-article {
    height: 90px;
    padding-top: 65px;
    padding-left: 40px;
}

#gmap {
    width: 185px;
    height: 107px;
    float: right;
    margin-top: 10px;
    margin-right: 30px;
}

/** MERCATINO */
#mercatino-wrapper {
    width: 600px;
    margin: 0 auto;
}

#mercatino {
    background: url(/www.consonanze.net/css/ui/contatti.png) no-repeat left top;
    color: #fff;
    width: 600px;
    margin: 0 auto;
    margin-top: 10px;
    height: 274px;
    font-size: 11px;
    margin-bottom: 50px;
    text-align: center;
}

#strumenti-link a, #band-link a {
    color: #fff;
    font-size: 24px;
    text-decoration: underline;
}

#strumenti {
    width: 600px;
    height: 165px;
    padding-top: 1.5em;
}

#band-article {
    width: 600px;
}

/** LINKS */
#links {
    margin-top: 50px;
}

#links dt, #links dd {
    float: left;
}

#links dt {
    width: 145px;
}

#links dt a {
    color: #000;
    text-decoration: none;
}

#links dd {
    width: 430px;
    margin-bottom: 20px;
}

/** FOOTER */
#footer {
    clear: both;
    margin-bottom: 20px;
}
