@charset "utf-8";
/* CSS Document */
html{
height:100%;
width:100%;
}
body{
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background:url(../images/bodybg.gif) 0 0 repeat-x #f2f2f2;
color:#454545;
}
form, table{
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6{
margin:0;
padding:6px 0px;
}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{
margin:0;
padding:0px 0px 15px 0;
}
a{}
a:hover{}
.wrapper{ width:960px; margin:auto;}
#top-pattern .wrapper{min-height:46px; height:auto !important; height:46px;}
#menu-holder{ min-height:54px; height:auto !important; height:54px;}
#menu-bg{ width:940px; height:41px; background:url(../images/menu-bg.png) 0 0 no-repeat; position:absolute; top:19px; left:10px; padding:11px 0 0 0}
* html #menu-bg{ background-image:url(../images/menu-bg.jpg);}
#banner-holder{min-height:282px; height:auto !important; height:282px; position:relative;}
#banner-holder img{ position:absolute; top:17px; left:-1px;}
#column-holder{ background:url(../images/column-holder-bg.png) 695px 0 repeat-y; padding:50px 20px 20px 0; }
#bottom-area{ background:url(../images/bottomarea-bg.gif) 0 0 repeat-x #1f5881; min-width:960px;}
#bottom-area .wrapper{ min-height:80px; height:auto !important; height:80px;}



/*column-holder*/
#column-holder .leftarea{ width:655px;}
#column-holder .rightarea{ width:230px; font-size:11px;}
.page-head{ font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:20px; padding:0 0 5px 0; margin:0 0 15px 0; color:#c1212b; border-bottom:1px solid #cdcdcd;}
.page-head a { text-decoration:none; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:20px; padding:0 0 5px 0; margin:0 0 15px 0; color:#c1212b;}
#column-holder .leftarea strong{ color:#c1212b; font-weight:normal;}
#column-holder .leftarea p{ line-height:150%;}
.boxes{}
.boxes .box{ width:204px; float:left; margin:0 5px 0 0;}
.boxes .box .boxhead{ font-size:11px; color:#fff; background:url(../images/boxheadbg2.gif) 0 0 no-repeat; height:22px; padding:6px 0 0 10px;}
.boxes .box .boxmid{ min-height:101px; height:auto !important; height:101px; background-color:#fff; border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3; zoom:1;}
.boxes .box .boxbot{ height:30px; background:url(../images/boxbotbg2.gif) 0 0 no-repeat;}
.boxdetails{ font-size:11px; padding:5px 10px;}
.boxdetails2{padding:5px;}


.bottom-area{ font-size:11px;}
/*.bottom-area .bleft{ width:299px;}
.bottom-area .bright{ width:299px;}
.blog-list li, .useful-links li{ padding:3px 0;}
.blog-list li a, .useful-links li a{ color:#454545; text-decoration:none;}
.useful-links li{ list-style-type:none;}
.view-all{ color:#c1212b; font-size:11px; text-decoration:none;}*/
.blog-wrap{ width:260px; min-height:190px; height:auto !important; height:190px; background:url(../images/blogwrap-bg.gif) left no-repeat; padding:0 0 0 50px;}
.link-wrap{ width:260px;  min-height:190px; height:auto !important; height:190px; background:url(../images/linkswrap-bg.gif) left no-repeat;padding:0 0 0 50px;}

.blog-wrap ul, .link-wrap ul{ margin:0 0 10px 16px; padding:0;}
.blog-wrap h3, .link-wrap h3{ padding:0; margin:0 0 15px; font-family:"Myriad Pro", Arial; font-size:18px; font-weight:normal; color:#2d2d2d;}
.blog-wrap a, .link-wrap a{ color:#454545; text-decoration:none;}
.blog-wrap a:hover, .link-wrap a:hover{}
.blog-wrap a:hover, .link-wrap a:hover{ color:#010162;}
.blog-wrap ul li{ list-style-image:url(../images/bullet.gif); padding:2px 0;}
.link-wrap ul li{ list-style-type:none; padding:2px 0;}

.inquire-form{ padding:5px;}
.inquire-table{ width:100%; border-collapse:collapse;}
.inquire-table td{ vertical-align:top; padding:2px 0;}
.inquire-form input[type="text"], .inquire-form textarea{ width:140px;}
div.cta{ margin:5px 0 0;}
.cta img{ border:2px solid #fff;}

/*rightarea*/
.right-head{ font-size:20px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; padding:0; text-align:center; color:#000079; margin:0 0 10px 0;}
.right-head span{ color:#c1212b;}
.cta-head{ width:214px; height:40px; background:url(../images/ctahead-bg.png) 0 0 no-repeat; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:22px; color:#fff; padding:4px 0 0 10px;}
/*footer*/
#footernav{ margin:0px 0 0 0; padding:19px 0 0 0; text-align:center; font-size:11px;}
#footernav li{ list-style-type:none; display: inline; background:url(../images/sep.gif) right no-repeat; padding:0 6px;}
#footernav li a{ color:#fff; text-decoration:none;}
.copyright{ font-size:10px; color:#FFF; text-align:center; text-transform:uppercase; padding:4px 0 0 0;}
/*float*/
.right{
float:right;
}
.left{
float:left;
}
.clearB{
clear:both;
}

#p7PMnav li { text-transform:uppercase; }

#p7PMnav li ul li { font-size:11px; background-color:#d3d3d3;}
#p7PMnav li ul li a:hover { background-color:#254298; background-image:none; }
#p7PMnav li ul li a { background-color:#213b88; background-image:none; color:#FFFFFF }

#side-menu ul { margin:0px; padding:0px; }
#side-menu li { margin:0px -20px;; padding:8px 2px; list-style-image: url("../images/bullet.gif"); border-bottom: 1px solid #CDCDCD; }
#side-menu a { text-decoration:none; color:#C1212B; font-size: 14px; }
#side-menu li:hover { font-weight:bold; color:#000079; }

/**/

#content2 {background-image: url(../images/time_cont_bg.png); background-position:bottom; background-repeat:no-repeat; width:685px; }
#content3 {background-image: url(../images/map.jpg); background-position:bottom; background-repeat:no-repeat; width:685px; position:relative;}

#timeline {
		background-image: url(../images/time_bg.png); 
		background-repeat:no-repeat; width:703px; 
		height:97px; margin-left:-11px; 
		margin-top:-20px; 
		background-color:transparent; 
		padding-top:15px;
		}
		
#mapbottom {
		background-image: url(../images/time_bg.png); 
		background-repeat:no-repeat; width:703px; 
		height:97px; margin-left:-11px; 
		background-color:transparent;
		}

#timeline li a { text-decoration:none; color:#59598e; font-weight:bold;}

.country, .country a {
	background-image: url(../images/smallicon.png);
	background-repeat:no-repeat;
	float:left;
	position:absolute;
	width:21px;
	height:20px;
	display:block;
	}
	
	
.country a {
	text-decoration:none;
	}
.country a img {
	border:0 none;
	}
#philippines {
	top:300px;
	left:93px;
	}
	
	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border:0px;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Begin News Slide */
#gallery {
	height:292px;
	position:relative;
	width:655px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}
 
	#gallery .caption {
	z-index:600;
	background-color:#000;
	color:#CCC;
	height:50px;
	width:100%;
	position:absolute;
	bottom:0;
	}
 
	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
	margin:0;
	padding:0;
	color:#FFF;
	}
	
	/* End Slider */