/* reset white space */
html, body {
margin: 0;
padding: 0
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: 13px;
margin-top: 13px;
}

address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul {
margin-top: 7px;
margin-bottom: 7px;
}

/* //////////////////////// HTML ////////////////////////////// */

* {
font-family: "Trebuchet MS";
font-size: 11px;
color: #666;
}

body {
}

h1 {
font-size: 37px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 3px;
color: #e60004;
height: 43px;
padding-top: 7px;
padding-left: 63px;
background-image: url(images/shared/h1_background.jpg);
background-position: bottom left;
background-repeat: no-repeat;
border: 0px solid red;
}

h2 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
color: #e60004;
height: 23px;
padding-left: 31px;
background-image: url(images/shared/h2_background.jpg);
background-position: bottom left;
background-repeat: no-repeat;
border: 0px solid red;
}

div#special h2 {
margin-top: 4px;
background-image: url(images/shared/h2_background_special.jpg);
}

h3 {
text-transform: uppercase;
font-size: 16px;
color: #e60004;
margin-bottom: 3px;
}

div#footer p {
color: #2e1c85;
}

strong, b {
text-transform: uppercase;
color: #e60004;
}

a {
color: #e60004;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:visited {
color: #c22126;
}

a img {
border: 0;
}

div#header img {
float: right;
}

div#video_gallery img {
margin-left: 33px;
}

/* //////////////////////// LAYOUT ////////////////////////////// */

div#container {
border: 0px solid red;
width: 620px;
height: 800px;
margin: 0 auto;
}

div#header {
border: 0px solid green;
width: 620px;
height: 170px;
background-image: none; /* set later */
background-repeat: no-repeat;
background-position: 170px 0;
}

body#benessere div#header {
background-image: url(images/benessere/header_background.jpg);
}

body#piscina div#header {
background-image: url(images/piscina/header_background.jpg);
}

body#palestra div#header {
background-image: url(images/palestra/header_background.jpg);
}

body#outdoor div#header {
background-image: url(images/outdoor/header_background.jpg);
}

body#video div#header {
background-image: url(images/video/header_background.jpg);
}

body#info div#header {
background-image: url(images/info/header_background.jpg);
}

body#orari div#header {
background-image: url(images/orari/header_background.jpg);
}

body#promo div#header {
background-image: url(images/promo/header_background.jpg);
}

div#special {
margin-top: 9px;
background-color: #f5f5f5;
padding: 7px;
}

div#video_gallery {
padding-bottom: 12px;
border-bottom: 1px solid #fff;
}

div#footer {
margin-top: 22px;
padding-bottom: 12px;
border-top: 1px solid #e60004;
}

/* //////////////////////// NAVIGATION ////////////////////////////// */

div#nav table {
width: 620px;
border: 0px solid purple;
margin: 0;
height: 22px;
margin: 5px 0;
}

div#nav table td {
border-right: 1px solid red;
padding: 0 20px;
}

div#nav table tr td a {
font-size: 14px;
text-transform: uppercase;
color: #4a3a95;
}

div#nav table td#first {
padding-left: 0;
}

div#nav table td#last {
padding-right: 0;
border: 0;
}

/* //////////////////////// SUBNAV ////////////////////////////// */

a.subnav_link {
display: block;
font-size: 18px;
color: #2e1c85;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
height: 23px;
padding-left: 31px;
background-image: url(images/shared/subnav_background.jpg);
background-position: bottom left;
background-repeat: no-repeat;
border: 0px solid red;
}

div#subnav a.subnav_link:hover {
text-decoration: underline;
}