/*   

Theme Name: Marketing Website v1-feature

Theme URI: www.tkmarketing.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:#d7eaee;

}

#page {
background-color:#f7fbfc;
width:947px;
margin:8px auto 0;

}




#content {
width:844px;
margin:0 auto;
padding:35px 0 0 0;

}

#content-main {

}



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


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


h1 {
margin:0;
padding:20px 0 0 75px;
background-image: url(img/page/h1-bg.png);
width:818px;
height:60px;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#012552;

}



h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#1b4d8c;
margin:0;
padding:0;



}

h3 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#ffffff;

}


p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
margin:0;
padding:0;


}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


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

/*********** Begin Header **********/
#header {
background:url(img/header/header-bg-1.png) scroll center center no-repeat;
height:129px;
margin:0 auto;

}

#header-content {
width:960px;
margin:0 auto;

}

#logo {
float:left;

}

#banner {
height:233px;
width:949px;
margin:0 auto;
}

#banner-home {
height:408px;
width:949px;
margin:0 auto;
background-image:url(img/page/home/banner.png);
background-repeat:no-repeat;
}


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

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




#nav {
margin:0;
padding:70px 0 0 0;
float:right;


}

#home-btn {
width:89px;
height:52px;
background-image:url(img/nav/home-btn.png);
float:left;


}

#home-btn:hover {
width:89px;
height:52px;
background-image:url(img/nav/home-btn-hv.png);
float:left;


}

#outdoor-btn {
width:171px;
height:52px;
float:left;
background-image:url(img/nav/outdoor-btn.png);
}

#outdoor-btn:hover {
width:171px;
height:52px;
float:left;
background-image:url(img/nav/outdoor-btn-hv.png);
}

#indoor-btn {
width:160px;
height:52px;
float:left;
background-image:url(img/nav/indoor-btn.png);
}

#indoor-btn:hover {
width:160px;
height:52px;
float:left;
background-image:url(img/nav/indoor-btn-hv.png);
}

#about-btn {
width:80px;
height:52px;
background-image:url(img/nav/about-btn.png);
float:left;
}

#about-btn:hover {
width:80px;
height:52px;
background-image:url(img/nav/about-btn-hv.png);
float:left;
}

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

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

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


/*********** Begin Footer **********/
#footer {
background:url(img/footer/footer-bg-rp.png) repeat-x;
height:109px;

}

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

}



#copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#4f4f4f;
padding:79px 0 0 0;

}


#mms {

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

/*********** Begin Home **********/
#home {
width:949px;
margin:0 auto;
height:200px;



}

#home-layout-1 {
width:474px;
height:200px;
background-image:url(img/page/home/01home01.png);
float:left;
position:relative;
}

#home-layout-1 h3{
margin:20px 0 13px 125px;
}

#home-layout-1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
margin:0;
padding:0;
width:200px;

}

#home-layout-1 p.style-4{
margin:0 0px 0 150px;
}

#home-layout-2 {
width:474px;
height:200px;
background-image:url(img/page/home/2.png);
float:left;
position:relative;
}

#home-layout-2 h3{
margin:16px 0 13px 125px;
}

#home-layout-2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
margin:0;
padding:0;
width:200px;

}

#home-layout-2 p.style-5{
margin:0 0px 0 196px;
}


.home-style {
margin:0;
padding:20px 0 0 30px;
}

.home-style-2 {
margin:0;
padding:25px 0 0 30px;
}

.home-style-2 img{
float:left;
}

.home-style-2 img#style-3 {
margin:10px 0 0 0;
}



.home-style img{
float:left;
}

.home-style img#style-3 {
margin:10px 0 0 0;
}


#more {

padding:0;
position:absolute;
left:350px;
top:151px;
}

#more p a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#2d2d2d;
text-decoration:none;	


}

#more p a:hover {
color:#FFFFFF;
}

#more-2a {

padding:0;
position:absolute;
left:350px;
top:151px;
}

#more-2a p a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#2d2d2d;
text-decoration:none;	


}

#more-2a p a:hover {
color:#FFFFFF;
}



/*********** finsih Home **********/

/*********** Begin outdoor product **********/

#outdoor {
margin:0;
padding:0;
height:1500px;
}

#outdoor h1{
margin:0;
clear:both;
}

#outdoor ul {
margin:0 20px 0 0;
padding:0;
list-style:none;
float:left;
height:283px;
}

#outdoor ul li{
margin:0;
padding:0;
}

#outdoor ul li p{
margin:0 0 0 10px;
padding:0;
width:218px;
}

#outdoor ul li img {
margin:0 0 5px 0;
}


.product-style {
margin:0 0 0 50px;
padding:0;
}





#about {
margin:0;
padding:0;
height:920px;
}

#about p {
width:702px;
margin:0 0 15px 77px;
text-align:justify;
}

#about ul {
margin:0;
padding:0 0 0 40px;
float:left;
list-style:disc;
color:#012552;
width:312px;
}

#about ul li{
margin:0;
padding:0;



}

#about ul li p {
margin:0 0 0 0px;
padding:0 0 0 10px;
width:312px;
}

#about ul li h2 {
margin:0 0 0 0px;
padding:0 0 5px 10px;
width:312px;

}

.about-style {
margin:0 0 0 80px;
padding:0;
height:106px;
}

#about ul li.style-1{
list-style:none;
}

#about ul#style-2{
margin:30px 0 0 0;
}

#about img {
margin:40px 0 0 0;
clear:both;
}

/***********finish about*******/

/******start contact **********/

#contact {
height:500px;
position:relative;
}

#contact h1 {
width:330px;
height:40px;
}

#contact-layout-1 {
float:left;
}

#contact-layout-1 h2{
margin:12px 0 10px 78px;
padding:0;
}


#contact-layout-1 p{
margin:0 0 0 78px;
padding:0;
}

#contact-layout-2 {
background-image:url(img/page/contact/05contact-06.png);
background-repeat:no-repeat;
width:402px;
height:425px;
float:right;
}

#contact-layout-2a {
margin:70px 0 0 35px;
}

#contact-layout-2a p {
font-family:Arial, Helvetica, sans-serif ;
font-size:14px;
color:#010101;
margin:0 0 10px 0;
}

#contact-layout-2a input.adjust {
margin:0 0 10px 20px;
width:263px;
height:25px;
border:0;
}

#contact-layout-2a input.adjust-2 {
width:263px;
height:102px;
border:0;
margin:0 0 10px 20px;
}

#contact-layout-2a input#send {
margin:10px 0 0 0;
float:right;
}

#contact-layout-2a input#send {
*margin:1px 0 0 0;
float:right;
}


#contact-layout-3 {
position:absolute;
left:210px;
top:110px;
}



.style-6 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#012552;
}

#img-preload {
display:none;
}

#flash {
margin:0;
padding:15px;	
}

#menu-text {
display:none;
}