/* CSS Document */

      body  {
      background : #eee;
		  font-family: Verdana,Tahoma, Arial, Serif; 
			color:#555;	 
			margin: 0;
			padding: 0;
			border: 0;	
      }
     a:link {
           color : #06f;
           background-color : transparent;
           text-decoration : underline;
      }
     a:visited {
           color : #06f;
          background-color : transparent;
          text-decoration : underline;
      }
     a:active {
           color : #06f;
          background-color : transparent;
          text-decoration : underline;
      }
     a:hover {
          color : #555;
          background-color : transparent;
          text-decoration : underline;
      }



/* ALL THE DIV STARTS HERE */

     div#wrapper {
          width : 810px;
          height : auto;
          margin : 0 auto;
          padding : 0;
      }

     div#top {
          float : left;
					background : url(../images/1-logo-fr.gif) top center no-repeat;
          width : 810px;
          height : 130px;
          padding : 0;
          margin : 0;
          border : 0; 
      }

     div#banner {
          float : left;
					background : url(../images/banner.jpg) top center no-repeat;
          width : 810px;
          height : 189px;
          padding : 0;
          margin : 0;
          border : 0; 
      }
     div#top2 {
          float : left;
					background : url(../images/2-top-home.gif) top center no-repeat;
          width : 810px;
          height : 10px;
          padding : 0;
          margin : 0;
          border : 0; 
      }

     div#top2all {
          float : left;
					background : url(../images/2-top-all.gif) top center no-repeat;
          width : 810px;
          height : 10px;
          padding : 0;
          margin : 0;
          border : 0; 
      }


    div#matter {
              float : left;
							background : url(../images/bg-home.gif) top center repeat-y;
              width : 810px;
              height : auto;
              padding : 0;
              border : 0;
              margin : 0;
          }

    div#matterall {
              float : left;
							background : url(../images/bg-all.gif) top center repeat-y;
              width : 810px;
              height : auto;
              padding : 0;
              border : 0;
              margin : 0;
          }

    div#mleft {
              float : left;
              width : 210px;
              height : auto;
              padding : 0;
              border : 0;
              margin : 0;
          }
    div.link {
              float : right;
							background : url(../images/button.gif) top left no-repeat;
              width : 200px;
              height : 35px;
              padding : 0;
              border : 0;
              margin : 0;
          }


    div#mright {
              float : left;
              width : 600px;
              height : auto;
              padding : 0;
              border : 0;
              margin : 0;
          }
          div#mrighthm {
              float : left;
              width : 305px;
              height : auto;
              padding : 0;
              border : 0;
              margin : 0;
            }
          div#mrighthr {
              float : left;
              width : 295px;
              height : auto;
              padding : 0;
              border : 0;
              margin : 0;
            }
		
          div.mrighthr1 {
              float : left;
							background: url(../images/bg-img-h-laminate.gif) top left no-repeat;
              width : 295px;
              height : 120px;
              padding : 0;
              border : 0;
              margin : 0;
            }
            .proql {
		          text-align:left;
			        font:11px/16px Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;
					    margin:12px 10px 5px 120px;
					    color: #fff;
              }

          div.mrighthr2 {
              float : left;
							background: url(../images/bg-img-h-floortiles.gif) top left no-repeat;
              width : 295px;
              height : 120px;
              padding : 0;
              border : 0;
              margin : 0;
            }

          div.mrighthr3 {
              float : left;
							background: url(../images/bg-img-h-sanitary.gif) top left no-repeat;
              width : 295px;
              height : 120px;
              padding : 0;
              border : 0;
              margin : 0;
            }


				
     div#bottom {
          float : left;
  				background : url(../images/3-bot-home.gif) top center no-repeat;
          width : 810px;
          height : 80px;
          padding : 0;
          margin : 0;
			    border: 0;
      }

     div#bottomall {
          float : left;
  				background : url(../images/3-bot-all.gif) top center no-repeat;
          width : 810px;
          height : 80px;
          padding : 0;
          margin : 0;
			    border: 0;
      }

     div#bleft {
          float : left;
          width : 650px;
          height : auto;
          padding : 0;
          margin : 0;
			    border: 0;
      }
     div#bright {
          float : left;
          width : 160px;
          height : auto;
          padding : 0;
          margin : 0;
			    border: 0;
      }

			

/* PRODUCTS STARTS HERE */

          div.prod1 {
              float : left;
							background: url(../images/pro-laminate.gif) top left no-repeat;
              width : 290px;
              height : 150px;
              padding : 0;
              border : 0;
              margin : 0;
            }

          div.prod2 {
              float : left;
							background: url(../images/pro-ceramictiles.gif) top left no-repeat;
              width : 290px;
              height : 150px;
              padding : 0;
              border : 0;
              margin : 0;
            }
          div.prod3 {
              float : left;
							background: url(../images/pro-flaseceiling.gif) top left no-repeat;
              width : 290px;
              height : 150px;
              padding : 0;
              border : 0;
              margin : 0;
            }
          div.prod4 {
              float : left;
							background: url(../images/pro-skirtings.gif) top left no-repeat;
              width : 290px;
              height : 150px;
              padding : 0;
              border : 0;
              margin : 0;
            }
          div.prod5 {
              float : left;
							background: url(../images/pro-sanitarywares.gif) top left no-repeat;
              width : 290px;
              height : 150px;
              padding : 0;
              border : 0;
              margin : 0;
            }
          div.prod6 {
              float : left;
							background: url(../images/pro-pvcflooring.gif) top left no-repeat;
              width : 290px;
              height : 150px;
              padding : 0;
              border : 0;
              margin : 0;
            }
          div.prod7 {
              float : left;
							background: url(../images/pro-pvc.gif) top left no-repeat;
              width : 290px;
              height : 150px;
              padding : 0;
              border : 0;
              margin : 0;
            }
          div.prod8 {
              float : left;
							background: url(../images/pro-scanner.gif) top left no-repeat;
              width : 290px;
              height : 150px;
              padding : 0;
              border : 0;
              margin : 0;
            }
          div.prod9 {
              float : left;
							background: url(../images/pro-walltiles.gif) top left no-repeat;
              width : 290px;
              height : 150px;
              padding : 0;
              border : 0;
              margin : 0;
            }


            .prodp {
		          text-align:left;
			        font:12px/16px Verdana, Arial, Helvetica, sans-serif;
					    margin:60px 10px 5px 120px;
					    color: #777;
              }

/* PRODUCTS ENDS HERE */



/* ALL TEXT STARTS HERE */
			
		
    .logo {
		 text-align : right;
		 margin : 35px 10px 0 0;
		}
		
    .img {
		 text-align : left;
		 margin : 64px 0 20px 10px;
		}
    .img2 {
		 text-align : center;
		 margin : 40px 0 10px 0;
		}


		h1, h2 {
		   text-align:left;
			 font-size: 23px;
			 margin : 10px 10px 15px 10px;
			 color:#900; 
		}
		
		h3 {
		   text-align:left;
			 margin : 8px 20px 15px 10px;
			 color:#515bc1;
			 padding:10px;
			 border-bottom:1px solid #515bc1; 
		}

		h4 {
		   text-align:left;
			 margin : 5px 10px 15px 10px;
			 color:#36c; 
		}

		h5 {
		   text-align:left;
			 margin : 25px 10px 25px 20px;
			 color:#900; 
		}
		
		h6 {
		   text-align:left;
			 margin : 10px 10px 10px 20px;
			 color:#06c; 
		}
		

		.htitle {
		   text-align:left;
			 font:bold 16px/16px Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;
			 margin : 10px 10px 20px 20px;
			 color:#fff;
		}

		.ititle {
		   text-align:left;
			 font:bold 18px/16px Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;
			 margin : 10px 20px 20px 10px;
			 color:#515bc1;
			 padding:10px;
			 border-bottom:1px solid #515bc1; 
		}

		p {
		   text-align:left;
			 font-size:12px;
			 line-height:20px;
			 margin : 10px 10px 10px 10px;
		}

		.right {
		   text-align:right;
			 font-size:11px;
			 line-height:20px;
			 margin : 10px 20px 10px 20px;
		}

		.space {
		   font-size:8px;
			 line-height:0px;
			 margin : 0;
			 text-indent:-9999px; 
		}

span.white {
	color: #fff;
}		

span.blue {
  font-weight:bold;
	color: #009;
}		

		.links {
		   text-align:left;
			 word-spacing:1px;
			 font-size:12px;
			 font-weight:bold;
			 margin : 4px 10px 0 50px;
			 color:#0808ad;
		}
		.links a, .links a:active, .links a:visited {
			 color:#0808ad;
			 text-decoration : none;
		}
		.links a:hover {
			 color:#c00;
		   text-decoration : underline;
		}

		
		.plist {
		   text-align:left;
			 font-size:11px;
			 line-height:20px;
			 word-spacing:10px;
			 margin : 20px 10px 10px 20px;
		}

		.pimg {
		   text-align:center;
			 margin : 10px 10px 10px 10px;
			 color:#06c; 
		}

		.title {
		   text-align:left;
			 font-size: 18px;
			 font-weight: bold;
			 margin : 20px 10px 15px 10px;
			 color:#900; 
		}
		
		.title2 {
		   text-align:left;
			 font-size: 16px;
			 font-weight: bold;
			 margin : 20px 10px 15px 10px;
			 color:#900; 
		}

		.title3 {
		   text-align:left;
			 font-size: 14px;
			 font-weight: bold;
			 margin : 5px 10px 15px 10px;
			 color:#36c; 
		}
		
		.title4 {
		   text-align:left;
			 font-size: 12px;
			 font-weight: bold;
			 margin : 25px 10px 25px 20px;
			 color:#900; 
		}
		
		.title5 {
		   text-align:left;
			 font-size: 11px;
			 font-weight: bold;
			 margin : 10px 10px 10px 20px;
			 color:#36c; 
		}


		.protitle {
		   text-align:left;
			 font-size: 18px;
			 font-weight: bold;
			 margin : 5px 10px 10px 10px;
			 color:#36c; 
		}
		.ptitle {
		   text-align:left;
			 font-size: 12px;
			 line-height:30px;
			 font-weight: bold;
			 margin : 10px 10px 25px 50px;
			 color:#900; 
		}
		
		.ptitle1 {
		   text-align:center;
			 font-size: 11px;
			 margin : 10px 20px 10px 0;
			 color:#900; 
		}
		
		.plistprod {
		   text-align:center;
			 font-size:11px;
			 line-height:20px;
			 word-spacing:10px;
			 margin : 20px 10px 10px 20px;
		}

		.bottom {
		   text-align:left;
			 font-size:11px;
			 margin : 40px 10px 0 20px;
			 color:#eee;
		}

		.bottom a, .bottom a:active, .bottom a:visited {
		 color:#eee;
		 text-decoration : underline;
		}
		.bottom a:hover {
		 color:#c00;
		 text-decoration : none;
		}
	
	     .imgdisplay {
          text-align : center;
          margin : 20px 10px 20px 20px;
				  letter-spacing : 50px;	
      }
			
			
		.topti {
		   text-align:right;
			 font:bold 18px/16px Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;
			 margin : 10px 20px 10px 10px;
			 color:#eee;
		}
		.toppra {
		   text-align:right;
			 font:bold 12px/16px Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;
			 margin : 10px 20px 10px 10px;
			 color:#eee;
		}
			

     div#matterleft {
          float : left;
          width : 350px;
          height : auto;
          padding : 0;
          margin : 0;
		      border-right : 2px dashed #39c;
      }

     div#matterright {
          float : left;
          width : 248px;
          height : auto;
          padding : 0;
          margin : 0;
		      border : 0;
      }

     .paracon {
          text-align : left;
          font-family : Verdana, Arial, Helvetica, sans-serif;
		      font-size : 11px;
          line-height : 20px;
          margin-left : 30px;
          margin-right : 10px;
          margin-top : 10px;
          margin-bottom : 10px;
		      color : #555;
	 }
			
			
		.language {
		   text-align:right;
			 font-size:11px;
			 margin : 10px 30px 0 0;
			 color:#fff;
		}

span.language1 {
			 color:#fff;
		}