/*   

Theme Name: Marketing Website v1-feature

Theme URI: www.aloha.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: #f7f7f5 url('/wp-content/themes/marketing01/img/general/page-bg-1.png') repeat-x;
}

#page {
	
	background-position: bottom;
}

#content {
width:970px;
}

#content-main {
width:970px;
position:relative;
}



#error {
	margin-top: 60px;
}
/*********** End Sturcture **********/


/*********** Begin General setting **********/
body {
	font-size: 0.8em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #75079b;
	font-weight: bolder;
	font-size: 170%;
	margin: 0;
	padding:18px 0 30px 16px;
	letter-spacing:1px;
	display:block;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #a748ad;
	font-weight: lighter;
	font-size:140%;
	margin: 0 0 0 15px;
}


p {
font-size:100%;
margin:0 0 15px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:1px;
}

img {
	border: 0;
}

a {
	outline: none;
}

a img {
	cursor: pointer;
}


/*********** End General setting **********/

/*********** Begin Header **********/
#header {
	width: 1000px;
	height: 102px;
	margin: 0 auto;
	background-image:url('img/header/header-bg.png');
}

#header img {
float:left;
}

#img-preload {
	display: none;
}
/*********** End Header **********/

/*********** Begin Nav **********/


#home-btn {
	width: 156px;
	height: 102px;
	float: left;
	background: url('img/nav/main-page.png');
}

#home-btn:hover {
	background: url('img/nav/main-page-hv.png');
}

#home-btn-on {
	width: 156px;
	height: 102px;
	float: left;
	background: url('img/nav/main-page-on.png');
}

#travel-btn {
	width: 180px;
	height: 102px;
	float: left;
	background: url('img/nav/travel.png');

}

#travel-btn:hover {
	background: url('img/nav/travel-hv.png');

}

#travel-btn-on {
	width: 180px;
	height: 102px;
	float: left;
	background: url('img/nav/travel-on.png');

}


#car-rental-btn {
width:148px;
height:102px;
float:left;
background: url('img/nav/car-rental.png');
}

#car-rental-btn:hover {
background: url('img/nav/car-rental-hv.png');
}

#car-rental-btn-on {
width:148px;
height:102px;
float:left;
background: url('img/nav/car-rental-on.png');
}


#company-btn {
width:128px;
height:102px;
float:left;
background: url('img/nav/about-us.png');
}

#company-btn-on {
width:128px;
height:102px;
float:left;
background: url('img/nav/about-us-on.png');
}



#company-btn:hover {
background: url('img/nav/about-us-hv.png');
}

#contact-btn {
width:122px;
height:102px;
float:left;
background: url('img/nav/contact.png');
}

#contact-btn:hover {
background: url('img/nav/contact-hv.png');
}

#contact-btn-on {
width:122px;
height:102px;
float:left;
background: url('img/nav/contact-on.png');
}



#logo {
float:left;
}
/*********** End Nav **********/


/*********** Begin Footer **********/


#footer-content {
	width: 1000px;
	height:96px;
	margin: auto;
	background-image:url(img/footer/footer-bg.png);
}

#footer-content img {
	float: right;
	margin:50px 10px 0 0;
}

#copyright {
	width: 495px;
	float: left;
	margin:60px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:80%;
}
/*********** End Footer **********/

/*********** Begin Home **********/
#content-home {
width:1000px;
}

.home-img {
margin:20px 0 0 0
}

#home {
margin: 0 0 0 16px;
}

/*********** End Home **********/


/*****************begin page background**************/
#page-bg {
background-color:#FFFFFF;
background-image:url(img/page/travel/travel-bg-1.png);
background-repeat:repeat-x;
background-position:bottom;

width:1000px;
margin:auto;

}


#travel-bg-sky {
background-image:url('img/page/travel/travel-sky-1.png');
background-repeat:no-repeat;
width:964px;
height:1046px;
margin:auto;
}

#car-sky {
background-image:url('img/page/car/car-sky.png');
background-repeat:no-repeat;
width:965px;
height:505px;
margin:auto;
}

#company-sky {
background-image:url('img/page/company/company-sky.png');
background-repeat:no-repeat;
width:964px;
height:591px;
margin:auto;
}


#contact-sky {
background-image:url('img/page/contact/contact-sky.png');
background-repeat:no-repeat;
width:964px;
height:508px;
margin:auto;
}

#home-bg {
width:960px;
height:520px;
margin:auto;
background-image:url('/img/page/home/flash-banner.png');
background-repeat:no-repeat;
}


/*****************end page background**************/




/*****************begin company page**************/

#company {
width:970px;
}


#company p {
margin:-7px 0 30px 15px;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-size:90%;
width:450px;
}

#company img {
float:left;
margin:0px 10px 10px 0;
}

#flower-img {
position:absolute;
top:2px;
left:483px;
}


#company ul {
margin:0 0 0 14px;
padding:0;
list-style:none;
height:140px;
width:500px;
position:relative;
}

#company ul li{
margin:0;
padding:0;
float:left;

}

#company ul li p {
margin:0px 0 0 0;
padding:0;
width:300px;
text-align:justify;
position:absolute;
top:17px;
right:45px;
}


#company ul li h2 {
margin:0;
padding:0;
}


#company ul li img {
float:left;

}


/*****************end company page**************/

/*****************begin car-rental page**************/

#car-rental p{
margin:0 0 30px 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


#car-rental ul {
margin:0;
padding:0;
list-style-type:none;
}

#car-rental ul li{
margin:0;
padding:0;
}

#car-rental ul li img {
margin:0 0 15px 17px;
padding:0;
}



/*********************end car-rental****************/


/********************Kang gor begin css***************/

#travel-layout1 {

	width:963px;
	
	height:400px;

}

#travel-layout1 h2 {

	font-weight:bold;

}

#travel-layout1 p {

	margin:5px 21px 0 17px;
	
	text-align:justify;
	
	font-family:Arial, Helvetica, sans-serif;
	


}

#travel-layout1 img.adjust {

	margin:10px 0 0 32px;
		

}

#travel-layout1 img.adjust-right {

	margin:0 0 0 31px;

	

}



#travel-layout2 {

	width:485px;
	
	float:left;	
		
}

#travel-layout2 h2 {
	
	font-weight:bold;
	
	margin:30px 0 0 15px;

}

#travel-layout2 img.adjust-2 {

	margin:0 21px 0 0;

}


#travel-layout2 p {

	margin:0 30px 8px 15px;
	
	text-align:justify;

}



#travel-layout3 {

	width:485px;	
	
	float:right;
	
}


#travel-layout3 h2 {
	
	font-weight:bold;
	
	margin:30px 0 0 20px;

}

#travel-layout3 p {

	margin:0 27px 8px 20px;
	
	text-align:justify;

}



#travel-layout3 h2#foodexp {

	margin:32px 0 0px 20px;
	

}

#travel-layout3 p#foodp {

	margin:0 27px 48px 20px;

}

#travel-layout3 img.adjust-3 {

	margin:0 21px 0 0;

}

/********** end travel ***************/
/********** begin contact *************/

#contact {

	width:970px;
	
	position:relative;
}

#contact #contact-layout1 {

	width:313px;
	
	float:left;
	
	height:430px;

}

#contact #contact-layout1 h2 {

	margin:0 0 0 15px;
	
	font-weight:bold;

}

#contact #contact-layout1 table {

	margin:10px 0 0 15px;

}

#contact #contact-layout1 table tr td {

	font-family:Arial, Helvetica, sans-serif;

}

#contact #contact-layout2 {

	width:293px;
	
	height:430px;
	
	float:left;

}

#contact #contact-layout2 p {

	margin:0 37px 10px 35px;
	

}

#contact #contact-layout2 p a {

	text-decoration:none;
	
	color:#000000;

}
#contact #contact-layout2 p a:hover {

	text-decoration:underline;
	
	color:purple;

}


#contact #contact-layout2 h2 {

	margin:0 0 0 33px;
	
	font-weight:bold;

}

#contact #contact-layout2 p.contact-description {

	margin:45px 37px 0 35px; 
	

}

#contact #contact-layout3 {

	width:356px;
	
	height:430px;
	
	margin-top:-50px;
	
	position:absolute;
	
	top:0px;
	
	left:610px;
	
	
}

/********************Kang gor end css***************/