/*   



Theme Name: PUTERI BAYU BEACH RESORT



Theme URI: www.blh.net.my



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



Author: PCT -- Production --



Version: version 1



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



.hiddenpic {display:none;}



body {

	font-family: "Arial", Helvetica, sans-serif;

	background-color:#ffffff;

	text-align:justify;

	font-size:12px;

	margin:0 auto;

}







h2 {

    font-family:"Georgia", Times New Roman, Times, serif;

   margin:0 0 0 0;

   outline:none;

   font-weight:100;

   font-size:24px;

   }



#title-bg {

background:url('img/page/home/title-bg.png') no-repeat;

width:511px;

height:41px;

padding:8px 0 0 70px;

}





h3 {

   font-size:13px;

   	font-family: "Arial", Helvetica, sans-serif;

   color:#ffaa05;

   margin:0;

   padding:0;

   }

   

h4 {

   font-family:"Georgia", Times New Roman, Times, serif;

   font-size:18px;

   color:#4e8cbf;

   margin:0;

   padding:0;

      font-weight:500;

   }



h5 {

   font-size:12px;

   font-weight:bold;

   color:#4e4027;

   font-family: "Arial", Helvetica, sans-serif;

   margin:0;

   padding:0px 0 0 0;

   }

   

p {

   font-size:12px;

   color:#4e4027;

   margin:0;

   padding:0;

   }   



a {

   outline:none;

   text-decoration:none;

   color:#000000;

   }



img {

outline:none;

border:none;

}



#page-footer {

clear:both;

height:10px;

}

/************ Begin Header ************/



#page-header-bg01 {

background:url(img/header/header-bg01.png) repeat-x; 

position:absolute; 

left:0; 

top:0; 

z-index:-1; 

height:387px; 

width:50%;

	}

	

#page-header-bg02 {

background:url(img/header/header-bg02.png) repeat-x; 

position:absolute; 

right:0; 

top:0;

z-index:-1; 

height:387px; 

width:50%;

	}



#page-header-bg03 {

	background: url('img/header/header-bg03.png') no-repeat;

	height:172px;

	position:relative;

}



#header-bg01 {

background:url(img/header/header-bg01.png) repeat-x; 

position:absolute; 

left:0; 

top:0; 

z-index:-1; 

height:561px; 

width:50%;

	}

	

#header-bg02 {

background:url(img/header/header-bg02.png) repeat-x; 

position:absolute; 

right:0; 

top:0;

z-index:-1; 

height:561px; 

width:50%;

	}

	

#header-bg03 {

	background: url('img/header/header-bg03.png') no-repeat;

	height:172px;

	position:relative;

}



#header-bg04 {

	background: url('img/header/header-bg04.png');

	height:389px; 

}  



#page-header {

    width:960px;

	margin:0 auto;

	height:387px; 

}



#home-header {

    width:960px;

	margin:0 auto;

	height:561px; 

}







.font-color {

color:#759bbb;

}



.font-color02 {

color:#a49886;

}



	

#logo {        

		margin:0;

		float:left;

}



#logo a img{

        outline:none;

		border:none;

}





#flash {

padding:0 0 0 10px;

	  }



#banner-page img{

margin:20px 0 0 0;

}

	  

#banner img{

}



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



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

#nav {

margin:0;

height:271px;

padding:10px 0 0 0;

right:0;

background:url(img/header/nav-bg.png) right no-repeat;

position:absolute;

}



#nav02 {

margin:0 0 7px 463px;

}



#nav02 a{

color:#ffffff;

font-family:"Georgia", Times New Roman, Times, serif;

font-size:9px;

font-weight:bold;

border-right:solid 1px #ffffff;

padding:0 10px 0 10px;

}



#nav02 a:hover{

color:#ffaa05;

}



#activities-btn {

background:url(img/nav/activities-btn.png) bottom no-repeat;

width:112px;

height:63px;

float:left;

}



#activities-btn:hover {

background:url(img/nav/activities-btn-hover.png) no-repeat;

width:112px;

height:63px;

float:left;

}





#activities-btn-on {

background:url(img/nav/activities-btn-hover.png);

width:112px;

height:63px;

float:left;

}





#rooms-btn {

background:url(img/nav/rooms-btn.png) bottom no-repeat;

width:103px;

height:63px;

float:left;

}



#rooms-btn:hover {

background:url(img/nav/rooms-btn-hover.png);

width:103px;

height:63px;

float:left;

}



#rooms-btn-on {

background:url(img/nav/#rooms-btn-hover.png);

width:103px;

height:63px;

float:left;

}



#facilities-btn {

background:url(img/nav/facilities-btn.png) bottom no-repeat;

width:104px;

height:63px;

float:left;

}



#facilities-btn:hover {

background:url(img/nav/facilities-btn-hover.png);

width:104px;

height:63px;

float:left;

}



#facilities-btn-on {

background:url(img/nav/facilities-btn-hover.png);

width:104px;

height:63px;

float:left;

}



#packages-btn {

background:url(img/nav/packages-btn.png) bottom no-repeat;

width:100px;

height:63px;

float:left;

}



#packages-btn:hover {

background:url(img/nav/packages-btn-hover.png);

width:100px;

height:63px;

float:left;

}



#packages-btn-on {

background:url(img/nav/packages-btn-hover.png);

width:100px;

height:63px;

float:left;

}



#ferry-btn {

background:url(img/nav/ferry-btn.png) bottom no-repeat;

width:133px;

height:63px;

float:left;

}



#ferry-btn:hover {

background:url(img/nav/ferry-btn-hover.png);

width:133px;

height:63px;

float:left;

}



#ferry-btn-on {

background:url(img/nav/ferry-btn-hover.png);

width:133px;

height:63px;

float:left;

}



#online-btn {

background:url(img/nav/online-btn.png) bottom no-repeat;

width:133px;

height:63px;

float:left;

}



#online-btn:hover {

background:url(img/nav/online-btn-hover.png);

width:133px;

height:63px;

float:left;

}



#online-btn-on {

background:url(img/nav/online-btn-hover.png);

width:133px;

height:63px;

float:left;

}

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



/*********** Begin homepage **********/

#main {

width:960px;

margin:0 auto;

}



#home .home-layout {

width:530px;

height:300px;

padding:20px 20px 0 0;;

float:left;

background:url('img/page/home/home-img01.png') bottom left no-repeat;

}



#home .home-layout p{

float:right;

width:230px;

margin:20px 0 0 0;

}



#home .home-layout a{

clear:both;

float:right;

margin:78px 4px 0 0;

color:#759bbb;

}



#home .home-layout a:hover{

text-decoration:underline;

}



#home .home-layout2 {

width:388px;

height:300px;

padding:20px 0 0 0;;

float:left;

background:url('img/page/home/home-img03.png') left no-repeat;

}



#home .home-layout2 img {

margin:20px 10px 0 0;

float:left;

}



#home .home-layout2 h4 {

margin:20px 0 0 0;

}



#home .home-layout2 p {

float:right;

width:150px;

margin:0 25px 0 0;

}



#home .home-layout2 a img.go-btn{

margin:15px 25px;

padding:0;

float:right;

}



#home .home-layout2 a img{

margin:15px 0 0 -15px;

}

/*********** End Home page ***********/	 



/*********** Begin Page ***********/	 



/*********** End Page ***********/	 	 



/********** Begin Footer **********/



#footer {

	background: url('img/footer/footer-bg.png') repeat-x;

	margin:0 auto;

	clear:both;

	}



#footer-layout {

     width:960px;

	 margin:0 auto;

	 height:174px;

	 background: url('img/footer/footer-bg02.png');

	 }



#footer-layout img{

float:left;

margin:10px 0 0 0;

}

	 

#footer-layout p{

padding:20px 0 0 60px;

width:660px;

color:#030d3f;

float:left;

font-size:11px;

text-align:left;

}



#footer-layout ul.footer-btn01 {

margin:40px 0 0 60px;

padding:0;

width:170px;

list-style:none;

float:left;

}



#footer-layout ul.footer-btn02 {

margin:40px 0 0 8px;

padding:0;

width:170px;

list-style:none;

float:left;

}



#footer-layout ul li {

margin:0 0 3px;

}



#footer-layout ul li a{

font-family:"Georgia", Times New Roman, Times, serif;

font-size:12px;

}



#footer-layout ul li a:hover{

color:#228fa9;

}



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



/*********** Begin About ***********/	 

#about{

background:url(img/page/about/about-bg.png) no-repeat;

height:326px;

padding:40px 20px 0 450px;

}



#about p {

margin:25px 0 0 0;

}



/*********** End About ***********/	



/*********** Begin Contact ***********/	 



#contact {

padding:40px 0 0 20px;

}



#contact .content-layout01 {

width:500px;

float:left;

}



#contact .content-layout01 table{

margin:20px 0 0 0;

}



#contact .content-layout01 img {

float:left;

}



#contact .content-layout02 {

float:right;

}



#contact .content-layout02 iframe{

border:3px solid #e0a026;

margin:0 0 20px 0;

} 



#contact .content-layout03 {

clear:both;

padding:20px 0 0;

}



#contact .content-layout03 img{

float:left;

margin:10px 20px 0 0;

}



#contact .content-layout03 h5{

margin:30px 0 5px 0;

}



#contact .content-layout03 p{

padding:0 0 5px 0;

}



/*********** End Contact ***********/	 



/*********** Begin Activities ***********/	

#activities {

background:url(img/page/activities/activities-bg.png) no-repeat left;

height:591px;

width:460px;

padding:40px 0 0 500px;

}



#activities h3{

margin:30px 0 10px 0;

}



#activities h3.no-space{

margin:0 0 10px 0;

}

/*********** End Activities ***********/	 	



/*********** Begin Room ***********/	 



#room {

background:url(img/page/room/room-bg.jpg) no-repeat;

height:968px;

width:960px;

}



#room .content-layout01 {

width:480px;

float:right;

padding:40px 70px 0 0;

}



#room .content-layout01 p{

margin:15px 0 25px 0;

}



#room .content-layout02 {

width:450px;

float:left;

padding:250px 100px 0 50px;

}



#room .content-layout02 p{

margin:15px 0 25px 0;

}

/*********** End Room ***********/	



/*********** Begin Facilities ***********/	



#faci {

background:url(img/page/facilities/facilities-bg.jpg) no-repeat;

height:1650px;

}



#faci p{

margin:5px 0 25px 0;

}



#faci h5{

margin:15px 0 0 0;

}



#faci .content-layout01 {

width:450px;

float:right;

padding:40px 50px 0 0;

}



#faci .content-layout02 {

width:400px;

float:left;

padding:50px 100px 0 20px;

}



#faci .content-layout03 {

width:300px;

float:right;

padding:180px 50px 0 100px;

}



#faci .content-layout04 img{

margin:0px 0 0 10px;

}



#faci .content-layout04 p{

font-size:12px;

margin:0;

padding:0;

}



#faci .content-layout04 h5.title{

clear:both;

margin:120px 60px 0 10px;

float:right;

}



#faci .content-layout04 h5{

margin:0;

padding:0;

}



#faci .content-layout04 table {

margin:10px 0 0 40px;

}



#faci .content-layout04 table tr.table-bg{

background:url(img/page/facilities/table-bg.png) no-repeat;

height:35px;

width:854px;

}

/*********** End Facilities ***********/

	

/*********** Begin Package***********/



#package {

padding:40px 0 0 20px;

}



#package h3{

margin:0 0 20px 0;

}

#package img {
	float: right;
}

#package p {
	width: 300px;
}
	
#package a {
	text-align: left;
	background: url('img/page/package/package-bg.png') no-repeat;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bolder;
	display: block;
	margin:10px 0 20px 20px;
	padding:14px 25px 25px 75px;
}



/*#package a img{

margin:0 0 20px 20px;

}


#package img.package-img{

float:right;

margin:0 100px 0 0;

}
*/


/*********** End Package ***********/



/*********** Begin Ferry***********/

#ferry {

padding:40px 0 0 20px;

}



#ferry h3.title{

margin:0 0 15px 0;

padding:0;

}



#ferry h5{

margin:10px 0 5px 0;

}



#ferry h3{

margin:30px 0 5px 0;

}



#ferry table.table-footer {

margin:20px 0 15px 0;

}

#ferry .ferry-map {
float:right;
font-style: italic;
margin: 80px 100px 0 0;
text-align: center;
}

#ferry .ferry-map img {
border:1px solid #759BBB;
}

/*********** End Ferry ***********/

	



/* begin form */

.col {

width:345px;

}



.col2 {

width:225px;

height:65px;

}



#form p{

color:#ffffff;

margin:0 0 7px;

}



#form table p{

color:#000000;

font-size:14px;

margin:0;

margin:0 0 15px;

}



#form {

background:url(img/page/contact/form-bg.png) no-repeat;

width:532px;

height:297px;

padding:20px 0 0 20px;

margin:20px 0 0 0;

}

/* end form */



img#under-contruct {

margin:30px 0 30px 380px;

}

/* Job Vacancy
-------------------------------------------------------------- */
/* Job list */
#page form {
margin-top: 25px;
}

.job {
	font-size:12px;
}

#page #job-list-wrap:first-child, #page #job-inner-wrap:first-child {
margin-top: 60px;
}

#job-list-wrap {
	border-bottom: 1px solid #999;
	width: 100%;
	font-size:12px;
}

#job-list-wrap a:hover {
text-decoration: underline;
}

#job-list-wrap:hover {
	background: #E0E0E0;
}

#job-list-wrap h2 {
	font-size: 17px;
	padding: 0;
	margin: 0;
}

#job-list-wrap h2 a {
color: #0e49a6;
}

#job-list-wrap .highlighted {
	background: #FF9;
}

#job-list-content {
	padding: 10px 5px;
}

#job-list-content .collum1, .collum2, .collum3 {
	float: left;
	padding-left: 20px;
border-left: 1px solid #CCC;
}

#job-list-content .collum1 {
	width: 40%;
border-left: 1px solid #CCC;
}

#job-list-content .collum2 {
	width: 25%;
}

#job-list-content .collum3 {
	width: 25%;
	text-align: left;
}

#job-list-content .collum99 {
	clear: both;
	height: 1px;
}

#job-list-content .apply-now {
	display: block;
}

#job-list-content .apply-now a {
color: #ef5a00;
}

#job-list-content .more a {
color: #f60000;
}

/* Job inner page */
#job-inner-wrap {
	width: 100%
}

#job-inner-wrap #main-info {
	float:left;
	width: 65%;
}

#job-inner-wrap #sub-info {
clear: both;
padding-bottom: 15px;
}

#job-inner-wrap #sub-info h2 {
font-family: arial;
font-size:18px;
}

#job-inner-wrap #side-info {
	width: 30%;
	float: right;
}

#job-inner-wrap #side-info b.color {
color: #00d8ff;
}

#job-inner-wrap h1 {
color: #0e49a6;
border-bottom:1px solid #999999;
}

#side-info table {
	margin: 0;
	padding:10px;
border: 1px solid #CCC;
background: #0851b0;
color: #fff;
}

#side-info table tr td {
	padding: 5px;
}

.jobs-applynow-btn {
margin-top: 10px;
}

/* Job application form */

#job-form {
	margin-top: 15px;
}

#job-form h2 {
	color: #0E49A6;
}

#job-form table {
	border: 1px solid #c8c8c8;
	width: 80%;
	margin-top:20px;
	padding: 25px;
}

#job-form table th p {
	color: #EF5A00;
	font-size: 15px;
	border-bottom: 1px solid #999999;
}

#job-form table td.title {
	font-weight: bolder;
	width:35%;
}

#job-form .mandatory {
	color: #F60000;
}

#thankyou {
color:#0E49A6;
font-size:17px;
margin:60px;
text-align:center;
}