/* foglio di stile per la pagina Home */
/*sito www.casarredodesign.it*/
/*grafica di CBseeCOM sviluppo web di AR webdesign*/

html {background-color: #fff}

body{margin:0; padding:0;}

p{font-family: Arial, Helvetica, sans-serif;
  font-size: 60%;
  color: #97908a;
  margin: 0;
  padding: 0;}

p.sign{padding: 9px 0 0 0; float: right;}
p.telefono{padding: 12px 0; float: left;}

a{font-size: 0.75em; line-height: 1.2em;}
a:focus, a:active {outline: none;}
  
.normal{font-size: 0.75em; line-height: 1.2em;}
.small{font-size: 56%; line-height: 1em;}
.compact{line-height: 1.1em;}
.white{color: #FFF; line-height: 1.2em;}
.grey{color: #97908a; line-height: 1.2em;}

/****************************************************************/
/****************************************************************/
/****************************************************************/

#container{width: 955px;
           height: 521px;
		   margin: 20px auto;
		   padding: 0;
		   position:relative;}
		   
#subcontainer{width: 955px;
              height: 521px;
		      margin: 0;
		      padding: 0;
			  position: absolute;
			  top: 0;
			  left: 0;}
		   
#movie{width: 280px;
       height: 190px;
	   position: absolute;
	   margin: 0;
	   padding: 0;
	   top: 345px;
	   left: 505px;
	   z-index: 1;}
	   
#flash{width: 280px;
       height: 190px;
	   margin: 0;
	   padding: 0;
	   z-index: 2;}
		   
#left{width: 85px;
      height: 521px;
	  margin: 0;
	  padding: 0;
	  float: left;}
	  
#center{width: 575px;
        height: 521px;
		margin: 0;
		padding: 0;
		float: left;}
			  
#header{background-image: url(home_img/home_header.jpg);
        width: 575px;
        height:	43px;
		margin: 0;
		padding: 0;
		float: left;}

#middle{width: 575px;
        height: 399px;
		margin: 0;
		padding: 0;
		float: left;}
		
#base_line{background-image: url(home_img/home_grey.jpg);
           width: 575px;
		   height: 42px;
		   margin: 0;
		   padding: 0;
		   float: left;}
		   
#bottom{width: 575px;
        height: 37px;
        margin: 0;
		padding: 0;
		float: left;}
		
#link_azienda{width: 76px;
              height: 38px;
		      margin: 0;
		      padding: 0;
		      float: left;}

#link_azienda a{background-image: url(home_img/azienda_home.jpg);
                width: 76px;
                height: 38px;
                text-indent: -9999px;
                display: block;}

#link_azienda a:hover{background-image: url(home_img/azienda_home_hover.jpg);
                      width: 76px;
                      height: 38px;
                      text-decoration: none;
                      display: block;}

#link_showroom{width: 97px;
               height: 38px;
		       margin: 0;
		       padding: 0;
		       float: left;}

#link_showroom a{background-image: url(common_img/showroom.jpg);
                 width: 97px;
                 height: 38px;
                 text-indent: -9999px;
                 display: block;}

#link_showroom a:hover{background-image: url(common_img/showroom_hover.jpg);
                       width: 97px;
                       height: 38px;
                       text-decoration: none;
                       display: block;}

#link_servizi{width: 66px;
              height: 38px;
		      margin: 0;
		      padding: 0;
		      float: left;}

#link_servizi a{background-image: url(common_img/servizi.jpg);
                width: 66px;
                height: 38px;
                text-indent: -9999px;
                display: block;}

#link_servizi a:hover{background-image: url(common_img/servizi_hover.jpg);
                      width: 66px;
                      height: 38px;
                      text-decoration: none;
                      display: block;}

#link_contatti{width: 81px;
               height: 38px;
		       margin: 0;
		       padding: 0;
		       float: left;}

#link_contatti a{background-image: url(common_img/contatti.jpg);
                 width: 81px;
                 height: 38px;
                 text-indent: -9999px;
                 display: block;}

#link_contatti a:hover{background-image: url(common_img/contatti_hover.jpg);
                       width: 81px;
                       height: 38px;
                       text-decoration: none;
                       display: block;}
	  
#right{width: 277px;
       height: 521px;
	   margin: 0;
	   padding: 0;}
	   
#credits{width: 338px;
         height: 30px;
		 margin: 0 auto;
		 padding: 0;
		 display: block;}
		 
#counter{width:90px;
         height: 35px;
         margin: 0 10px 0 0;
         padding:0;
		 display: block;
		 float: left;
		 overflow: hidden;}
	   
#web{letter-spacing: 0.01em;
     width: 76px;
	 height: 22px;
	 margin: 2px 5px 0 0;
	 padding: 0;
	 float: left;}
	 
#web a{background: url(common_img/arweb.jpg) no-repeat 0 0;
       letter-spacing: 0.01em;
       width: 76px;
	   height: 22px;
	   text-indent: -9999px;
	   margin: 2px 10px 0 0;
	   padding: 0;
	   display: block;}
	 
#web a:hover{background: url(common_img/arweb_hover.jpg) no-repeat 0 0;
             letter-spacing: 0.01em;
             width: 76px;
	         height: 22px;
			 text-decoration: none;
	         margin: 2px 10px 0 0;
	         padding: 0;
	         display: block;}	 
			  
#graphic{letter-spacing: 0.06em;
         width: 76px;
		 height: 22px;
		 margin: 2px 0 0 0;
		 padding: 0;
		 float: left;}
		 
#graphic a{background: url(common_img/cbcom.jpg) no-repeat 0 0;
           letter-spacing: 0.06em;
           width: 76px;
		   height: 22px;
		   text-indent: -9999px;
		   margin: 2px 0 0 0;
		   padding: 0;
		   display: block;}
		   
#graphic a:hover{background: url(common_img/cbcom_hover.jpg) no-repeat 0 0;
           		 letter-spacing: 0.06em;
           		 width: 76px;
		   		 height: 22px;
				 text-decoration: none;
		   		 margin: 2px 0 0 0;
		   		 padding: 0;
		   		 display: block;}
			  
			  
	  
/**********************************************************/
/*                    END                                 */
/**********************************************************/