body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	width: 850px;
	position: relative;
	margin: 0px auto 0px auto;
}

img {
	border: 0;
}

/* -------------- HOME ----------------------- */
body#homebox {
	height: 630px;
	background-image: url(images/bghome.jpg);
	background-repeat: no-repeat;
	background-position: center 100px;
}

/* ------ logo in alto a sx ------------- */
body#homebox h1 {
	position: absolute; 
	top: 0px;
	left: 45px;
	height: 69px;
	width: 187px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -9999px;
}

body#introbox {
	height: 590px;
}
/* --------------- menu in basso ------------- */
body#homebox ul, body#introbox ul, body#chisiamo2box ul {
	margin: 0px;
	padding: 0px;
	width: 850px;
	height: 15px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	list-style-type: none;
}

body#homebox ul li a, body#introbox ul li a, body#chisiamo2box ul li a {
	display: block;
	height: 15px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-position: top left;
}

body#homebox li#home a, body#introbox li#home a, body#chisiamo2box li#home a {
	left: 0px;
	width: 53px;
	background-image: url(images/home.png);
}

body#homebox li#chisiamo a, body#introbox li#chisiamo a, body#chisiamo2box li#chisiamo a {
	left: 53px;
	width: 99px;
	background-image: url(images/chisiamo.png);
}

body#homebox li#bbs a, body#introbox li#bbs a, body#chisiamo2box li#bbs a {
	left: 152px;
	width: 158px;
	background-image: url(images/backbeatstory.png);
}

body#homebox li#produzioni a, body#introbox li#produzioni a, body#chisiamo2box li#produzioni a {
        left: 310px;
        width: 115px;
        background-image: url(images/produzioni.png);
}

body#homebox li#newgen a, body#introbox li#newgen a, body#chisiamo2box li#newgen a {
        left: 425px;
        width: 157px;
        background-image: url(images/newgeneration.png);
}

body#homebox li#gallery a, body#introbox li#gallery a, body#chisiamo2box li#gallery a {
        left: 582px;
        width: 78px;
        background-image: url(images/gallery.png);
}

body#homebox li#video a, body#introbox li#video a, body#chisiamo2box li#video a {
        left: 660px;
        width: 63px;
        background-image: url(images/video.png);
}


body#homebox li#contatti a, body#introbox li#contatti a, body#chisiamo2box li#contatti a {
        left: 723px;
        width: 88px;
        background-image: url(images/contatti.png);
}

body#homebox li#link a, body#introbox li#link a, body#chisiamo2box li#link a {
        left: 811px;
        width: 43px;
        background-image: url(images/link.png);
}

/* --------------------- CHI SIAMO ------------------ */

body#chisiamobox {
	width: 976px;
        height: 715px;
        background-image: url(images/bgchisiamo.jpg);
        background-repeat: no-repeat;
        background-position: center top;
}

body#chisiamo2box {
        width: 976px;
        height: 715px;
        background-repeat: no-repeat;
        background-position: center top;
}


body#chisiamobox h1, body#chisiamo2box h1 {
        position: absolute;
        top: 0px;
        left: 75px;
        height: 69px;
        width: 187px;
        text-indent: -9999px;
}

body#chisiamobox h2, body#chisiamo2box h2 {
	position: absolute;
	text-indent: -9999px;
}

div#chisiamocontent p, div#chisiamocontent h3{
	position: absolute;
	text-indent: -9999px;
	font-size: 9px;
}

/* ------ menu in basso chi siamo e backbeatstory ---- */

body#chisiamobox ul {
        margin: 0px;
        padding: 0px;
        width: 850px;
        height: 15px;
        position: absolute;
        bottom: 104px;
        left: 66px;
        list-style-type: none;
}

body#bbsbox ul {
        margin: 0px;
        padding: 0px;
        width: 850px;
        height: 15px;
        position: absolute;
        bottom: 104px;
        left: 0px;
        list-style-type: none;
}

body#gallerybox ul {
	margin: 0px;
	padding: 0px;
	width: 850px;
	height: 15px;
	position: absolute;
	bottom: 114px;
	left: 0px;
	list-style-type: none;
}

body#gallerybox.chisiamo ul {
	bottom: 104px;
}

body#chisiamobox li a, body#bbsbox li a, body#gallerybox li a  {
        display: block;
        height: 15px;
        text-indent: -9999px;
        position: absolute;
        top: 0px;
}

body#chisiamobox li#home a, body#bbsbox li#home a, body#gallerybox li#home a {
        left: 0px;
        width: 53px;
}

body#chisiamobox li#chisiamo a, body#bbsbox li#chisiamo a, body#gallerybox li#chisiamo a {
        left: 53px;
	width: 99px;
}


body#chisiamobox li#bbs a, body#bbsbox li#bbs a, body#gallerybox li#bbs a {
        left: 152px;
        width: 158px;
}

body#chisiamobox li#produzioni a, body#bbsbox li#produzioni a, body#gallerybox li#produzioni a {
        left: 310px;
        width: 115px;
}

body#chisiamobox li#newgen a, body#bbsbox li#newgen a, body#gallerybox li#newgen a {
        left: 425px;
        width: 157px;
}

body#chisiamobox li#gallery a, body#bbsbox li#gallery a, body#gallerybox li#gallery a {
        left: 582px;
        width: 78px;
}

body#chisiamobox li#video a, body#bbsbox li#video a, body#gallerybox li#video a {
        left: 660px;
        width: 63px;
}

body#chisiamobox li#contatti a, body#bbsbox li#contatti a, body#gallerybox li#contatti a {
        left: 723px;
        width: 88px;
}

body#chisiamobox li#link a, body#bbsbox li#link a, body#gallerybox li#link a {
        left: 811px;
        width: 43px;
}

/* ----------------- BACK BEAT STORY -------------- */

/* ---------- menu insieme a chi siamo ---------- */

body#bbsbox {
        width: 852px;
        height: 768px;
        background-image: url(images/bgbackbeat.jpg);
        background-repeat: no-repeat;
        background-position: center top;
	position: relative;
}

body#bbsbox h1 {
        position: absolute;
        top: 0px;
        left: 75px;
        height: 69px;
        width: 187px;
        text-indent: -9999px;
}

body#bbsbox h2 {
        position: absolute;
        text-indent: -9999px;
}

/* ----- pulsanti delle varie fasi ---- */

body#bbsbox ol {
	margin: 0px;
	padding: 0px;
	height: 230px;
	width: 852px;
	position: absolute;
	top: 290px;
	list-style-type: none;
}

body#bbsbox ol li a {
	display: block;
	position: absolute;
	top: 0px;
	height: 230px;
	width: 220px;
	text-indent: -9999px;
}

body#bbsbox ol li#fase1 a {
	left: 0px;
	width: 220px;
}


body#bbsbox ol li#fase2 a {
	left: 220px;
	width: 210px;
}

body#bbsbox ol li#fase3 a {
	left: 430px;
	width: 210px;
}


body#bbsbox ol li#fase4 a {
	left: 640px;
	width: 210px;
}

/* ----------------- GALLERY VARIE -------------------- */
/* menu con quello di bbsbox */

body#gallerybox {
        width: 852px;
        height: 768px;
        background-image: url(images/bggallery.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        position: relative;
}

body#gallerybox h1 {
        position: absolute;
        top: 0px;
        left: 75px;
        height: 69px;
        width: 187px;
        text-indent: -9999px;
}

body#gallerybox h2 {
        position: absolute;
        text-indent: -9999px;
}

body#gallerybox p {
	line-height: 1.5em;
}


/* -------------- thumbnail da 10 ------------ */
/* dimensione thumbnail: 76 x 76 */

body#gallerybox ul#thumbnails10 {
        margin: 0px;
        padding: 0px;
        width: 164px;
        height: 410px;
        position: absolute;
	left: 10px;
	bottom: 160px;
        list-style-type: none;
}

body#gallerybox ul#thumbnails10 li {
	width: 76px;
	height: 76px;
	margin: 0;
	padding: 0;
	margin-right: 6px;
	margin-top: 6px;
	position: relative;
	float: left;
}

body#gallerybox ul#thumbnails10 img {
	width: 76px;
	height: 76px;
}
body#gallerybox ul#thumbnails10 a {
	position: relative;
	display: inline;
}

/* -------------- thumbnail da 20 ------------ */
/* dimensione thumbnail: 60x60 */

body#gallerybox ul#thumbnails20 {
        margin: 0px;
        padding: 0px;
        width: 268px;
        height: 335px;
        position: absolute;
        left: 10px;
        bottom: 200px;
        list-style-type: none;
}

body#gallerybox ul#thumbnails20 li {
        width: 60px;
        height: 60px;
        margin: 0;
        padding: 0;
        margin-right: 7px;
        margin-top: 7px;
        position: relative;
        float: left;
}

body#gallerybox ul#thumbnails20 img {
        width: 60px;
        height: 60px;
}
body#gallerybox ul#thumbnails20 a {
        position: relative;
        display: inline;
}


/* ----------------- foto grande --------------- */

body#gallerybox div#fotogalleria10 {
	width: 613px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	bottom: 160px;
}

body#gallerybox div#fotogalleria20 {
        width: 567px;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0px;
        bottom: 200px;
}

/* dimensioni immagini: da 10 - 613x407, da 20 - 497 x 328 */

body#gallerybox div#fotogalleria10 p {
        margin: 0px;
        padding: 0px;
        width: 613px;
        height: 407px;
	overflow: hidden;
}


body#gallerybox div#fotogalleria20 p {
	margin: 0px;
	padding: 0px;
	width: 507px;
	height: 328px;
	padding-left: 60px;
}


body#gallerybox div#contatti div#fotogalleria20 p {
	width: 260px;
	height: 330px;
}

body#gallerybox h3 {
	color: red;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
	font-size: 18px;
	text-align: right;
}

body#gallerybox div#fotogalleria20 p {
	text-align: justify;
}

body#gallerybox div#fotogalleria20 p img {
	float: right;
}

body#gallerybox div#fotogalleria10 p {
	text-align: justify;
}

body#gallerybox div#fotogalleria10 p img {
	float: right;
}

body#gallerybox div#fotogalleria20 span.firma {
	display: block;
}

body#gallerybox div#fotogalleria20 h4 {
	text-align: right;
	margin-top: 0;
	font-size: 14px;
}

/* titoli grafici */

h2#newgeneration {
	width: 250px;
	height: 40px;
	position: absolute;
	top: 115px;
	right: 0px;
	/* background: no-repeat url(images/newgeneration2.png) top left;*/
}

h2#dreams {
        width: 140px;
        height: 50px;
        position: absolute;
        top: 95px;
        right: 0px;
        background: no-repeat url(images/dreams.png) bottom left;
	text-align: right;
	color: #000;
}

body#gallerybox h2#produzioni, body#gallerybox h2#contatti {
	width: 250px;
	height: 40px;
	color: #000;
        position: absolute;
        text-indent: 0px;
        top: 115px;
        right: 0px;
	text-align: right;
}



div#contatti {
        width: 400px;
        height: 335px;
        position: absolute;
	right: 450px;
	top: 0px;
	overflow: visible;
}

body#gallerybox div#contatti p {
	text-align: left;
	height: auto;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

/* chi siamo */

a#avanti {
	text-decoration: none;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 65px; 
	right: 430px;
}

div#frecce {
	position: absolute;
	bottom: 30px;
	right: 352px;
}

div#frecce a {
	text-decoration: none;
	display: block; 
	float: right;
	height: 24px;
	width: 24px;
}

div#frecce a#indietro3 {
	position: relative;
	right: 54px;
	top: -15px;
}

div#frecce a#avanti2 {
	margin-left: 40px;
}

div#fotogalleria20 h3, div#fotogalleria10 h3 {
	font-family: Arial, Verdana, Sans-serif;
}

/* frecce gallery */

div#frecce2 {
	width: 200px;
        position: absolute;
        top: 700px;
        left: 350px;
	text-align: center;
}

div#video {
	position: relative;
	left: 300px;
	top: 238px;
}

div#intro {
	width: 740px;
	margin: 0px auto;
}

img#cartellone {
        position: absolute;
        left: 10px;
        bottom: 200px;
}

a#linkprogramma {
	color: red;
	text-decoration: underline;
}

body#gallerybox div#fotogalleria20 p#programma {
}