/*   

Theme Name: Professional Website v1-feature

Theme URI: www.tshirts.com.my

Description: A marketing website base on feacture concept with following benefit - Optimum for featured products or business, directional to access the designated information and is emphasize on the innovativeness of the products or businesses. Design by AP, PCT sdn.bhd. copyrighted.

Author: PCT-Production


Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;
	background-color:#86888a;

}

#page {
width:960px;
margin:0 auto;
background-color:#FFFFFF;

	

}


#page-top {
background:url(img/page/page-bg.jpg) top right no-repeat;
padding:0px 0 0 0;
}



#content {
width:900px;
margin:0 auto;
padding:25px 0 0;

}


#content-custom {
width:912px;
margin:0 auto;
padding:25px 0 0;

}



h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#231f20;
margin:0;
padding:0;
}

#content-main {

}



#error {
	margin-top: 60px;
}
/*********** End Sturcture **********/


/*********** Begin General setting **********/


h1 {

}



h2 {
margin:0;
padding:0;
font-family:Garamond;
font-size:28px;
color:#f16122;




}

.style-1 {
background:url(img/general/h3-bg.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
width:525px;
height:20px;
margin:0;
padding:3px 0 0 25px;


}


/*\*/ * html .style-1 {
background:url(img/general/h3-bg.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
width:525px;
height:20px;
margin:0;
padding:3px 0 0 25px;


}


 /**/ 


p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding:0;


}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


/*********** End General setting **********/

/*********** Begin Header **********/
#header {
width:960px;
margin:0 auto;

}

#header-content {
background:url(img/header/header-banner.png) no-repeat;
width:960px;
height:171px;
margin:10px 0 0 0;

}

#header-banner-bottom {
background:url(img/header/header-banner-bottom.png);
width:960px;
height:10px;
}

#logo {

}




/*********** End Header **********/

/*********** Begin Nav **********/




#nav {
margin:0 ;
padding:0 0 0 230px;
height:31px;
background-color:#fabc9d;



}



#home-btn {
background:url(img/nav/home-btn.png);
width:103px;
height:31px;
float:left;
}

#home-btn:hover {
background:url(img/nav/home-btn-hv.png);
width:103px;
height:31px;
float:left;
}

#home-btn-on {
background:url(img/nav/home-btn-hv.png);
width:103px;
height:31px;
float:left;
}


#company-btn {
background:url(img/nav/company-btn.png);
width:100px;
height:31px;
float:left;

}

#company-btn:hover {
background:url(img/nav/company-btn-hv.png);
width:100px;
height:31px;
float:left;

}


#company-btn-on {
background:url(img/nav/company-btn-hv.png);
width:100px;
height:31px;
float:left;

}




#custom-btn {
background: url(img/nav/custom-btn.png);
width:131px;
height:31px;
float:left;

}


#custom-btn:hover {
background: url(img/nav/custom-btn-hv.png);
width:131px;
height:31px;
float:left;

}

#custom-btn-on {
background: url(img/nav/custom-btn-hv.png);
width:131px;
height:31px;
float:left;

}

#contact-btn {
background:url(img/nav/contact-btn.png);
width:151px;
height:31px;
float:left;
}

#contact-btn:hover {
background:url(img/nav/contact-btn-hv.png);
width:151px;
height:31px;
float:left;
}

#contact-btn-on {
background:url(img/nav/contact-btn-hv.png);
width:151px;
height:31px;
float:left;
}



/*********** End Nav **********/


/*********** Begin Footer **********/
#footer {

}

#footer-content {
background:url(img/footer/footer-bg.png) repeat-x;
width:960px;
height:63px;
margin:0 auto;

}



#copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:center;
padding:25px 0 0 0;

}


#mms {

}
/*********** End Footer **********/

/*********** Begin Home **********/
#home {



}

#home-layout-1 {
height:70px;
width:960px;
background-color:#fbcdc8;

}

#home-layout-1a {
margin:0;
padding:7px 0 0 25px;

}






#about {
height:850px;

}

#about-layout-1 {
margin:0;
padding:0;
float:left;
position:relative;
}


#about-layout-1a {
left:200px;
position:absolute;
top:145px;



}



#about-layout-1 img{
margin:0;
padding:0;
float:left;
}

#about-layout-1 h3 {
float:left;
}


#about-layout-1 p {
float:left;
width:674px;
margin:0 0 0 5px;
}


#about-layout-1 p.style-1 {
margin:0;
padding:3px 0 0 25px;

}


#about-layout-1 img#style-2 {
margin:25px 12px 0 0;
padding:0;

}


#about-layout-1 p#style-3 {
margin:50px 0 0 0;
}

#about-layout-2 {
padding:40px 0 0 0;
margin:0;
float:left;
}


#about-layout-2 p.style-1 {
margin:0;
padding:3px 0 0 25px;

}

#about-layout-2 p{
margin:0 0 0 5px;
}


#about-layout-3 {
margin:35px 0 0 0;
padding:0;
float:left;
}

#about-layout-3 img{
margin:0;
float:right;
padding:0;
}


#about-layout-3 p.style-1 {
margin:0;
padding:3px 0 0 25px;

}

#about-layout-3 p{
margin:0 0 30px 5px;
}







#custom {
margin:0;
padding:0;
height:3300px;
}


#custom h2{
margin:0px 0 15px;

}


#custom img{
margin:0;
padding:0;
float:left;
}

#custom-layout-1 {
margin:0 0 0 60px;
padding:0;

}

#custom-layout-1 img{
margin:0 30px 0 0 ;

}

#custom-layout-2 {
margin:0;
padding:0;
float:left;
}

#custom-layout-2 ul{
margin:10px 0 0;
padding:0;
list-style:none;
}

#custom-layout-2 ul li{
margin:0 10px 10px 0;
padding:0;
float:left;
background:url(img/page/gallery/03-custom-02.png) no-repeat;
width:38px;
height:38px;
cursor:pointer;
}

#custom-layout-2 ul li p{
padding:11px 0 0 11px;
cursor:pointer;

}

#custom-layout-2 ul li p.style-4{
padding:11px 0 0 15px;

}

#custom-layout-2 ul li p a{
color:#FFFFFF;
text-decoration:none;

}


#custom-layout-2 ul li p a:hover{
color:#CC6666;
}

#custom-layout-3 {
float:right;
margin:10px 0 0 0;

}


#custom img#style-5 {
margin:0 0 20px;
}



#contact {
margin:0;
padding:0;
height:900px;
position:relative;
}

#contact-layout-1 {
margin:0;
padding:0;
background:url(img/page/contact/04-contact-01.png) no-repeat;
width:907px;
height:360px;
float:left;
}

#contact-layout-1 iframe{
margin:45px 0 0 80px;
border:3px solid #000000

}

#contact-layout-2 {
margin:0px 0 0 0;
padding:0;
float:left;
position:relative;
}

#contact-layout-2a {
left:60px;
position:absolute;
top:100px;
}


#contact-layout-2 p{
margin:0 0 0px 22px;
padding:0;
}


h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}


#contact h3 img {
margin:15px 5px 0 0;
}



#contact-layout-3 {
left:440px;
position:absolute;
top:375px;
} 



#contact-layout-3 p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:5px 0 5px;
}

#contact-layout-3 .adjust {
background:url(img/page/contact/04-contact-06.png) no-repeat;
width:432px;
height:29px;
margin:0;
padding:5px 0 0 10px;
border:0;

}

#contact-layout-3 #adjust-a {
background:url(img/page/contact/04-contact-07.png) no-repeat;
width:432px;
height:189px;
margin:0;
padding:5px 0 0 10px;
border:0;

}

#contact-layout-3 #send {
float:right;
margin:0 10px 0 0;
}

#contact-layout-4 {
left:390px;
position:absolute;
top:370px;
}