/*   

Theme Name: Rexma Technology Sdn.Bhd.

Theme URI: www.rexmatech.com

Description: A website special design for rexmatech.com . Design by PCT Internal Team, copyrighted.

Author: Wee

Version:

/*********** Begin Sturcture **********/

.hiddenpic {
            display:none;
			}

body {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size:15px;
	background-color:#fff2f7;
	margin:0;
	text-align:justify;
}


h1 {
   font-size:30px;
   color:#ff6600;
   font-family: "Georgia", Arial, Helvetica, sans-serif;
   margin:0;
   padding:0;
   font-weight:300;

   }

h2 {
   font-size:16px;
   color:#000000;
   font-family:  "Georgia",Times New Roman, Times, serif;
   margin:0 0 20px 0;
   font-weight:bold;
   padding:0;
   }

h3 {
   font-size:15px;
   color:#333333;
   font-family: "Georgia",Times New Roman, Times, serif;
   font-weight:blod;
   margin:0;
   padding:0;
   }
   
h4 {
   font-size:12px;
   color:#333333;
   font-family:"Verdana", Arial, Helvetica, sans-serif;
   margin:0;
   font-weight:bold;
   padding:0;
   }
   
p {
   font-size:14px;
   color:#333333;
   margin:0;
   padding:0;
   }   

a {
   outline:none;
      color:#ff0033;
   }

a img{
   border:none;
   }
/************ Begin Header ************/

#header {
        background:url('img/header/header-bg.png');
		height:578px;
		margin:0;
		padding:0;
		}
		
#header .header-layout{
        background:url('img/header/home-header-bg.png') no-repeat;
		width:960px;
		height:183px;
		margin:0 auto;
		}
		

#header #logo {
        padding:26px 0 0 300px;
		}	
		
#page-header {
        background:url('img/header/page-header-bg3.png');
		height:350px;
		margin:0;
		padding:0;
        }
		
#page-header .header-layout{
        background:url('img/header/home-header-bg.png') no-repeat;
		width:960px;
		height:183px;
		margin:0 auto;
		}

#page-header .header-layout02{
        background:url('img/header/home-header-bg02.png') no-repeat;
		width:960px;
		height:183px;
		margin:0 auto;
		}
		
#page-header #logo {
        padding:26px 0 0 300px;
		}	
		
#page-header #banner img{
		}		 
/************ End Header ************/

/*********** Begin Nav **********/
#img-preload {
	display: none;
}

#menu{
	 width:960px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 margin:35px 0 0 0;
	 }

#menu ul{
     list-style:none;
	 margin:0;
	 padding:0;
	  }
	  	 
#menu ul li{
	 float:left;
	 width:192px;
	 text-align:center;
	 color:#ffffff;
	 font-weight:bold;
	 padding:0;
	 }

#menu ul li a{
     text-decoration:none;
	 	 color:#ffffff;
		 width:192px;
		 height:45px;
	 }


a#profile-btn {
      background:url('img/nav/profile-btn.png');
	  width:192px;
	  height:45px;
	  	float: left;
	  }

a:hover#profile-btn {
      background:url('img/nav/profile-btn-hover.png');
	  }
	  
a#abrasive-btn {
      background:url('img/nav/abrasive-btn.png');
	  width:192px;
	  height:45px;
	  	float: left;
	  }

a:hover#abrasive-btn{
      background:url('img/nav/abrasive-btn-hover.png');
	  }

a#adhesive-btn {
      background:url('img/nav/adhesive-btn.png');
	  width:192px;
	  height:45px;
	  	float: left;
	  }
	  
a:hover#adhesive-btn {
      background:url('img/nav/adhesive-btn-hover.png');
	  }
	  
a#safety-btn {
      background:url('img/nav/safety-btn.png');
	  width:192px;
	  height:45px;
	  	float: left;
	  }

a:hover#safety-btn {
      background:url('img/nav/safety-btn-hover.png');
	  }

a#other-btn{
      background:url('img/nav/other-btn.png');
	  width:192px;
	  height:45px;
	  	float: left;
	  }
	  
a:hover#other-btn{
      background:url('img/nav/other-btn-hover.png');
	  }
/*********** End Nav **********/

/*********** Begin footer ***********/
#footer {
      background:url('img/footer/footer-bg.png') repeat-x;
	  height:50px;
	  }
	  
#page-footer {
      clear:both;
	  height:20px;
	  }
	  
#footer #footer-content {
      width:960px;
	  margin:0 auto;
	  }

#footer #footer-content p{
      font-weight:bold;
	  font-size:10px;
	  font-family: "Arial", Helvetica, sans-serif;
	  padding:25px 0 0 0;
	  width:600px;
	  }
	  
#footer-logo {
       float:right;
	   margin:-30px 0 0 0;
	   }
/*********** end footer ***********/

 

/*********** Begin homepage **********/
#main {
      width:960px;
	  margin:0 auto;
	  }
	  
#home ul {
       list-style:none;
	   margin:0;
	   padding:0;
	   }
	   
#home ul li {
       width:308px;
	   float:left;
	   margin:10px 0 30px 12px;
	   background:url('img/page/home/home-line.png') right no-repeat;
	   }
	   
*html #home ul li {
       width:304px;
	   float:left;
	   margin:10px 0 30px 12px;
	   background:url('img/page/home/home-line.png') right no-repeat;
	   }
	   
#home ul li p {
       width:280px;
	   margin:0 0 20px 5px;
	   }
	   
#home ul li h3 {
       margin:0 0 20px 5px;
	   }
	   
#home ul li.home-none-line {
      background:none;
	   }

#home ul li img {
      margin:0 0 20px 0;
	  }
	   
#home ul li a {
      text-decoration:none;
	  color:#ff0033;
	  font-size:15px;
	  margin:0 0 0 10px;
	   }
	   
#home ul li a img.more-btn {
       margin:0;
	   padding:0;
	   }
/*********** End Home Page ***********/	 	 


/*************** begin page ****************/


/*************** end page ************/

/*************** begin profile ****************/
.col {
     width:264px
	 }

#profile .content-layout01 p{
     margin:10px 0 5px 0;
	 }
	 
#profile .content-layout01 {
     float:left;
	 width:290px;
	 }
	 
#profile .content-layout02 {
     float:left;
	 width:670px;
	 }

#profile .content-layout02 p {
     margin:0 0 15px 0;
	 }	 
	 
#profile .content-layout02 p.client-logo{
     background:url('img/page/profile/client-logo.png') no-repeat;
	 width:670px;
	 height:212px;
	 }
	 
#profile .content-layout02 a{
	 color:#ff0033;
	 }
/*************** end profile ************/

/*************** begin abrasive *************/

#abrasive .content-layout01{
     width:290px;
	 float:left;
	 }

#abrasive .content-layout01 img{
     margin:0 0 20px 0;
	 }
	 
#abrasive .content-layout02{
     width:670px;
	 float:left;
	 }
	 
#abrasive .content-layout02 ul{
    list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}
	
#abrasive .content-layout02 ul li{
   float:left;
   }
   
#abrasive .content-layout02 ul li img{
    margin:0 0 20px 0;
   }

#abrasive .content-layout02 ul li h2{
  width:460px;
  margin:0 0 20px 10px;
     }
   
#abrasive .content-layout02 ul li p{
  width:460px;
  margin:10px 0 0 10px;
     }
   
#abrasive .content-layout02 ul li ul{
   list-style: disc;
   background:none;
   margin:10px 0 0 60px;
   color:#333333;
   }
   
#abrasive .content-layout02 ul li ul li{
   float:none;
   width:390px;
   }
   
/********** end abrasive **********/

   
/*************** begin adhesive *************/
#adhesive .content-layout01{
     width:290px;
	 float:left;
	 }

#adhesive .content-layout01 img{
     margin:0 0 20px 0;
	 }
	 
#adhesive .content-layout02{
     width:670px;
	 float:left;
	 }
	 
#adhesive .content-layout02 ul{
    list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}
	
#adhesive .content-layout02 ul li{
   float:left;
   }
   
#adhesive .content-layout02 ul li img{
    margin:0 0 20px 0;
   }

#adhesive .content-layout02 ul li h2{
  width:460px;
  margin:0 0 20px 10px;
     }
   
#adhesive .content-layout02 ul li p{
  width:460px;
  margin:10px 0 0 10px;
     }
   
#adhesive .content-layout02 ul li ul{
   list-style: disc;
   background:none;
   margin:10px 0 0 60px;
   color:#333333;
   }
   
#adhesive .content-layout02 ul li ul li{
   float:none;
   width:390px;
   }
/********** end adhesive **********/

/********** begin safety ***********/
#safety .content-layout01{
     width:290px;
	 float:left;
	 }

#safety .content-layout01 img{
     margin:0 0 20px 0;
	 }
	 
#safety .content-layout02{
     width:670px;
	 float:left;
	 }
	 
#safety .content-layout02 ul{
    list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}
	
#safety .content-layout02 ul li{
   float:left;
   }
   
#safety .content-layout02 ul li img{
   }

#safety .content-layout02 ul li h2{
  width:460px;
  margin:20px 0 20px 10px;
     }
   
#safety .content-layout02 ul li p{
  width:460px;
  margin:10px 0 0 10px;
     }
   

#safety .content-layout02 ul li.back{
   margin:0 0 30px 0;
   }
/********** end of safety **********/

/********** begin of other **********/
#other .content-layout01{
     width:290px;
	 float:left;
	 }

#other .content-layout01 img{
     margin:0 0 20px 0;
	 }
	 
#other .content-layout02{
     width:670px;
	 float:left;
	 }
	 
#other .content-layout02 ul{
    list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}
	
#other .content-layout02 ul li{
   float:left;
   margin:20px 0 0 0;
   }
   
#other .content-layout02 ul.top-list li{
   float:left;
   margin:0 0 0 0;
   }
   
#other .content-layout02 ul li img{
   }

#other .content-layout02 ul li h2{
  width:460px;
  margin:0 0 20px 10px;
     }
   
#other .content-layout02 ul li p{
  width:460px;
  margin:10px 0 0 10px;
     }
   

#other .content-layout02 ul li.back{
   margin:0 0 10px 0;
   }
/********** end of other **********/

#menu-text {
   display:none;
}

#the-content {
   position:absolute;
   text-align:justify;
   top:2600px;
   width:960px;
}

#the-content.b {
   top:2100px;
}