/* foglio di stile per la pagina Showroom-open */
/*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;}

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;}
.xcompact{line-height: 1em;}
.white{color: #FFF; line-height: 1.2em;}
.text{color: #FFF; font-size: 72%; line-height: 1.15em;}
.grey{color: #97908a; line-height: 1.2em;}

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

#container{width: 902px;
           height: 521px;
		   margin: 20px auto;
		   padding: 0;}
		   
#header{width: 902px;
        height:	25px;
		margin: 0;
		padding: 0;
		float: left;}

#top_line{background-image: url(common_img/top_line.jpg);
          width: 902px;
          height: 39px;
		  margin: 0;
		  padding: 0;
		  float: left}
		  
#center{width: 902px;
        height: 457px;
		margin: 0;
		padding: 0;
		float: left;}

/*************************************************************/
/************************************************************/		  
#left{width: 689px;
      height: 457px;		  
      margin: 0;
	  padding: 0;
	  float: left;}
	  
#title{width: 689px;
       height: 25px;
	   margin: 0;
	   padding:0;
	   float: left;}

/*******************************************************/	   
#main{width: 689px;
      height: 339px;
	  margin: 0;
	  padding: 0;
	  float: left;
	  position: relative;}

#display{width: 112px;
         height: 339px;
		 margin: 0;
		 padding: 0;
		 position: absolute;	 
		 top: 0;
		 left: 28px;
		 z-index: 1;}
		 
#specs{width: 634px;
       height: 339px;
	   margin: 0;
	   padding: 0;
	   position: absolute;
	   top: 0;
	   left: 62px;
	   z-index: 2;}
	  
#left_stripe{background-color: #686868;
             width: 28px;
			 height: 339px;
			 margin: 0;
			 padding: 0;
			 float: left;}
			 
#item{width: 633px;
      height: 339px;
	  margin: 0;
	  padding: 0;
	  /*float: left;*/
	  position: absolute;
	  top: 0;
	  left: 28px;
	  z-index: 0;}
	  
#right_stripe{background-color: #686868;
              width: 28px;
              height: 339px;
	          margin: 0;
	          padding: 0;
			  position: absolute;
			  top: 0;
			  right: 0;}
			  
/***************************************************/			   
#long_grey{background-image: url(showroom_img/long_grey.jpg);
           width: 516px;
		   height: 56px;
		   margin: 0;
		   padding: 0;
		   float: left;}
		   
#short_grey{background-image: url(common_img/short_grey.jpg);
            color: #97908a;
			font-family: Arial, Helvetica, sans-serif;
			letter-spacing: -0.09em !important;
			letter-spacing: normal; 
			font-size: 0.56em;
			line-height: 1em;  
            width: 153px;
            height: 52px;
			margin: 0;
		    padding: 4px 20px 0 0;
			float: left;}
			
#bottom_links{background-color: #FFF;
              width: 689px;
              height: 37px;
			  margin: 0;
		      padding: 0;
			  float: left;
			  overflow: hidden;}
			  
#web{letter-spacing: 0.01em;
     width: 76px;
	 height: 22px;
	 margin: 2px 5px 0 0;
	 padding: 0;
	 float: right;}
	 
#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: right;}
		 
#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;}
			  
/*******************************************************/
#link_home{width: 51px;
           height: 38px;
		   margin: 0;
		   padding: 0;
		   float: left;}

#link_home a{background: url(common_img/home.jpg) no-repeat 0 0;
             width: 51px;
             height: 38px;
			 text-indent: -9999px;
             display: block;}

#link_home a:hover{background: url(common_img/home_hover.jpg) no-repeat 0 0;
                   width: 51px;
                   height: 38px;
                   text-decoration: none;
				   display: block;}

#link_azienda{width: 84px;
              height: 38px;
		      margin: 0;
		      padding: 0;
		      float: left;}

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

#link_azienda a:hover{background-image: url(common_img/azienda_hover.jpg);
                      width: 84px;
                      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: 213px;
       height: 457px;
	   margin: 0;
	   padding: 0;
	   float: left;}
	   
#right_nav{background-color: #FFF;
           width: 112px;
           height: 320px;
		   margin: 0;
		   padding: 0;
		   float: left;
		   position: relative;}
		   
#fix_one{font-family: Arial;
         font-size: 11px;
		 font-weight: bold;
		 color: #97908a;		   
		 text-decoration: none;
		 border: solid 1px #FA8910;
		 width: auto;
		 height: 16px;
		 margin: 0;
		 padding: 3px 4px 5px 4px;
		 display: block;
		 position: absolute;
		 top: 8px;
		 right: 0;
		 display: block}
		   
#link_one{width: auto;
          height: auto;
		  margin: 0;
		  padding: 0;}
		  
#link_one a{font-family: Arial;
            font-size: 11px;
			font-weight: bold;
			color: #97908a;		   
			text-decoration: none;
			border: solid 1px #FFF;
			width: auto;
			height: 16px;
			margin: 0;
			padding: 4px;
			display: block;
			position: absolute;
			top: 8px;
			right: 0;
			display: block}
			
#link_one a:hover{border: solid 1px #FA8910;}

#fix_two{font-family: Arial;
         font-size: 11px;
		 font-weight: bold;
		 color: #97908a;		   
		 text-decoration: none;
		 border: solid 1px #FA8910;
		 width: auto;
		 height: 16px;
		 margin: 0;
		 padding: 3px 4px 5px 4px;
		 display: block;
		 position: absolute;
		 top: 69px;
		 right: 0;
		 display: block}

#link_two{width: auto;
          height: auto;
		  margin: 0;
		  padding: 0;}
		  
#link_two a{font-family: Arial;
            font-size: 11px;
			font-weight: bold;
			color: #97908a;		   
			text-decoration: none;
			border: solid 1px #FFF;
			width: auto;
			height: 16px;
			margin: 0;
			padding: 4px;
			display: block;
			position: absolute;
			top: 69px;
			right: 0;
			display: block}
			
#link_two a:hover{border: solid 1px #FA8910;}

#fix_three{font-family: Arial;
           font-size: 11px;
		   font-weight: bold;
		   color: #97908a;		   
		   text-decoration: none;
		   border: solid 1px #FA8910;
		   width: auto;
		   height: 16px;
		   margin: 0;
		   padding: 3px 4px 5px 4px;
		   display: block;
		   position: absolute;
		   top: 132px;
		   right: 0;
		   display: block}
  
#link_three{width: auto;
            height: auto;
		    margin: 0;
		    padding: 0;}
		  
#link_three a{font-family: Arial;
              font-size: 11px;
			  font-weight: bold;
			  color: #97908a;		   
			  text-decoration: none;
			  border: solid 1px #FFF;
			  width: auto;
			  height: 16px;
			  margin: 0;
			  padding: 4px;
			  display: block;
			  position: absolute;
			  top: 132px;
			  right: 0;
			  display: block}
			
#link_three a:hover{border: solid 1px #FA8910;}

/*********links four - missing ***************/

#fix_five{font-family: Arial;
          font-size: 11px;
		  font-weight: bold;
		  color: #FA8910;		   
          text-decoration: none;
		  border: solid 1px #FA8910;
		  width: auto;
		  height: 16px;
		  margin: 0;
		  padding: 3px 4px 5px 4px;
		  display: block;
		  position: absolute;
		  top: 255px;
		  right: -1px;
		  display: block}

#link_five{width: auto;
           height: auto;
		   margin: 0;
		   padding: 0;}
		  
#link_five a{font-family: Arial;
             font-size: 11px;
			 font-weight: bold;
			 color: #FA8910;		   
			 text-decoration: none;
			 border: solid 1px #FFF;
			 width: auto;
			 height: 16px;
			 margin: 0;
			 padding: 4px;
			 display: block;
			 position: absolute;
			 top: 255px;
			 right: -1px;
			 display: block}
			
#link_five a:hover{border: solid 1px #FA8910;} 
  

#showroom_flow{background-image: url(common_img/showroom_flow.jpg);
               width: 101px;
               height: 320px;
			   margin: 0;
			   padding: 0;
			   float: left;}
			   
#outlet_flow{background-image: url(common_img/outlet_flow.jpg);
               width: 101px;
               height: 320px;
			   margin: 0;
			   padding: 0;
			   float: left;}
			 
#logo{width: 213px;
      height: 137px;
	  margin: 0;
	  padding: 0;
	  float: left;}
	  
/**********************************************************/
/*                    END                                 */
/**********************************************************/