body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#232122;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	scrollbar-base-color:#192438;
	scrollbar-arrow-color:#FFF;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset,  form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align:middle;
}

ol, ul {list-style: none;}
table {
	/* border-collapse: separate; */
	border-spacing: 2px;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/
body{
	font-size: 12px; 
	text-align:center;/* for ie5.+*/		
	background:#232222;
	margin:auto;	
}

a img,img{border:none;display:block;}

#outer{
     width:975px;
	 background:#c0c0c0 url(../images/page_body_bg.jpg) repeat-x 0 0;
	 padding:0 0 5px 0;
     margin:auto;/* center the page*/
     text-align:left;/* reset text back to left due to ie5.x fix */
}
#header{
      width:937px;
	  background:url(../images/page_banner.jpg) no-repeat;
	  height:133px;
	  margin:auto;
}
#icon_header{
      width:100px;
	  background:none;
	  float:right;
	  margin:auto;
	  z-index:2
}
ul#nav{
	font-size:100#;
	float:right;
	width:700px;
	text-align:right;
	padding-top:10px;
	position:relative;
	z-index:2
}
ul#nav li{
	display:inline;
	padding:0 13px 0 0;
	text-transform:uppercase;
	font-style:italic;	
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
ul#nav li a{
	color:#fff;
}
ul#nav li a:hover,
ul#nav li.current a{color:#25BBE9;}


#content{
	background:#232222;
	padding:0;
	width:900px;
	margin:auto;
	position:relative;

}
#main_body{	
	background:#232222;
	width:937px;
	min-height:470px;
	margin:auto;
	position:relative;
	z-index:1

}
#body_content{
	width:700px;
	min-height:500px;
	margin:auto;
	padding-bottom:20px;
	}
	
#logo_container{
	width:900px;
	height:118px;
	margin:auto;
	position:relative;
	z-index:1

}
.ArialBlue {
	font-family:  Arial;
	font-size: 24px;
	color:#25BBE9;
}

.Arialwhite {
	font-family:  Arial;
	font-size: 14px;
	color:#FFFFFF;
}
.Arialred {
	font-family:  Arial;
	text-align:center;
	font-size: 14px;
	color:#ac0000;
}
.black14 {
	font-family:  Arial;
	text-align:center;
	font-size: 14px;
	color:#000;
}

.Arialwhitesmall {
	font-family:  Arial;
	font-size: 12px;
	color:#FFFFFF;
	line-height:1.5;
 	text-align:left;
}
.Arialwhitebold {
	font-family:  Arial;
	font-size: 14px;
	color:#FFFFFF;
	font-weight:bold;
}
.Arialbluemedium {
	font-family:  Arial;
	font-size: 14px;
	padding: 5px 5px 5px 0px;
	font-weight:bold;
	color:#25BBE9;
}

.MyriadBluesmall {
	font-family:  Myriad;
	font-size: 14px;
	color:#25BBE9;
	text-align:left;
}
.Myriadwhitesmall {
	font-family:  Myriad;
	font-size: 14px;
	color:#FFFFFF;
}
.Verdanagreay {
	font-family:  Verdana;
	font-size: 10px;
	color:#4C4C4C;
}
.Verdanablue {
	font-family:  Verdana;
	font-size: 10px;
	color:#25BBE9;
	margin-left: 0px;
}
.white_link a:link{
	text-decoration:none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
.white_link a:visited {
	text-decoration: none;
	font:10px   Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
.white_link a:hover {
	text-decoration:none;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#25BBE9;
}
.white_link a:active {
	text-decoration: none;
	font:10px  Verdana, Arial, Helvetica, sans-serif;
	color:#25BBE9;
}
.black_link a:link {
	text-decoration: none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.black_link a:visited {
	text-decoration: none;
	font:12px  Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.black_link a:hover {
	text-decoration:none;
	font:12px  Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}
.black_link a:active {
	text-decoration: none;
	font:12px  Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}



#menu_btn{
background:url(../images/menu.jpg) 0 0 no-repeat;
width:140px;
height:160px;
margin:0;
padding:0;

}

#menu_btn li span {
display:none;
}

#menu_btn li {
float:left;
list-style:none;
position:relative;
}

#menu_btn li,#menu_btn a {
height:28px;
display:block;
margin: 0;
padding:0;
}

li#home,li#about,li#contact,li#feedback,li#careers {
width:140px;
}

#home a:hover {
background:url(../images/menu.jpg) -140px -0px no-repeat;
}

#about a:hover {
background:url(../images/menu.jpg) -140px -28px no-repeat;
}

#contact a:hover {
background:url(../images/menu.jpg) -140px -56px no-repeat;
}

#feedback a:hover {
background:url(../images/menu.jpg) -140px -84px no-repeat;
}

#careers a:hover {
background:url(../images/menu.jpg) -140px -112px no-repeat;
}
/* MENU AMII */
#menu_amii{
background:url(../images/menu_amii.jpg) 0 0 no-repeat;
width:140px;
height:160px;
margin:0;
padding:0;
}

#menu_amii li span {
display:none;
}

#menu_amii li {
float:left;
list-style:none;
position:relative;
}

#menu_amii li,#menu_amii a {
height:28px;
display:block;
margin: 0;
padding:0;
}

li#main_amii,li#about_amii,li#services_amii {
width:140px;
}



#main_amii a:hover {
background:url(../images/menu_amii.jpg) -140px -0px no-repeat;
}

#about_amii a:hover {
background:url(../images/menu_amii.jpg) -140px -28px no-repeat;
}

#services_amii a:hover {
background:url(../images/menu_amii.jpg) -140px -56px no-repeat;
}
#blank a:hover {
background:none -140px -84px no-repeat;
}

#blank a:hover {
background:none -140px -112px no-repeat;
}

/* MENU AESI */
#menu_aesi{
background:url(../images/menu_aesi.jpg) 0 0 no-repeat;
width:140px;
height:160px;
margin:0;
padding:0;
}

#menu_aesi li span {
display:none;
}

#menu_aesi li {
float:left;
list-style:none;
position:relative;
}

#menu_aesi li,#menu_aesi a {
height:28px;
display:block;
margin: 0;
padding:0;
}

li#main_aesi,li#about_aesi,li#services_aesi {
width:140px;
}


#main_aesi a:hover {
background:url(../images/menu_aesi.jpg) -140px -0px no-repeat;
}

#about_aesi a:hover {
background:url(../images/menu_aesi.jpg) -140px -28px no-repeat;
}

#services_aesi a:hover {
background:url(../images/menu_aesi.jpg) -140px -56px no-repeat;
}
#blank a:hover {
background:none -140px -84px no-repeat;
}

#blank a:hover {
background:none -140px -112px no-repeat;
}

/* MENU AEPI */
#menu_aepi{
background:url(../images/menu_aepi.jpg) 0 0 no-repeat;
width:140px;
height:160px;
margin:0;
padding:0;
}

#menu_aepi li span {
display:none;
}

#menu_aepi li {
float:left;
list-style:none;
position:relative;
}

#menu_aepi li,#menu_aepi a {
height:28px;
display:block;
margin: 0;
padding:0;
}

li#main_aepi,li#about_aepi,li#product_aepi,li#process_aepi {
width:140px;
}

#main_aepi a:hover {
background:url(../images/menu_aepi.jpg) -140px -0px no-repeat;
}

#about_aepi a:hover {
background:url(../images/menu_aepi.jpg) -140px -28px no-repeat;
}

#product_aepi a:hover {
background:url(../images/menu_aepi.jpg) -140px -56px no-repeat;
}
#process_aepi a:hover {
background:url(../images/menu_aepi.jpg) -140px -84px no-repeat;
}
#blank a:hover {
background:none -140px -112px no-repeat;
}

/* MENU AHI */
#menu_ahi{
background:url(../images/menu_ahi.jpg) 0 0 no-repeat;
width:140px;
height:160px;
margin:0;
padding:0;
}

#menu_ahi li span {
display:none;
}

#menu_ahi li {
float:left;
list-style:none;
position:relative;
}

#menu_ahi li,#menu_ahi a {
height:28px;
display:block;
margin: 0;
padding:0;
}

li#main_ahi,li#about_ahi,li#services_ahi {
width:140px;
}

#main_ahi a:hover {
background:url(../images/menu_ahi.jpg) -140px -0px no-repeat;
}

#about_ahi a:hover {
background:url(../images/menu_ahi.jpg) -140px -28px no-repeat;
}

#services_ahi a:hover {
background:url(../images/menu_ahi.jpg) -140px -56px no-repeat;
}
#blank a:hover {
background:none -140px -84px no-repeat;
}

#blank a:hover {
background:none -140px -112px no-repeat;
}

/* MENU AMRI */
#menu_amri{
background:url(../images/menu_ahi.jpg) 0 0 no-repeat;
width:140px;
height:160px;
margin:0;
padding:0;
}

#menu_amri li span {
display:none;
}

#menu_amri li {
float:left;
list-style:none;
position:relative;
}

#menu_amri li,#menu_amri a {
height:28px;
display:block;
margin: 0;
padding:0;
}

li#main_amri,li#about_amri,li#services_amri {
width:140px;
}


#main_amri a:hover {
background:url(../images/menu_amri.jpg) -140px -0px no-repeat;
}

#about_amri a:hover {
background:url(../images/menu_amri.jpg) -140px -28px no-repeat;
}

#services_amri a:hover {
background:url(../images/menu_amri.jpg) -140px -56px no-repeat;
}
#blank a:hover {
background:none -140px -84px no-repeat;
}

#blank a:hover {
background:none -140px -112px no-repeat;
}

/* MENU GINI */
#menu_gini{
background:url(../images/menu_gini.jpg) 0 0 no-repeat;
width:140px;
height:156px;
margin:auto 0;
padding:0;
}

#menu_gini li span {
display:none;
}

#menu_gini li {
float:left;
list-style:none;
position:relative;
}

#menu_gini li,#menu_gini a {
height:13px;
display:block;
margin:0;
padding:0;
}

li#main_gini,li#about_gini,li#manila_gini,li#starosa_gini,li#cavite_gini,li#cebu_gini,li#tacloban_gini,li#iligan_gini,li#cdo_gini,li#bacolod_gini,li#davao_gini,li#pl_gini {
width:140px;
}

#main_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -0px no-repeat;
margin:0;
padding:0;
}

#about_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -13px no-repeat;
}

#manila_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -26px no-repeat;
}
#starosa_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -39px no-repeat;
}

#cavite_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -52px no-repeat;
}

#cebu_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -65px no-repeat;
}

#tacloban_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -78px no-repeat;
}

#iligan_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -91px no-repeat;
}
#cdo_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -104px no-repeat;
}

#bacolod_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -117px no-repeat;

}
#davao_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -130px no-repeat;
}
#pl_gini a:hover {
background:url(../images/menu_gini.jpg) -140px -143px no-repeat;
}

a:link {
	text-decoration: none;
	color:#ffffff;
}
a:visited {
	text-decoration: none;
	color:#ffffff;
}
a:hover {
	text-decoration: none;
	color:#25BBE9;
}
a:active {
	text-decoration: none;
	color:#25BBE9;
}
#bottom_links{
	width:400px;
	margin:auto;
	position:relative;
	z-index:2;
}

#footer{
	width:937px;
	margin:auto;
	padding:0;
	clear:both;
	position:relative;
	text-align:center;
	z-index:2;
}
.footerclass{
	font:11px Arial, Helvetica, sans-serif normal;
	color:#fff;
	margin:auto;
	text-align:center;
}


#footer a:link {
	text-decoration: none;
	color:#25BBE9;
}
#footer a:visited {
	text-decoration: none;
	color:#25BBE9;
}
#footer a:hover {
  text-decoration: underline;
	color:#fff;
}
#footer a:active {
	text-decoration: none;
	color:#25BBE9;
}

#pscroller1{
width: 350px;
height: 100px;
border: 1px solid black;
padding: 5px;
color:#FFFFFF;
}

#pscroller1 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}