/*   

Theme Name: Professional Website v1-feature

Theme URI: www.transport.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: Albert


Version: version 1

*/

/*********** Begin Sturcture **********/
body {
	margin: auto;

}

#page {
background:url(img/general/page-bg.jpg) top #ffffff no-repeat;
width:960px;
margin:0 auto;

	

}

#page-home {
width:960px;
margin:0 auto;
}




#content {
width:925px;
margin:0 auto;
padding:30px 0 0 0;

}

#content-main {

}



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


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


h1 {
margin:0;
padding:0;

}



h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
margin:0;
padding:8px 0 0 15px;
background:url(img/general/h2-bg.png) no-repeat;
width:384px;
height:34px;



}

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

}


h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
margin:0 0 3px;
padding:0;
color:#000000;
font-style:italic;
}


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


}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


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

/*********** Begin Header **********/
#header {
background: url(img/header/header-bg.jpg) scroll center center no-repeat;
height:263px;

}



#header-home {
background:url(img/general/bg.jpg) repeat;
height:538px;
position:relative;
}


#home-flash {
position:absolute;
top:70px;

}


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

}

#products-flash {
left:562px;
position:absolute;
top:59px;
}


#logo {
left:16px;
position:absolute;
top:0;
}




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

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




#nav-menu {
background:url(img/header/header-bg.png) no-repeat;
width:960px;
height:71px;
margin:0 auto;



}


#header-contact {
position:absolute;
width:164px;
left:607px;
top:5px;
color:#FFFFFF;
}


#header-contact-2 {
color:#FFFFFF;
left:784px;
position:absolute;
top:5px;
width:164px;
}


#header-contact img{
float:left;
margin:0 10px 0 0;
}

#header-contact-2 img{
float:left;
margin:0 10px 0 0;
}

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


/*********** Begin Footer **********/
#footer {
height:64px;
background-color:#e4e4e4;


}

#footer-content {
width:960px;
margin:0 auto;
position:relative;

}



#copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#152948;
padding:19px 0 2px 8px;

}

#footer-nav {
margin:0;
padding:0;
}

#footer-nav ul{
margin:0;
padding:0;
list-style:none;
}


#footer-nav ul li{
margin:0;
padding:0 10px;
float:left;
border-right:solid 1px #152948;
height:12px;
}

#footer-nav ul li p {
margin:0;
padding:0;
line-height:normal;
font-size:12px;


}


#footer-nav ul li a {
color:#152948;
text-decoration:none;

}


#footer-nav ul li a:hover {
color:#0099FF;
}

#footer-logo {
position:absolute;
right:0;
top:15px;

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

/*********** Begin Home **********/
#home {
margin:0;
padding:30px 0 0;
height:500px;



}


#home-content-1 {
width:380px;
float:left;


}


#home-content-1 img#style-18{
margin:0 0 0 287px;

}

#home-content-2 {
width:533px;
float:right;
position:relative;

}


#home-content-2a {
background:url(img/page/home/gallery-bg.jpg);
width:458px;
height:307px;
}


#home-content-2b {
position:absolute;
right:0;
top:428px;

}



#h1-title {
margin:0;
padding:0px 0 0 0px;
}


#h1-title img{
float:left;
margin:0 10px 0 0;
padding:0;
}

#h1-title p {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-style:italic;
color:#000000;
font-weight:bold;
}


#about {
margin:0;
padding:0;
position:relative;
height:886px;
}

#about-content-1 {
margin:41px 0 0;
padding:0;
}


#about-content-1 img{
float:right;
margin:-45px 0 0;
padding:0;
}

#about-content-1 p {
width:360px;
margin:0 0 0 15px;

}


#about-content-2 {
margin:-45px 0 0;
padding:0;
clear:both;
width:405px;
float:left;
}

#about-content-2 ul {
margin:0;
padding:0 0 0 40px;

}

#about-content-2 ul li{
margin:0 0 15px;
list-style:url(img/general/bullet.png);
padding:0;
}

#about-content-2 ul li p{
margin:0 0 0 0px;
padding:0 0 0 0px;
line-height:normal;
}

#about-content-2 ul li p{
margin:0 0 0 0px;
*padding:0 0 0 10px;
}








#about-content-3 {
margin:-45px 0 0 98px;
padding:0;
width:330px;
float:left;
}

#about-content-3 ul {
margin:0;
padding:0 0 0 40px;

}

#about-content-3 ul li{
margin:0 0 15px;
list-style:url(img/general/bullet.png);
padding:0;
}

#about-content-3 ul li p{
margin:0 0 0 0px;
padding:0 0 0 0px;
line-height:normal;
}

#about-content-3 ul li p{
margin:0 0 0 0px;
*padding:0 0 0 10px;
}

#about-content-3 p {
line-height:normal;
margin:0 0 20px 10px;

}


#about-content-4 {
top:529px;
position:absolute;
left:0;
}

#about-content-5 {
left:476px;
position:absolute;
top:528px;
}

#about-content-5 {
left:476px;
position:absolute;
*top:548px;
}



#services {
height:957px;
}


#services-content-1 {
margin:41px 0 0;
padding:0;
height:290px;
}



#services-content-1a {
margin:14px 0 0;
padding:0;
float:left;
width:304px;
}


#services-content-1a ul{
margin:0;
padding:0;
list-style:none;
}

#services-content-1a ul li{
margin:0;
padding:0;

}

#services-content-1a ul li#style-1{
background:url(img/page/services/1.png);
width:304px;
height:46px;

}

#services-content-1a ul li#style-2{
background:url(img/page/services/2.png);
width:304px;
height:46px;

}

#services-content-1a ul li#style-3{
background:url(img/page/services/3.png);
width:304px;
height:46px;

}

#services-content-1a ul li#style-4{
background:url(img/page/services/4.png);
width:304px;
height:46px;

}

#services-content-1a ul li#style-5{
background:url(img/page/services/5.png);
width:304px;
height:46px;

}

#services-content-1a ul li p{
margin:0;
padding:8px 0 0 53px;
}


#services-content-1b {
float:left;
margin:14px 0 0 50px;
width:560px;

}


#services-content-2 {
clear:both;
margin:20px 0 32px;
padding:10px 0 10px 0;
border-top:solid 1px #ededed;
border-bottom:solid 1px #ededed;

}

#services-content-2 img{
margin:0 px 0 0;
}

#services-content-2 img.style-6 {
margin:0 15px 0 0;
}













#services-content-3 {
margin:14px 0 0;
padding:0;
float:left;
width:304px;
}


#services-content-3 ul{
margin:0;
padding:0;
list-style:none;
}

#services-content-3 ul li{
margin:0;
padding:0;

}

#services-content-3 ul li#style-6{
background:url(img/page/services/6.png);
width:304px;
height:46px;

}

#services-content-3 ul li#style-7{
background:url(img/page/services/7.png);
width:304px;
height:46px;

}

#services-content-3 ul li#style-8{
background:url(img/page/services/8.png);
width:304px;
height:46px;

}

#services-content-3 ul li#style-9{
background:url(img/page/services/9.png);
width:304px;
height:46px;

}

#services-content-3 ul li#style-10{
background:url(img/page/services/10.png);
width:304px;
height:46px;

}

#services-content-3 ul li p{
margin:0;
padding:8px 0 0 53px;
}


#services-content-3a {
float:left;
margin:14px 0 0 50px;
width:560px;

}


#services-content-3a p{
margin:0 0 22px 0;

}


#container {
height:1100px;
position:relative;
}


#container-content-1 {
margin:41px 0 0;
}

#container-content-1 img {
margin:-30px 0 0 0;
}




#container-content-2 p{
margin:0 0 20px 0;
}



#container-content-3 img {
float:right;
margin:-30px 0 0;
}


#container-content-3 p{
margin:0 0 20px 0;
}




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


#contact-content {
margin:0;
padding:20px 0 0 0;
float:left;
clear:both;
}

#map {
margin:0;
padding:0;
background:url(img/page/contacts/06-contact-01.png);
width:563px;
height:423px;
}

#map iframe {
margin:10px 0 0 10px;

}

#contact-content-1 {
margin:20px 0 0;
padding:0;
float:left;
}


#contact-content-1 .adjust{
width:332px;
height:30px;
border:1px solid #000000;
margin:0 0 0 10px;
padding:5px 0 0;

}


#contact-content-1 #adjust-2{
width:332px;
height:104px;
border:1px solid #000000;
margin:0 0 0 10px;
padding:5px 0 0;
}

#contact-content-1 table tr td {
padding:0 0 13px;
}


#contact-content-1 #send {
margin:5px 0 0 260px;
}


#contact-content-1 table tr td.style-11 {
padding:0;
}


#contact-content-2 {
position:absolute;
right:0;
top:53px;
height:1403px;
background:url(img/page/contacts/06-contact-06.png) top #ffffff no-repeat;
width:351px;
}

#contact-content-2a {
margin:0 auto;
padding:15px 0 0;
width:313px;
}

#contact-content-2a h2 {
width:246px;
height:37px;
background:url(img/page/contacts/06-contact-07.png) no-repeat;
}



#contact-content-2b {
margin:0 auto;
padding:0px 0 0;
width:297px;
}

table#style-12 p{
margin:0 0px 0 10px;
}



table#style-13 p{
margin:0 0px 0 10px;
}


h3.style-14 {
margin:79px 0 0 0;
}


p.style-15 {
line-height:18px;
margin:3px 0 0 0;
}


p.style-16 {
margin:17px 0 0 0;
}

p.style-17 {
margin:17px 0 0 0;

}

#contact-content-3 {
left:600px;
position:absolute;
top:198px;
z-index:1;
}

#contact-content-4 {
left:595px;
position:absolute;
top:649px;
z-index:1;
}

#contact-content-5 {
left:595px;
position:absolute;
top:1106px;
z-index:1;
}

#contact-content-6 {
position:absolute;
z-index:1;
top:1150px;
left:0;

}


#truck {
margin:0;
padding:0;
height:670px;
position:relative;
}

#truck-content {
margin:12px 0 0 0;
padding:0;


}


#cover {
left:157px;
position:absolute;
top:83px;
}

#truck-content-thumbnails {
width:152px;
float:left;
}




#truck-1 {
background:url(img/page/services/2/1.png);
width:152px;
height:75px;
margin:0 0 7px;
float:left;

}

#truck-1:hover {
background:url(img/page/services/2/1-hv.png);
width:152px;
height:75px;
margin:0 0 7px;
float:left;
}


#truck-2{
background:url(img/page/services/2/2.png);
width:152px;
height:75px;
margin:0 0 20px;
float:left;
}


#truck-2:hover {
background:url(img/page/services/2/2-hv.png);
width:152px;
height:75px;
margin:0 0 20px;
float:left;
}



#truck-3{
background:url(img/page/services/2/3.png);
width:152px;
height:75px;
margin:0 0 7px;
float:left;
}


#truck-3:hover {
background:url(img/page/services/2/3-hv.png);
width:152px;
height:75px;
margin:0 0 7px;
float:left;
}




#truck-4{
background:url(img/page/services/2/4.png);
width:152px;
height:75px;
margin:0 0 20px;
float:left;
}


#truck-4:hover {
background:url(img/page/services/2/4-hv.png);
width:152px;
height:75px;
margin:0 0 20px;
float:left;
}



#truck-5{
background:url(img/page/services/2/5.png);
width:152px;
height:75px;
float:left;
}


#truck-5:hover {
background:url(img/page/services/2/5-hv.png);
width:152px;
height:75px;
float:left;
}


#kalmar {
margin:0;
padding:0;
position:relative;
height:700px;
}



#container-1{
background:url(img/page/services/3/1.png);
width:151px;
height:113px;
margin:0 0 25px 0;
float:left;
}

#container-1:hover{
background:url(img/page/services/3/1-hv.png);
width:151px;
height:113px;
float:left;
margin:0 0 25px 0;
}

#container-2{
background:url(img/page/services/3/2.png);
width:151px;
height:113px;
float:left;
margin:0 0 25px 0;
}

#container-2:hover{
background:url(img/page/services/3/2-hv.png);
width:151px;
height:113px;
float:left;
margin:0 0 25px 0;
}


#container-3{
background:url(img/page/services/3/3.png);
width:151px;
height:113px;
margin:0 0 25px 0;
float:left;
}

#container-3:hover{
background:url(img/page/services/3/3-hv.png);
width:151px;
height:113px;
margin:0 0 25px 0;
float:left;
}


#container-4{
background:url(img/page/services/3/4.png);
width:151px;
height:113px;
float:left;
margin:0 0 10px 0;
}


#container-4:hover{
background:url(img/page/services/3/4-hv.png);
width:151px;
height:113px;
margin:0 0 10px 0;
float:left;
}


#truck-content-thumbnails {
margin:10px 0 0 0;
}



#product-swap {
margin:10px 0 0 10px;
float:left;
}


#container-content-gallery {
margin:12px 0 0 0;
}



#workshop-1{
background:url(img/page/services/4/1.png);
width:153px;
height:75px;
float:left;
margin:0 0 10px 0;
}


#workshop-1:hover{
background:url(img/page/services/4/1-hv.png);
width:153px;
height:75px;
float:left;
margin:0 0 10px 0;
}



#workshop-2{
background:url(img/page/services/4/2.png);
width:153px;
height:75px;
float:left;
margin:0 0 10px 0;
}

#workshop-2:hover{
background:url(img/page/services/4/2-hv.png);
width:153px;
height:75px;
float:left;
margin:0 0 10px 0;
}

#workshop-3{
background:url(img/page/services/4/3.png);
width:153px;
height:75px;
float:left;
margin:0 0 10px 0;
}

#workshop-3:hover{
background:url(img/page/services/4/3-hv.png);
width:153px;
height:75px;
float:left;
margin:0 0 10px 0;
}


#workshop-4{
background:url(img/page/services/4/4.png);
width:153px;
height:75px;
float:left;
margin:0 0 10px 0;
}

#workshop-4:hover{
background:url(img/page/services/4/4-hv.png);
width:153px;
height:75px;
float:left;
margin:0 0 10px 0;
}





#workshop-5{
background:url(img/page/services/4/5.png);
width:72px;
height:69px;
float:left;
margin:0 5px 5px 0;
}

#workshop-5:hover{
background:url(img/page/services/4/5-hv.png);
width:72px;
height:69px;
float:left;
margin:0 5px 5px 0;
}


#workshop-6{
background:url(img/page/services/4/6.png);
width:72px;
height:69px;
float:left;
margin:0 0 5px 0;
}



#workshop-6:hover{
background:url(img/page/services/4/6-hv.png);
width:72px;
height:69px;
float:left;
margin:0 0 5px 0;
}



#workshop-7{
background:url(img/page/services/4/7.png);
width:72px;
height:69px;
float:left;
margin:0 0 10px 0;
}

#workshop-7:hover{
background:url(img/page/services/4/7-hv.png);
width:72px;
height:69px;
float:left;
margin:0 0 10px 0;
}

a {
cursor:pointer;
}


#workshop {
height:670px;
position:relative;
}


#workshop-content-thumbnails {
width:152px;
float:left;
}


#workshop-content {
margin:12px 0 0 0;
}

#news {
height:300px;
}

#news-content {
margin:30px 0 0 0;

}