@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	background: url(../images/final_02.gif) repeat-x top left;
	background-color:#fff;
	color:#35383D;
}
#wrapper1_A{
	background:url(../images/wrapperBG_A.jpg) no-repeat center top;
	margin:0;
	padding:0;

}
#wrapper1_B{
	background:url(../images/wrapperBG_B.jpg) no-repeat center top;
	margin:0;
	padding:0;
}
#wrapper2{
	width: 919px;
	margin: 0 auto;
	text-align:left;
	padding-top:175px;

	}
	
#wrapper2_B{
	width: 919px;
	margin: 0 auto;
	text-align:left;
	padding-top:179px;

	}	
.clear{
	clear:both;
}
img{
	border:none;
}
.style01{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em; 
	color:#CC6600; 
}

.styleo2 a{
 text-decoration:none;
 	color:#adadae;
 }
.styleo2 a:hover{
	text-decoration:underline;
	color:#444;
}

/********************************************************/	
.ContactNum{
	position:relative;
}
.ContactNumBox{
	position:absolute;
	left: 600px;
	top: -165px;
}
.ContactNumBox p{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#e5edf6;
	padding-bottom:3px;
}
.ContactNumBox a{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#e5edf6;
	text-decoration:none;
}
.ContactNumBox a:hover{
	text-decoration:none;
	background-color:#CC0000;
	color:#fff;
	padding-right:2px;
}

.ContactNumBox .telphone{
	background:url(../images/PhoneIcon.gif) no-repeat center left;
	height:18px;
	width:18px;
	padding-left:20px;
}

.ContactNumBox .online{
	background: url(../images/onlineGr.gif) no-repeat center left;
	height:15px;
	width:18px;
	padding-left:20px;
}
.ContactNumBox .download{
	background: url(../images/dowload.gif) no-repeat center left;
	height:15px;
	width:18px;
	padding-left:20px;
}
.ContactNumBox .smallFont{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#CC0000;
}
.ContactNumBox .smallFont02{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#0066FF;
}
.ContactNumBox .smallFont02 a{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#0066FF;
	text-decoration:none;
}
.ContactNumBox .smallFont02 a:hover{
	text-decoration:underline;
}
.download02 a{
	text-decoration:none;
	color: #CC0000;
}
.download02 a:hover{
	text-decoration:underline;
}
/*----------MainNav-A----------*/
.navigation{
	position:relative;
}
.MainNav{
	position: absolute;
	width:560px;
	left: 370px;
	top:-47px;
}

.MainNav .MainNav-A {
      float:left;
      width:100%;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
	  font-weight:bold;
      line-height:normal;
      color:#86857b;
		
}
.MainNav .MainNav-A ul {
	  margin:0;
	  padding:0px 0px 0px 0px;
	  list-style:none;
}
.MainNav .MainNav-A li {
      display:inline;
      margin:0;
      padding:0;
}

.MainNav .MainNav-A li a {
      float:left;
      background: url(../images/tabLeft.gif) no-repeat left top;
      margin:0;
      padding:0px 3px 0px 7px;
      text-decoration:none;
}
.MainNav .MainNav-A a span {
      float:left;
      display:block;
      background: url(../images/TabsRight.gif) no-repeat right top;
      padding:11px 15px 9px 10px;
      color:#00619b;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.MainNav .MainNav-A a span {float:none;}
    /* End IE5-Mac hack */
.MainNav .MainNav-A a:hover span {
      color:#333;
}
.MainNav .MainNav-A a:hover {
      background-position:0% -34px;
}
.MainNav .MainNav-A a:hover span {
      background-position:100% -34px;
}  


.MainNav .MainNav-A .current form a{
      float:left;
      background: url(../images/tabLeft.gif) no-repeat left top;
      margin:0;
      padding:0px 3px 0px 7px;
      text-decoration:none;
	  	background-position:0% -34px;
}
.MainNav .MainNav-A .current form a span{
      float:left;
      display:block;
      background: url(../images/TabsRight.gif) no-repeat right top;
      padding:11px 15px 9px 10px;
      color:#00619b;
	  	background-position:100% -34px;

}

/*----------End MainNav-A----------*/


/********************* Container Styles *********************************/	
.container{
	padding-left:50px;

}

.container_inner{
	margin-left:45px;
	margin-right:40px;
	background-color:#fff;
	padding:15px 15px 25px 15px;

}
.container_inner h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:24px;
	color:#00619b;
	letter-spacing:-1px;
}

.container_inner h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em; 
	color:#CC6600;
	font-weight:normal;
}
.container_inner h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#CC6600;
	font-weight:normal;
}


.innerPgStyles_R p{
	line-height:22px;
	padding-bottom:15px;
}

.innerPgStyles_R .design01{
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-bottom:10px;
/*	list-style: url(../images/arrow.gif) outside;
*/	padding-left:18px;
}

.innerPgStyles_R .design01 li {
	padding-top:10px;
	padding-bottom:5px;
}

.innerPgStyles_R .design01 li a {
      text-decoration:none;
	  color:#CC3300;
}
.innerPgStyles_R .design01 li a {
	text-decoration:underline;
}

/*************************/
.Top10Phils{
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
}
.innerPgStyles_R .design02{
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-bottom:10px;
/*	list-style: url(../images/arrow.gif) outside;
*/	padding-left:28px;
}

.innerPgStyles_R .design02 li {
	padding-top:10px;
	padding-bottom:5px;
}

.innerPgStyles_R .design02 li a {
      text-decoration:none;
	  color:#CC3300;
}
.innerPgStyles_R .design02 li a {
	text-decoration:underline;
}



.note{
	width:70%;
	background-color:#CC0000;
	padding:5px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.note a{
	text-decoration:none;
	color:#ffffff;
}
.note a:hover{
	text-decoration:underline;
	color: #FFFF00;
}

.contactAddress{
	padding-top:20px;
}
.contactAddress p{
 	padding-bottom:10px;
	font-size:12px;
}
.box{
	background-color:#faebc9;
	padding:15px 15px 15px 10px;
}
.backtop a{
	text-decoration: underline;
	color:#CC0000;
}
.backtop a:hover{
	padding:3px;
	background-color:#CC0000;
	color:#fff;
	text-decoration:none;
}

.innerPgStyles_L{
	float:left;
	width:225px;
}

.innerPgStyles_R{
		float:right;
		width:560px;
}
/*********************************************************************/
.SideNav{
/*	padding-top:10px;*/
	padding-left:15px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	width:170px;

}
.SideNav ul{
	list-style-type: none;
	margin: 0;
	padding:0;
}
.SideNav ul li{
	border-bottom: 1px dashed #efefec;
}
.SideNav ul li a{
	display: block;
	padding: 4px 0px 4px 12px;
	color: #5c5c5b;
	text-decoration: none;
	background:transparent url(../images/yellowArrow.gif) no-repeat left center;
}
.SideNav ul li a:hover{
	text-decoration:none;
	background-color:#f06b00;
	color:#fff;
	background-image:none;
/*	background:transparent url(../images/yellowArrow.gif) no-repeat left center;*/

}
.SideNav ul li a#current{
	text-decoration:underline;
	background:transparent url(../images/iconCategories2.gif) no-repeat left center;
	font-weight:bold;
	cursor:default;
}
/********************* Container Home Styles *************************/	
.banner{
	padding-bottom:70px;
}
.homeInfo{
	padding-left:70px;
	margin-bottom:20px;
}
.homeInfo h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:24px;
	color:#00619b;
	letter-spacing:-1px;
}


.homeInfo span{
	background: url(../images/checkMark.gif) no-repeat center left;
	padding-left:16px;
}
.homeInfo a{
	text-decoration:underline;
	color:#00619b;
}
.homeInfo a:hover{
	background-color:#00619b;
	color:#fff;	
}
.HomeInfoBox{
	float:left;
	width:240px;
	padding-right:20px;
}
.HomeInfoBox_Img{
	float:left;
	width:150px;
}
/*************** Form****************/
.MainTitle{
	padding-top:2px;
	font:16px Arial, Helvetica, sans-serif;
	color:#3076b5;
	font-weight:bold;
}
.WriteUs{
	font: 16px Arial, Helvetica, sans-serif;
	color:#3076b5;
	font-weight:bold;
	padding-top:8px;
	padding-left:20px;
}
.InfoTxt{
	font: 18px Arial, Helvetica, sans-serif;
	color:#990000;
}

.FormStyles form .noBorder{
	border:0px;
	background:none;
}
.FormStyles{
	padding-top:10px;
	padding-bottom:5px;
}


.FormStyles form {
    margin: 0 0 0 20px;
}

.FormStyles form p {
	font-size:1em;
    margin: 0 0 0px 2px;
}

.FormStyles label {
    color: #00619b;
    display: block;
}
/*.FormStyles input{
	border:1px dashed #d4d0d0;
	height:21px;
	background-color:#e4e4e1;
	padding-top:3px;
}
*/
.FormStyles textarea{
	width:500px;
	height:200px;
	border:1px dashed #d4d0d0;
	background-color:#e4e4e1;
}

.FormStyles .formbox {
    width: 250px;
	border:1px dashed #d4d0d0;
	height:21px;
	background-color:#e4e4e1;
	padding-top:3px;
}

.FormStyles fieldset {
    border:1px solid #ccc;
}
.FormStyles legend{
	font-size:16px;
	font-weight:normal;
	color:#CC6600;
	padding-left:10px;
}

/************ eND *******************/

/********* Styles for Reservation ********/
.textareabasic {
	height : 75px; 
	width : 250px;
}

.inputlong {
	font-size : 11px; 
	font-family : Verdana, Arial; 
	font-weight : normal; 
	color : #6B3805; 
	width : 200px;
	height:18px;
	border:1px solid #ccc;
}

.inputShort {
	font-size : 11px; 
	font-family : Verdana, Arial; 
	font-weight : normal; 
	color : #6B3805; 
	/*width : 90px;*/
	height:18px;
	border:1px solid #ccc;
}
.textareabig {
	height : 100px; 
	width : 450px;
	border:1px solid #ccc;

}
.textareabasic {
	height : 75px; 
	width : 350px;
	border:1px solid #ccc;
}
.DetailStyles{
	padding-bottom:20px; 
	font-size:14px; 
	font-weight:bold;
}
.bold {
	font-family:Verdana, Arial, Helvetica; 
	font-size:14px; 
	font-weight:bold; 
	text-decoration:none;
	padding-bottom:20px;
}
hr {
	color: #f5ac0b;
	height: 1px;
}

.button {font-size : 14px; font-family : Verdana, Arial; font-weight : normal; color : #333333}
.butbold {font-size : 14px; font-family : Verdana, Arial; font-weight : bold; color : #333333}
/******************** Footer Styles **********************************/
.footer{
	background:url(../images/footerBG.gif) repeat-x;
	height:80px;
}
/****************** CSS Footer Elements **************************/		
.footer{
	clear:both;
	padding-top:20px;
	color:#7f5805;
	/*background-color:#ddd074;*/
}
.footer p{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7f5805;
	padding-bottom:2px;
	text-align:center;
}
.footer a{
 text-decoration:none;
 	color:#adadae;
 }
.footer a:hover{
	text-decoration:underline;
	color:#444;
}
.footerNav{
	padding-bottom:20px;
}
.footerNav ul{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
.footerNav li {
	display: inline;
	list-style-type: none;
}

.footerNav li a {
	padding: 3px 10px;
 	color:#7f5805;
	text-decoration: none;
	font-size:11px;
}
.footerNav li a:hover {
	background-color:#f06b00;
	color:#fff;
	text-decoration:none;	
}


/******** Products Scroll *************/

.scrollBox {
	FONT: .85em arial, sans-serif; 
	font-weight: bold;
	COLOR: #fff; 
}