/*** GLOBAL RESET **/

* {margin:0; padding:0;}
img {border:0;} 

/*** SITE STRUCTURE **/

body {
	background: #e7e7d7;
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #000;
	text-align: left;
	}


	
#stripe {position:absolute;
	left:962px;
	top:0px;
	width:38px;
	height:600px;
	background-color:#8b0027;
	z-index:2;
	}
#logo {position:absolute;
	left:841px;
	top:44px;
	width:80px;
	height:600px;
	z-index:3;
	}
	
.centered-box {
	width: 1000px;
	height: 600px;
	background-color: #e7e7d7;
	background-image:url('images/background.jpg');
	background-repeat:no-repeat;
	left: 50%;
	top: 50%;
	margin-top: -300px;
	margin-left: -500px;
	position: fixed;
}

* html .centered-box { 
	position:absolute;
}




/*** NAVIGATION **/

#navigation {
	position:absolute;
	left:0px;
	top:127px;
	width:183px;
	z-index:1;
	font-family:Arial, sans-serif;
	font-weight:900;
	text-align:left;
	font-size:13px;
		line-height:2em;}


#navigation ul li
{ height:25px; list-style:none; margin-left:0px; margin-bottom:5px; background-color:#000000; text-indent:15px;}

#navigation a {text-decoration: none;
display:block;
	color:#aaaaaa;
	height:25px;}

#navigation a:hover
{text-decoration: none;
display:block;
width:182px;
height:25px;
color:#ffffff;
	background-color:#8b0027;}
	
a {text-decoration: none;
	color:#aaaaaa;}






/*** ELEMENT POSITIONING **/

#box01 {
	position:absolute;
	left:192px;
	top:127px;
	width:170px;
	z-index:1;
	}
	
#box02 {
	position:absolute;
	left:444px;
	top:127px;
	width:495px;
	z-index:1;
	}
	
#video {
	position:relative;
	left:385px;
	top:127px;
	height:447px;
	z-index:1;
	}
	
#box03 {
	position:absolute;
	left:192px;
	top:310px;
	width:240px;
	z-index:1;
	overflow:hidden;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.3em;
    color: #585858;
	}
	
#box04 {
	position:absolute;
	left:140px;
	top:480px;
	width:420px;
	z-index:1;
	overflow:hidden;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.3em;
    color: #af4f6a;
	}
	
#box05 {
	position:absolute;
	left:380px;
	top:127px;
	width:720px;
	z-index:1;
	}
	
#box06 {
	position:absolute;
	left:380px;
	top:227px;
	width:720px;
	z-index:1;
	}
	
.back {position:absolute;
top:525px;
left:831px;
	z-index:4;}
	
	
#map {
	position:absolute;
	left:448px;
	top:127px;
	width:326px;
	z-index:1;
	}
	
	
	
	
/*** TEXT FORMATTING **/

ol,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	background: transparent;
	color: #050d24;
	}

h1 {
	font-size: 1.9em;
	line-height: 1.1em;
	color:#231f20;
	}
h2 {
	font-size: 1.1em;
	line-height: 1.2em;
	color:#585858;
	}
h3, h4, h5, h6 {
	font-size: 1em;
	}
p {margin-bottom:13px;
font-weight: bold;
line-height: 1.2em;
color:#585858;}



small {font-size: 0.8em;}

#terms li {list-style:none;margin-bottom:8px;
font-weight: normal;
line-height: 1.2em;
font-size:0.9em;
color:#585858;}



/*** ROLLOVER TABS **/

#main ul.subsection_tabs li.tab{float:left;margin-right:7px;text-align:center}#main ul.subsection_tabs li.tab a{display:block;height:20px;padding:0 6px 0 6px;background-color:#fff;color:#666;width:80px}#main ul.subsection_tabs li.tab a:hover{color:#666}#main ul.subsection_tabs li.tab a.active{background-color:#ddd}#main ul.subsection_tabs li.source_code{float:right}

.tabs_example ul.tabs {
list-style:none;
margin:0;
padding:0;
clear:both;
height:20px;
}
.tabs_example ul.tabs li {
float:left;
margin-right:5px;
width:100px;
text-align:center;
}
.tabs_example ul.tabs li a {
display:block;
height:20px;
padding:0 3px 0 3px;
background-color:#eee;
color:#666;
}
.tabs_example ul.tabs li a:hover {
color:#666;
}
.tabs_example ul.tabs li a.active {
background-color:#ccc;
}
.tabs_example div {
clear:both;
}

.tabbed_images {
			list-style:none;
			margin:0;
			padding:0;
			clear:both;
		}

		.tabbed_images li {
			list-style:none;
			float:left;
			margin:0;
			padding:0;
		
		}

		.tabbed_images li a {
			border:1px solid #8b0027;
			display:block;
			float:left;
			height:90px;
			margin:0 14px 0 0;
		}

		.tabbed_images li a.active,
		.tabbed_images li a:hover {
			border:1px dotted #8b0027;
			
			height:90px;
		}

		.tabbed_images li a img {
			border:none;
			padding:2px;
			margin:0;
			margin-bottom:-5px;
			width:125px;
			height:86px;
		}

		#image_1,
		#image_2,
		#image_3,
		#image_4,
		#image_5 {position:absolute;
		background-image:url('images/backgroundpanel.jpg');
		border:1px solid #8b0027;
		top:150px;
		left:148px;
		width:414px;
		height:285px;
			z-index:2;
	}
.tabpic {position:absolute;
		top:2px;
		width:150px;
		left:1px;
			z-index:3;}
	.tabtxt {position:relative;
		top:10px;
		width:270px;
		height:254px;
		left:140px;
			z-index:3;}
.tabtxt p {margin-bottom:15px;}
.tabtxt h1 {color:#8b0027;
		font-size: 1.3em;}
.tabtxt h2 {color:#050d24;
		font-size: 1em;
			z-index:3;}






/*** SCROLL BOXES **/

.contentcontainer {
  position: absolute;
  top: 355px; left: 570px;
  width: 298px;
  height: 222px;
  background: #ffffff;
}
.contentcontainer2 {
  position: absolute;
  top: 127px; left: 220px;
  width: 675px;
  height: 422px;
  background: #ffffff;
}
.scrollheader {display:block;width:299px;color:#ffffff;height:25px;background-color:#6c6b6c;text-indent:10px;line-height:1.8em; font-size:1.2em;}
.scrollheader2 {display:block;width:675px;color:#ffffff;height:25px;background-color:#6c6b6c;text-indent:10px;line-height:1.8em; font-size:1.2em;}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  left:10px;
  top:30px;
  width: 265px;
  height: 185px;
}
#Scroller-2 { 
  position: absolute; 
  overflow: hidden;
  left:12px;
  top:30px;
  width: 655px;
  height: 360px;
}

.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  	z-index:1;
}

#Scrollbar-Container {
  position: absolute;
  top: 355px; left: 869px;
  	z-index:3;
}
#Scrollbar-Container2 {
  position: absolute;
  top: 127px; left: 895px;
  	z-index:3;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 15px; 
  height: 190px;
  position: absolute;
  top: 15px; left: 0px;
  background: transparent url(images/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Track2 {
  width: 15px; 
  height: 368px;
  position: absolute;
  top: 15px; left: 0px;
  background: transparent url(images/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 14px; height: 10%;left: 1px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 205px;
}
.Scrollbar-Down2 {
  cursor: pointer;
  position: absolute;
  top: 383px;
}

.contentcontainer h1 { font-family:Arial, sans-serif;
font-size: 1.3em;
font-style: normal;
	font-weight: 100;
	color: #1d1d1b;
	text-align: left;}
	
.contentcontainer p {
	font-family:Arial, sans-serif;
font-size: 10px;
font-style: normal;
	font-weight: 600;
	color: #1d1d1b;
	text-align: left;
	line-height:1.2em;
}

form p,ol,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	background: transparent;
	color: #050d24;
	}

h1 {
	font-size: 1.9em;
	line-height: 1.1em;
	color:#231f20;
	}
h2 {
	font-size: 1.1em;
	line-height: 1.2em;
	color:#585858;
	}
h3, h4, h5, h6 {
	font-size: 1em;
	}
p {margin-bottom:13px;
font-weight: bold;
line-height: 1.2em;
color:#585858;}

#terms li {list-style:none;margin-bottom:8px;
font-weight: normal;
line-height: 1.2em;
font-size:0.9em;
color:#585858;}



/*** Form **/

form p {margin-bottom:0px;
	font-size: .8em;
	line-height: 1.6em;
	
	}
	
input, textarea, select { font-size: .8em;}

form { position:absolute;
left:350px;
top:127px;
height:380px;
border: 3px solid #8b0027;
width: 390px; }

form ul li 
{ height:15px; list-style:none; margin-left:0px;font-size:0.7em;}
form {
font-size: 1.2em;
line-height:1.2em;
background: #e7e7d7;

}

fieldset {
margin:8px;
border: 1px solid #000;
border-width: 0;

}
legend {font-size: 1.2em;
margin-bottom: 10px;
color: #000;
}
fieldset.minor {padding-left:10px;
border: 1px solid #bbb;
}

fieldset.minor legend {
font-style: italic;

font-size: .9em;
}
textarea { width: 100%;}


small {font-size: 0.8em;}

#thankyou {
	position:absolute;
	left:350px;
	top:160px;
	height:380px;
	width: 390px;
	text-align: center;
	color: #C00000;
	font-weight: bold;
	border: 3px solid #8b0027;
	background: #e7e7d7;
}

#messaggiopre{
	position:absolute;
	left:20px;
	top:10px;
/*	height:80px;*/
	border: 0px solid #8b0027;
	width: 450px;
	text-align: center;
}
#messaggio{
	position:absolute;
	left:20px;
	top:44px;
/*	height:80px;*/
	border: 3px solid #8b0027;
	width: 450px;
	text-align: center;
}
#magnet{
	position:absolute;
	left:0px;
	top:183px;
}