/* CIBLO 2008 - HEADER */

#header { position: relative; height: 21em; margin: 0 0.6em; }

h1#logo { text-indent: -9000px; overflow: hidden; } /* Fix FF: no overflow push down the header */
#logo span { display: none; }
#logo a img { position: absolute; top: 4.5em; left: 4.5em; }

p#baseline { position: absolute; top: 5em; left: 20.5em; width: 42em; }
#baseline span { font-size: 16px; font-weight: bold; color: #fff; }

p#phone { position: absolute; top: 0.3em; left: 53em; }
#phone span.value { font-size: 14px; font-weight: bold; color: #000; }
#phone span.label { display: none; }

ul#mainMenu { position: absolute; bottom: 0; left: 0; height: 4.1em; width: 90em; }
#mainMenu li { 
	float: left; width: 13.8em; text-align: center;
	background: transparent url(../images/btn_green.png) center top no-repeat;
}
#mainMenu li.item02 { background-image: url(../images/btn_pink.png); width: 15.3em; }
#mainMenu li.item03 { background-image: url(../images/btn_cyan.png); }
#mainMenu li.item04 { background-image: url(../images/btn_blue.png); width: 19.2em; }
#mainMenu li.item05 { background-image: url(../images/btn_violet.png); }
#mainMenu li.item06 { background-image: url(../images/btn_purple.png); }
#mainMenu li a {
	display: block; font-size: 12px;
	padding-top: 0.41em; height: 3em; line-height: 3em;
	color: #fff; font-weight: bold;
}
#mainMenu li a:hover { text-decoration: underline; }
div#active { 
	background-image: url(../images/scotch.png); background-repeat: no-repeat;
	width: 12.2em; height: 2.8em; position: absolute;
	bottom: -2em; left: 0.8em; z-index: 42;
}
#header .active00 { display: none; }
#header .active01 { left: 0.8em; }
#header .active02 { left: 15.3em; }
#header .active03 { left: 29.9em; }
#header .active04 { left: 46.4em; }
#header .active05 { left: 62.9em; }
#header .active06 { left: 76.7em; }