/* BODY */
body {
margin:0 0 0 0;
background-color:#660000;
background-image:url('../img/bg.jpg');
background-position:left top;
background-repeat:repeat-x;
height:100%;
}

html {
margin:0 0 0 0;
height:100%;
}

<!--
html {
	overflow-x: hidden;
} 
-->

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

img{
border:0px
}

p{
margin:0px;
padding:0px;
z-index:1000
}

/* STRUTTURA */
.top{
position:relative;
top:0px;
left:0px;
height:156px;
width:100%;
background-image:url('../img/top.jpg');
z-index:10000
}

.ringo{
position:absolute;
bottom:-71px;
right:0px;
height:350px;
width:350px;
background-image:url('../img/ringo.png');
background-position:right bottom;
background-repeat:no-repeat;
z-index:100
}

.cityscape{
position:absolute;
bottom:0px;
right:0px;
height:650px;
width:450px;
background-image:url('../img/bg-corner.png');
background-position:right bottom;
background-repeat:no-repeat;
z-index:0
}


.footer{
height:71px;
width:100%;
position:relative;
background-image:url('../img/footer.jpg');
overflow:hidden;
z-index:10
}



.logo{
position:absolute;
height:144px;
width:288px;
top:0px;
left:30px;
}

.claim{
position:absolute;
height:145px;
width:285px;
top:0px;
left:340px;
}

.frequenza{
position:absolute;
height:90px;
top:20px;
left:670px;
width:210px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
font-weight:bold;
line-height:17px;
}

.frequenza a{
font-family:Arial, Helvetica, sans-serif;
color:#cc0033;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
display:block;
}

.frequenza a:hover {border-bottom: 3px solid #FFFFFF;}
.frequenza a.active {text-decoration:underline;}


.virgin{
position:absolute;
height:116px;
width:100px;
top:0px;
left:900px;
}

.container{
width:100%;
display:block;
padding-bottom:50px;
position:relative;
z-index:1000;
}


/* --------------------------------------------------------------------------*/
/* top nav -------------------------------------------------------------------*/
.facebook{
height:21px;
width:21px;
position:absolute;
top:128px;
left:950px;
}

#top-nav {
position:absolute;
height:20px;
width:520px;
top:128px;
left:420px;
color:#FFFFFF;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
font-size:100%;
margin:0 0 0 0;
padding:0px;
padding-top:0px;
display:block;
text-align:right;
}

#top-nav span.logo { margin: 0; float: left }

#top-nav ul{
	display: inline;
	padding: 0 0px 0 0;
	margin: 0;
}
#top-nav ul li{
	display: inline;
	padding: 0;
	margin: 0 10px 0 0;
	line-height:23px;
}
#top-nav ul li a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-size: 90%;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom: 3px solid #990000;
}

#top-nav ul li a:hover {border-bottom: 3px solid #FFFFFF;}
#top-nav ul li a.active {border-bottom: 3px solid #FFFFFF;}






/* --------------------------------------------------------------------------*/
/* WORK - nav -------------------------------------------------------------------*/

	

#work_nav {	
	position:absolute;	
	left:40px;
	top:30px;
	border:0;	
	font-family: Arial black, sans-serif;
	letter-spacing: -0.1em;
	display:block;
	padding:0;
	width: 280px;
	text-align:left;
	}

#work_nav ul {
	list-style-type:none;
	margin: 0 0 0 0;
	text-align: left;
	list-style-type:none;
	line-height: 2em;
	padding:0px;
	}

#work_nav li a {
	display:block;
	text-decoration:none;
	color:#460000;
	margin: 0 0 0 0;
	font-size:28px;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	padding:0px;
	}

#work_nav li a.sel {
	color:#fff;
	}
	
	

#work_nav li a:hover {
	color:#fff;
	}
	
	
/* --------------------------------------------------------------------------*/
/* DOWNLOAD - nav -------------------------------------------------------------------*/

	

#download_nav {	
	position:relative;	
	left:40px;
	top:30px;
	border:0;	
	font-family: Arial black, sans-serif;
	letter-spacing: -0.1em;
	display:block;
	padding:0;
	width: 280px;
	text-align:left;
	height:1000px;
	}

#download_nav ul {
	list-style-type:none;
	margin: 0 0 0 0;
	text-align: left;
	list-style-type:none;
	line-height: 36px;
	padding:0px;
	}

#download_nav li a {
	display:block;
	text-decoration:none;
	color:#460000;
	margin: 0 0 0 0;
	font-size:40px;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	padding:0px;
	}

#download_nav li a.sel {
	color:#fff;
	}
	
	

#download_nav li a:hover {
	color:#fff;
	}


/* --------------------------------------------------------------------------*/
/* OPTICAL ICON -------------------------------------------------------------------*/

.optical{
position:absolute;
height:29px;
width:28px;
margin-top:-9px;
margin-left:-9px;
background-image:url('../img/optical.png')
}

/* --------------------------------------------------------------------------*/
/* LOCATION BOX -------------------------------------------------------------------*/

.location_boxes{
position:relative;
top:40px;
width:360px;
left:280px;
z-index:1000
}

.location_download{
position:relative;
width:198px;
margin-bottom:16px;
left:-40px;
height:86px;
}

.location_banner{
position:absolute;
width:504px;
height:168px;
background-color:black;
left:210px;
padding:10px;
}



.location_box{
position:relative;
width:360px;
background-color:#000;
margin-bottom:16px;
}

.location_box h1{
color:#FFFFFF;
display:block;
font-family:Arial black,sans-serif;
font-size:150%;
font-weight:bold;
line-height:1em;
text-transform:uppercase;
padding:12px;
}

.location_box p{
color:#777777;
display:block;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
padding-top:18px;
padding:12px;
}


/* --------------------------------------------------------------------------*/
/* YOUTUBE -------------------------------------------------------------------*/


.youtube_box{
position:absolute;
width:320px;
height:265px;
background-color:black;
margin-left:374px;
border-bottom:12px #000 solid
}

.ink{
position:absolute;
top:277px;
height:61px;
width:128px;
left:192px;
background-image:url('../img/ink.png')
}


/* --------------------------------------------------------------------------*/
/* GOOGLE MAP -------------------------------------------------------------------*/


.google_map{
position:relative;
height:280px;
width:670px;
background-color:#000;
left:280px;
top:40px;
border:10px #000 solid;
margin-bottom:60px;
z-index:100000
}

.firstHeading{
color:#000;
display:block;
font-family:Arial black,sans-serif;
font-size:90%;
font-weight:bold;
line-height:1em;
text-transform:uppercase;
padding:12px;
}


/* --------------------------------------------------------------------------*/
/* AREA DOWNLOAD -------------------------------------------------------------------*/

.download1{
position:relative;
height:289px;
width:650px;
left:10px;
top:20px;
background-image:url('../img/rockyourgarmin.jpg');
margin-bottom:30px;
}

.download1_box{
position:relative;
width:404px;
background-color:#550000;
margin-bottom:16px;
left:125px;
}

.download1_box h1{
color:#fff;
display:block;
font-family:Arial black,sans-serif;
font-size:150%;
font-weight:bold;
line-height:1em;
text-transform:uppercase;
padding:12px;
}

.download1_box p{
color:#777;
display:block;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
padding-top:18px;
padding:12px;
}

.download2{
position:absolute;
height:289px;
width:370px;
left:604px;
top:20px;
margin-bottom:30px;
}


.download2_box{
position:relative;
width:370px;
background-color:#000;
margin-bottom:16px;
}

.download2_box h1{
color:#FFFFFF;
display:block;
font-family:Arial black,sans-serif;
font-size:150%;
font-weight:bold;
line-height:1em;
text-transform:uppercase;
padding:12px;
}

.download2_box p{
color:#777777;
display:block;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
padding-top:18px;
padding:12px;
}

/* --------------------------------------------------------------------------*/
/* NEWS -------------------------------------------------------------------*/

.news_boxes{
position:relative;
top:40px;
width:600px;
left:40px;
z-index:1000
}



.news_box{
position:relative;
width:600px;
background-color:#000;
margin-bottom:16px;
}

.news_box h1 a:visited {
border-bottom: 3px solid #000;
color:#FFFFFF;
display:block;
font-family:Arial black,sans-serif;
font-size:30px;
font-weight:bold;
line-height:1em;
text-transform:uppercase;
padding:12px;
text-decoration:none;
margin:0px;
}

.news_box h1 a:link{
color:#FFFFFF;
display:block;
font-family:Arial black,sans-serif;
font-size:30px;
font-weight:bold;
line-height:1em;
text-transform:uppercase;
padding:12px;
border-bottom: 3px solid #000;
text-decoration:none;
margin:0px;
padding-top:0px;
}


.news_box p{
color:#777777;
display:block;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
padding-top:18px;
padding:12px;
}

.news_box h1 a:hover {border-bottom: 3px solid #FFFFFF;}
.news_box h1 a.active {border-bottom: 3px solid #FFFFFF;}

#data{
color:#999;
font-family:Arial black,sans-serif;
font-size:18px;
font-weight:normal;
text-transform:uppercase;
padding:12px;
padding-bottom:0px;
margin:0px;
}


/* form concorso */
#form_concorso {
	font-family: Arial,sans-serif;
	color:#fff;
	font-size:13px;
	font-weight: normal;
}

#form_concorso fieldset {border:0}
#form_concorso td {vertical-align: top; }
#form_concorso legend {display: none;}
#form_concorso label {}
#form_concorso .input {margin:0; padding:0;}
#form_concorso input,
#form_concorso textarea{
	width: 247px;
	border:1px solid #ddd;
	color:#292929;
}
#form_concorso textarea {height:100px;}
#form_concorso .informativa {height: 80px; font-size:11px; padding:0; overflow-x: hidden; font-family: arial;}
#form_concorso .proposta {height: 30px;}
#form_concorso .controllo {width: 30px;}
/*
#form_concorso .radio input {display:inline; float:left; border:1px solid red; clear:none;}
#form_concorso .radio span {display:inline;  float:right; border:1px solid red;}
*/
#form_concorso .radio input,
#form_concorso .checkbox_fix
 {width: 20px; border:0; text-align: left; margin:0; padding:0;}


#form_concorso select {font-family: Arial,sans-serif; font-size:90%;}
#form_concorso .required {font-weight: normal;}

#form_concorso small {color:#999;font-size:11px;}

#form_concorso .submit {padding: 3px 4px; font-size:12px; color:#fff; background: #960000; border:0; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}
#form_concorso .submit:hover {background: #292929;}

#form_concorso .error-message {display:block; background: #990000; color:#fff; font-size:12px; padding:3px; font-weight: bold;}

#flashMessage {display:block; background: #000; color:#fff; font-size:13px; text-align:left; padding:5px 3px; font-weight: bold; font-family: Arial, tahoma;}

/* pagine statiche e di conferma, setflash*/
#pagina_statica,
#pagina_statica ul {color: #fff; font-family: arial; font-size: 13px; font-weight: bold;}
#pagina_statica li {list-style: square; font-family: arial; font-size: 13px; font-weight: bold; color: #fff; }

#pagina_statica h1,
#pagina_statica h3 {
color:#FFFFFF;
display:block;
font-family:Arial black,sans-serif;
font-size:150%;
font-weight:bold;
line-height:1em;
text-transform:uppercase;
padding:12px;}

#pagina_statica p {color:#ddd;}

#form_concorso a.regolamento {
	color:#fff; font-size:12px; text-align:center; font-weight: bold; text-transform:uppercase; text-align:center; font-family: Arial, tahoma; text-decoration: none;
}

#form_concorso a.regolamento:hover { text-decoration: underline; }