body { 	
	font-size:90%;
	margin: 0;
	}
body.home {
		background: #000;
		}
#container{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:left;
	}
	
#nav1 {
 width: 890px;
 height: 25px;
 background: url(images/altro+supergrif.gif) no-repeat;
 margin:0;
 padding: 75px 0 0 10px;
 font-family: Verdana, Arial, Helvetica;
 color: #BCBEC0;
 }
#nav1a {
 width: 890px;
 height: 25px;
 background: url(images/altro+supergrifa.gif) no-repeat;
 margin:0;
 padding: 75px 0 0 10px;
 font-family: Verdana, Arial, Helvetica;
 color: #BCBEC0;
 }
#nav1s {
 width: 890px;
 height: 25px;
 background: url(images/altro+supergrifs.gif) no-repeat;
 margin:0;
 padding: 75px 0 0 10px;
 font-family: Verdana, Arial, Helvetica;
 color: #BCBEC0;
 }
 
a.nav1:link {
color: #BCBEC0;
text-decoration: none;
padding: 0 10px;
border-right: 1px solid #BCBEC0;
	}
a.nav1:visited {
color: #BCBEC0;
text-decoration: none;
padding: 0 10px;
border-right: 1px solid #BCBEC0;
	}
a.nav1:hover {
color: #fff;
	}
a.nav1:active {
color: #fff;
	}
	
/* homepage */
#nav2{
	width: 880px;
	height: 156px;
	background: url(images/splash.jpg) no-repeat;
	color:#fff;
	padding: 440px 0 0 20px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica;
	margin-bottom: 20px;
	}
	
a.nav2:link {
color: #fff;
text-decoration: none;
padding: 0 10px;
	}
a.nav2:visited {
color: #fff;
text-decoration: none;
padding: 0 10px;
	}
a.nav2:hover {
color: #BCBEC0;
text-decoration: none;
	}
a.nav2:active {
color: #BCBEC0;
text-decoration: none;
}

/* collections */
#nav3{
	width: 882px;
	height: 26px;
	background: #fff;
	color: red;
	padding: 8px 10px 0 0;
	text-align: right;
	font-family: Verdana, Arial, Helvetica;
	font-size:90%;
	}
	
a.nav3:link {
	color: #000;
	text-decoration: none;
	padding: 0 10px;
	border-right: 1px solid #000;
	}
a.nav3:visited {
	color: #000;
	text-decoration: none;
	padding: 0 10px;
	border-right: 1px solid #000;
	}
a.nav3:hover {
	color: #BCBEC0;
	text-decoration: none;
	}
a.nav3:active {
	color: red;
	text-decoration: none;
	}
	
#content {
	padding-top: 40px;
	background: #fff;
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	border: 4px solid #000;
	margin-bottom: 10px;
	}
	
/* left nav */	
#left {
	float: left;
	padding: 0 30px;
	width: 100px;
	text-align: right;
	background: #fff;
	}
#left ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#left li
{
border-bottom: 1px solid #BCBEC0;
padding-top: 8px;
margin: 0;
}
a.leftnav:link {
color: #A7A9AB;
text-decoration: none;
	}
a.leftnav:visited {
color: #A7A9AB;
text-decoration: none;
	}
a.leftnav:hover {
color: #000;
	}
a.leftnav:active {
color: red;
	}
	
#mid {
	padding: 10px 18px;
	margin-left: 180px;
	margin-right: 202px;
	font-size:90%;
	}
#mid2 {
	padding: 10px 18px;
	margin-left: 180px;
	margin-right: 30px;
	font-size:90%;
	}
#right {
	float: right;
	margin: 10px 30px;
	padding: 30px 13px;
	width: 114px;
	font-size:80%;
	background: #cccccc;
	}
.red {
	color: red;
		}
.clear
{
clear: both
}

/* current page */	
body.collection a#coll,
body.home a#home,
body.company a#comp,
body.dealer a#deal,
body.literature a#lit,
body.contact a#cont {
color: red;
text-decoration: none;
	}

body.literature	#mid {
	height:350px;
	}
	
.miro a#miro,
.d38 a#d38,
.llad a#llad,
.mila a#mila,
.hydra a#hydra,
.orai a#orai,
.tang a#tang,
.aeri a#aeri,
.toyo a#toyo,
.alt a#alt,
.noon a#noon,
.tempo a#tempo {
color: black;
text-decoration: none;
	}
	
.miro li#miro,
.d38 li#d38,
.llad li#llad,
.mila li#mila,
.hydra li#hydra,
.orai li#orai,
.tang li#tang,
.aeri li#aeri,
.toyo li#toyo,
.alt li#alt,
.noon li#noon,
.tempo li#tempo {
border-bottom: 1px solid #000;
padding-top: 8px;
margin: 0 0 10px 0;
}

.sub {
	font-size: 11px;
	line-height: 20px;
	}
a#red
 {
color: red;
text-decoration: none;
	}

.fauc a#fauc,
.show a#show,
.sink a#sink,
.acce a#acce,
.kitc a#kitc {
color: black;
text-decoration: none;
	}
	
.fauc li#fauc,
.show li#show,
.sink li#sink,
.acce li#acce,
.kitc li#kitc {
border-bottom: 1px solid #000;
padding-top: 8px;
margin: 0 0 10px 0;
}
	
.product {
		border: 0;
		}
div.float {
  float: left;
  }
div.float p {
	width: 150px;
	height: 160px;
	text-align: center;
	}
	
.meas a{position:relative;}

@media all and (min-width: 0px){
 .meas a {
	display:block;
  }
.meas a span{display:none;}
.meas a:hover span{display:block;}
}
.meas a span{
	visibility:hidden;/* hide message initially*/
	position:absolute;
	top:-225px;
	left:-540px;
	width:450px;
	padding:0px;
	text-decoration:none;
}
.meas a:hover{visibility:visible}/* ie bug needed to make span show*/
.meas a:hover span{visibility:visible;}/* show image on hover*/

a {
outline:none;
}
a:link {
	color: #7F8182;
	text-decoration: none;
}
a:visited {
	color: #7F8182;
	text-decoration: none;
}
a:hover {
	color: #203C6C;	
}
a:active {
	color: #red;	
}
a:focus {
	color: #red;	
}