/*
 *   GENERAL SETTINGS AND TAGS DEFAULTS 
 */

* {
  margin: 0px;
  padding: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #333;
}

body {
  background-color: #eae8e8;
}

.clear {
  clear: both;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover {
	color: #1e0363;
}

/*
 *   DIVS DEFAULTS 
 */

#container {
  margin: auto;
  width: 680px;
}

#header {
  display: block;
  width: 680px;
  height: 110px;
  background-image: url(img/header_bkgd.png);
  background-repeat: no-repeat;
  border: 1px solid #eae8e8;
}

#topmenu {
  display: block;
  width: 680px;
  height: 27px;
  margin-top: 76px;
}

  #top_home:link, #top_home:visited {
    display: block;
    width: 86px;
    height: 27px;
    background: url(img/top_home.png);
    float: left;
  }

  #top_home:hover {
    background: url(img/top_home_h.png);
  }

  #top_prodotti:link, #top_prodotti:visited {
    display: block;
    width: 106px;
    height: 27px;
    background: url(img/top_prodotti.png);
    float: left;
  }

  #top_prodotti:hover {
    background: url(img/top_prodotti_h.png);
  }

  #top_clienti:link, #top_clienti:visited {
    display: block;
    width: 96px;
    height: 27px;
    background: url(img/top_clienti.png);
    float: left;
  }

  #top_clienti:hover {
    background: url(img/top_clienti_h.png);
  }

  #top_azienda:link, #top_azienda:visited {
    display: block;
    width: 101px;
    height: 27px;
    background: url(img/top_azienda.png);
    float: left;
  }

  #top_azienda:hover {
    background: url(img/top_azienda_h.png);
  }

  #top_lavora:link, #top_lavora:visited {
    display: block;
    width: 100px;
    height: 27px;
    background: url(img/top_lavora.png);
    float: left;
  }

  #top_lavora:hover {
    background: url(img/top_lavora_h.png);
  }

  #top_link:link, #top_link:visited {
    display: block;
    width: 89px;
    height: 27px;
    background: url(img/top_link.png);
    float: left;
  }

  #top_link:hover {
    background: url(img/top_link_h.png);
  }

  #top_contatti:link, #top_contatti:visited {
    display: block;
    width: 102px;
    height: 27px;
    background: url(img/top_contatti.png);
    float: left;
  }

  #top_contatti:hover {
    background: url(img/top_contatti_h.png);
  }

#page {
  width: 680px;
  border: 1px solid #eae8e8;
}

  #article {
    width: 481px;
    background: url(img/article_bkgd.png);  
  }
  
    #article h1 {
      margin: 10px 10px 20px 10px;
      font-size: 16px;
      font-family: 'Arial Black', helvetica, sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      color: #fcc202;
    }
    
    #article h2 {
      margin: 5px 10px 5px 10px;
      font-size: 13px;
      color: #666;
      border-bottom: 1px dotted #ddd;
      padding-bottom: 2px;
    }
    
    #article p {
      margin: 8px 10px 3px 10px;
      text-align: justify;
    }
  
    #article  ul {
      padding-left: 30px;
    }

  	#article  li {
  	  margin-left: 10px;
  	  padding: 2px 10px 0px 10px;
  	}
  	
  	#article blockquote {
  	  margin: 3px 20px 3px 30px;
  	}
  	
  	#article a:link, #article a:visited {
  	  font-weight: bold;
  	  color: #999;
  	}
  	
  	#article a:hover {
  	  text-decoration: underline;
  	}
  	
  #article_top {
    display: block;
    width: 481px;
    height: 9px;
    background: url(img/article_top_bkgd.png); 
    background-repeat: no-repeat;
  }
  
  #article_bottom {
    display: block;
    width: 481px;
    height: 9px;
    background: url(img/article_bottom_bkgd.png); 
    background-repeat: no-repeat;
	background-position: bottom left;
  }

  #article td {
  	padding: 2px 5px 2px 5px;
  }
  
  #article th {
    padding: 2px 5px 2px 5px;
    background-color: #1e0363;
    color: #fff;
  }

  #article input, #article textarea {
  	width: 300px;
  	height: 12px;
  	font-size: 10px;
  	padding: 1px;
  	border: 1px solid #999;
  }

  #article textarea {
  	height: 160px;
  }
  
    .button {
    	width: 50px;
    	height: 14px;
    	background: #ccc;
    }
    
    .button:hover {
    	background: #fcc202;
    }
  
    .label {
    	width: 100px;
    	text-align: right;
    	font-weight: bold;
    	color: #999;
    }

	#article p.result {
		margin-top: 3px;
		padding_bottom: 2px;
		border-bottom: 1px dotted #999;
	}

  #related {
  	width: 440px;
  	background-color: #efefef;
  	margin: 10px;
  	padding: 10px;
  	border-top: 1px solid #999;
  	border-bottom: 1px solid #999;
  }

    #related h1 {
    	font-size: 12px;
    	margin: 0px 10px 5px 10px;
    }

  #news {
    display: block;
    width: 680px;
    height: 277px;
    background: url(img/news_bkgd.png);
    background-repeat: no-repeat;
    margin-bottom: 8px;
  }

    #news img {
      float: left;
    }

    #newsroll {
      margin: 0px 10px 10px 398px;
    }

      #newsroll h1 {
        padding-top: 20px;
        margin-bottom: 52px;
        font-family: 'Arial Black', helvetica, sans-serif;
        font-size: 18px;
        font-weight: normal;
        text-transform: uppercase;
        color: #1e0363;
      }

      #newsroll h2 {
        padding-bottom: 4px;
        font-size: 11px;
        text-transform: uppercase;
        color: #fcc202;
      }

      #newsroll h2:hover, #newsroll a:hover {
        color: #666;
      }

      #newsroll p {
         padding-bottom: 8px;
         margin-bottom: 8px;
         border-bottom: 1px solid #eae8e8;
      }

  #highlights h1 {
    margin: 6px 9px 13px 8px;
    padding-bottom: 3px;
    font-family: 'Arial Black', helvetica, sans-serif;
    font-size: 13px;
	letter-spacing: -0.05em;
    font-weight: normal;
    text-transform: uppercase;
    color: #fcc202;
  }

  #highlights h1:hover, #highlights a:hover {
    color: #1e0363;
  }

  #highlights p {
    margin: 9px 7px 7px 9px;
    line-height: 12px;
  }

  #highlights img {
    margin-bottom: 5px;
  }	

  #highlights_1 {
    display: block;
    width: 170px;
    height: 203px;
    background: url(img/highlights_1.png);
    background-repeat: no-repeat;
    float: left;
  }

  #highlights_2 {
    display: block;
    width: 170px;
    height: 203px;
    background: url(img/highlights_2.png);
    background-repeat: no-repeat;
    float: left;
  }

  #highlights_3 {
    display: block;
    width: 170px;
    height: 203px;
    background: url(img/highlights_3.png);
    background-repeat: no-repeat;
    float: left;
  }

  #highlights_4 {
    display: block;
    width: 170px;
    height: 203px;
    background: url(img/highlights_4.png);
    background-repeat: no-repeat;
    float: left;
  }

  #navbar {
  	float: right;
    width: 193px;
    /*margin-left: 487px;*/
    background: url(img/navbar_bkgd.png);
  }
  
    #navbar h1 {
    	font-family: 'Arial Black', helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: normal;
    	margin: 0px 6px 6px 6px;
    	color: #fff;
    }
  
    a.navbar:link, a.navbar:visited {
  	  margin: 0px 1px 0px 1px;
  	  padding: 5px 10px 5px 10px;
  	  display: block;
  	  width: 171px;
  	  height: 12px;
  	  border-bottom: 1px solid #999;
  	  font-size: 10px;
  	  font-weight: bold;
  	  text-transform: uppercase;
  	  text-decoration: none;
  	  color: #333;
    }
  
    a.navbar:hover {
  	  background: #fff;
    }

  #navbar_top {
    display: block;
    width: 193px;
    height: 10px;
    background: url(img/navbar_top_bkgd.png); 
    background-repeat: no-repeat;
  }
  
  #navbar_bottom {
    display: block;
    width: 193px;
    height: 10px;
    background: url(img/navbar_bottom_bkgd.png); 
    background-repeat: no-repeat;
	background-position: bottom left;
  }
 
  #cerca {
  	display: block;
    width: 173px;
    height: 14px;
    padding: 43px 10px 10px 10px;
    background: url(img/cerca_bkgd.png); 
  }
  
    #cerca_but:link, #cerca_but:visited {
      float: right;
      display: block;
      width: 16px;
      height: 16px;
      background: url(img/cerca_but.png);
    }

    #cerca_but:hover {
      background: url(img/cerca_but_h.png); 
    }
    
    #cerca input {
  	  width: 150px;
  	  height: 13px;
  	  font-size: 10px;
  	  padding: 1px;
  	  border: 1px solid #999;
    }
  
  #mailing a:link, #mailing a:visited {
  	display: block;
    width: 193px;
    height: 67px;
    background: url(img/mailing_bkgd.png); 
  }
  
  #mailing a:hover {
    background: url(img/mailing_bkgd_h.png); 
  }  
  
#footer {
  display: block;
  width: 680px;
  height: 20px;
  margin-top: 7px;
  background: url(img/footer_bkgd.png);
  border: 1px solid #eae8e8;
}

  #copyright {
    margin: 3px 0px 0px 7px;
    float: left;
    color: #666;
  }

  #credits {
    margin: 3px 5px 0px 0px;
    float: right;
    text-align: right;	
  }

    #credits a:link, #credits a:visited {
      text-decoration: none;
      color: #1e0363;
    }

    #credits a:hover {
      text-decoration: underline;
    }