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

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  GENERAL*/

html {
	padding: 0;
	margin: 0;
}

body {
	background-image: url(images/headerBG.png);
	background-repeat: repeat-x;
	z-index: 99;
	/*background-image: url(images/bg2.jpg);
	background-repeat: repeat-x;*/
	background-color: #000066; /*#043a68;*/
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #999999;
}

#searchsubmit {
	padding-left: 5px;
	
}
/*
img {
	behavior: url(iepngfix.htc);
}*/

/*#container .header {
	background-image: url(images/headerBG.png);
	background-repeat: repeat-x;
}	

html>body #container .header {
	background-image: url(images/headerBG.png);
	background-repeat: repeat-x;
}*/

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: none;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  CONTAINER - HEADER*/

#container {
	position: relative;
	top: -15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 912px;
}

html>body #container {
	position: relative;
	top: -8px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 912px;
}

/*
#container .header .oneAyalaLogo {
	background-image: url(images/newlogo.jpg);
	background-repeat: no-repeat;
	width: 396px;
	height: 150px;
}*/

#container .header .topLinks{
	position: absolute;
	top: 0px;
	margin-left: 415px;
}

html>body #container .header .topLinks{
	position: absolute;
	top: 0px;
	margin-left: 412px;
}

#container .header .nav {
	margin-top: -60px;
}

#container .header .nav .topSpaceFiller {
	margin-left: 405px;
}

#container .header .nav .subMenu {
	margin-right: 60px;	
}

html>body #container .header .nav .subMenu {
	position: relative;
	top: -18px;
	margin-right: 60px;	
}
/*
#container .sidebar .sideHeader{
	background-image: url(images/sidebarHeader.png);
	width: 200px;
	height: 20px;
}*/
/*
#container .sidebar .sideArea {
	background-image: url(images/sidebarBG.png);
	width: 200px;
}*/

#container .sidebar {
	position: absolute;
	margin-left: -450px;
	width: 200px;
	top: 190px;
}

html>body #container .sidebar {
	position: absolute;
	margin-left: 0px;
	width: 200px;
	top: 190px;
}

#container .sidebar .searchBox{

	margin-left: 0px;
	width: 200px;
	margin-top: 10px;
}

html>body #container .sidebar .searchBox{
	margin-left: 0px;
	width: 200px;
	margin-top: 15px;
}

#container .footer {
	position: relative;
	/*margin-top: 600px;*/
	width: 500px;
	padding-left: 30px;
}

html>body #container .footer {
	position: relative;
	/*margin-top: 600px;*/
	width: 500px;
	padding-left: 30px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RIGHTBAR  */

#container .rightbar {
	position: absolute;
	margin-left: 330px;
	top: 190px;
}

html>body #container .rightbar {
	position: absolute;
	margin-left: 780px;
	top: 180px;
}

#container .rightbar h3{
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ff5b1c;
}
/*
html>body #container .rightbar h3{
	font: 14px Lucida Sans Unicode, Verdana, Helvetica, Arial, sans-serif Unicode, sans-serif;
	font-weight: bold;
	color: #ff5b1c;
}*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> WORDPRESS PROPER */

#container .content {
	position: relative;
	width: 350px;
	padding-left: 90px;
	margin-top: 15px;
}

html>body #container .content {
	position: relative;
	width: 550px;
	padding-left: 70px;
	margin-top: 0px;
}

#container .content .areaComments {
	background-image: url(images/postNew2.png);
	/*background-repeat: repeat-y;*/
	position: relative;
	width: 540px; /*450px;*/
	left: -35px
}

html>body #container .content .areaComments {
	position: relative;
	width: 530px;
	left: 10px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ARCHIVES TABLE */
#container .sidebar .archives {
	margin-top: 10px;
}

html>body #container .sidebar .archives {
	margin-top: 15px;
}

#container .sidebar .archives .archiveLink {
	margin-left: -6px;
	margin-top: 0px;
	list-style: none;
}

html>body #container .sidebar .archives .archiveLink {
	margin-left: 10px;
	margin-top: 0px;
	list-style: none;
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ARCHIVES TABLE */


#container .sidebar .searchBox  .searchBoxForm {
	margin-left: 10px;
	margin-top: 0px;
}

html>body #container .sidebar .searchBox  .searchBoxForm {
	margin-left: 10px;
	margin-top: 0px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ACCESS TABLE */
#container .rightbar .admin {
	margin-top: 10px;
}

html>body #container .rightbar .admin {
	margin-top: 15px;
}

#container .rightbar .admin .login {
	margin-left: 10px;
	margin-top: 0px;
	list-style: none;
	display: list-item;
}

#container .rightbar .admin .register {
	margin-left: -6px;
	margin-top: 0px;
	list-style: none;
	display: list-item;
}

html>body #container .rightbar .admin .register {
	margin-left: 10px;
	margin-top: 0px;
	list-style: none;
	display: list-item;
}

#container .rightbar .admin .upload {
	margin-left: 10px;
}

html>body #container .rightbar .admin .upload {
	margin-left: 10px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> CONTENT BACKGROUNDS */

#container .content .headerPost {
	background-image: url(images/postTop.gif);
	background-repeat:no-repeat;
	width: 560px;
	height: 20px;
}

html>body #container .content .headerPost {
	background-image: url(images/postTop.png);
	background-repeat:no-repeat;
	width: 560px;
	height: 20px;
}

#container .content .bottomPost {
	position: relative;
	background-image: url(images/postBottom.gif);
	background-repeat:no-repeat;
	width: 560px;
	height: 20px;
}

html>body #container .content .bottomPost {
	position: relative;
	background-image: url(images/postBottom.png);
	background-repeat:no-repeat;
	width: 560px;
	height: 20px;
}

#container .content .post {
	background-image: url(images/postNew.png);
	width: 540px;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 0px;
}

html>body #container .content .post {
	background-image: url(images/postNew.png);
	width: 540px;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 10px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> UNIVERSAL NEXT/PREVIOUS SETTINGS */

#container .content .area .navigation {
	padding-top: 6px;
}

html>body #container .content .area .navigation {
	padding-top: 6px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> UNIVERSAL POST FOOTER SETTINGS */

#container .content .area .footer {
	background-image: url(images/postFooter.png);
	background-repeat: no-repeat;
	width: 520px;
	height: 1px;
	margin-top: 10px;
	margin-left: -10px;
}

html>body #container .content .footer {
	background-image: url(images/postFooter.png);
	background-repeat: no-repeat;
	width: 520px;
	height: 1px;
	margin-left: -10px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> SEARCH SETTINGS */

#container .content .area {
	background-image: url(images/postNew.png);
	width: 540px;
	/*padding-bottom: 10px;
	padding-top: 1px;*/
	min-height: 550px;
	padding-left: 10px;

}

html>body #container .content .area {
	background-image: url(images/postNew.png);
	width: 540px;
	min-height: 550px;
	padding-bottom: 10px;
	padding-top: 1px;
	padding-left: 10px;

}

#container .area .post {
	margin-left: 0px;
        width: 510px;
}

html>body #container .area .post {
	margin-left: -10px;
        width: 510px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RIGHTBAR SETTINGS */

#container .rightbar .upcomingEvents .calendarEvents{
	margin-left: 10px;
}

html>body #container .rightbar .upcomingEvents .calendarEvents{
	margin-left: 10px;
}


/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> COMMENTS SETTINGS <SIDEBAR 2> */

#container .sidebar2 {
	position: absolute;
	width: 200px;
	top: -172px;
	margin-left: 235px;
}

html>body #container .sidebar2 {
	position: absolute;
	width: 200px;
	top: -173px;
	margin-left: -216px;
}

#container .content .areaComments {
	margin-left: -45px;
}

html>body #container .content .areaComments {
	
	margin-left: -70px;
}

#container .content .sidebar2 a {
	color: #FFFFFF;
}

#container .content .sidebar2 a:hover {
	color: #9ea1a8;
}

/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> COMMENTS SETTINGS <RIGHTBAR 2> */

#container .rightbar2 {
	position: absolute;
	width: 200px;
	top: -173px;
	margin-left: 240px;
}

html>body #container .rightbar2 {
	position: absolute;
	width: 200px;
	top: -173px;
	margin-left: -216px;
}

#container .rightbar2 h3 {
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ff5b1c;
}

#container .content .rightbar2 a {
	color: #FFFFFF;
}

#container .content .rightbar2 a:hover {
	color: #9ea1a8;
}

/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RATINGS LIST */

#container .sidebar .top10 {
	padding-top: 0px;
	margin-top: 10px;
}

html>body #container .sidebar .top10 {
	padding-top: 0px;
	margin-top: 15px;
}

#container .sidebar .top10 .ratings{
	padding-top: 0px;
	margin-left: 10px;
}

html>body #container .sidebar .top10 .ratings{
	margin-top: 0px;
	margin-left: 10px;
}

#container .sidebar .topLeft .top10 .ratings a{
	font: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #999999;
}

/*
html>body #container .sidebar .topLeft .top10 .ratings a{
	font: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #999999;
}

#container .sidebar .topLeft .top10 .ratings a:hover {
	
	color: #FFFFFF;
}

html>body #container .sidebar .topLeft .top10 .ratings a:hover {
	
	color: #FFFFFF;
}

#container .sidebar .topLeft .top10 .ratings ol{
	font-size: 12px;
	list-style: decimal;
}

html>body #container .sidebar .topLeft .top10 .ratings ol{
	font-size: 12px;
	list-style: decimal;
}*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  COMMENTS BOTTOM POST 2 */

#container .content .bottomPost2 {
	position: relative;
	background-image: url(images/postBottom.jpg);
	background-repeat:no-repeat;
	width: 560px;
	height: 20px;
	padding-top: -50px;
	left: 0px;	
}

html>body #container .content .bottomPost2 {
	position: relative;
	background-image: url(images/postBottom.jpg);
	background-repeat:no-repeat;
	width: 560px;
	height: 20px;
	padding-top: -50px;
	left: 0px;	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  AREA SINGLE */

#container .content .areaSingle {
	background-image: url(images/postNew2.png);
	background-repeat: repeat-y;
	width: 560px;
	left: -200px;
	margin-left: 0px;
}

#container .content .areaSingle .post {
	margin-left: 10px;
	padding-right: 10px;
	left: 20px;
    width: 530px;
}

html>body #container .content .areaSingle {
	background-image: url(images/postNew.png);
	width: 550px;
	margin-left: 0px;
	left: -200px;
}

html>body #container .content .areaSingle .post {
	margin-left: 0px;
        width: 500px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  COMMENTS NAVIGATION 2 */

#container .content .areaSingle .navigation2 {
	/*background-image: url(images/postNew2.png);
	background-repeat: repeat-y;
	width: 600px;*/
	margin-left: 10px;
	padding-top: 10px;
	
}

html>body #container .content .areaSingle .navigation2 {
	margin-left: 10px;
	padding-top: 10px;
}

#container .content .navigation2 {
	font: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #043a68;
}

#container .content .navigation2 a {
	text-decoration: none;
	color: #ff5b1c;
}

#container .content .navigation2 a:hover {
	text-decoration: none;
	color: #9ea1a8;	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  FONTS AND LINKS */

#container .header .nav .menu a {
	font: 14px, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#container .header .nav .menu a:hover {
	font: 14px, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #9ea1a8;
}

#container .header .nav .subMenu h4 {
	font: 13px, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

#container .header .nav .subMenu a {
	text-decoration: none;
	color: #9ea1a8;
}

#container .header .nav .subMenu a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
/*
#container .sidebar .topLeft a {
	font: 15px, Helvetica, Arial, sans-serif;
	font-weight: Bold;
	text-decoration: none;
}

#container .topLeft .titleColorOrange {
	color: #ff5b1c;
}

#container .topLeft .titleColorGreen {
	color: #88c706;
}

#container .topLeft .titleColorPink {
	color: #e33d85;
}

#container .topLeft .titleColorBlue {
	color: #7cbeee;
}

#container .sidebar .topLeft a:hover {
	color: #FFFFFF;
}
*/
/*
#container .content h3 {
	text-decoration: none;
	color:#666666;
}*/

#container .content .areaComments h3 {
	font: 14px, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
/*
#container .sidebar .searchBox h3 {
	font: 14px, Helvetica, Arial, sans-serif;
	font-weight: Bold;
	text-decoration: none;
	color: #ff5b1c;
}*/


#container .content h2 {
	font: 15px, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #043a68;
}


#container .content .area h2 {
	color: #043a68;
}

#container .content .area h3 {
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
}

html>body #container .content .area h3 {
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
}
/*
#container .sidebar .top10 h3 {
	font: 14px, Helvetica, Arial, sans-serif;
	font-weight: Bold;
	text-decoration: none;
	color: #ff5b1c;
}

#container .sidebar .archives h3 {
	font: 14px, Helvetica, Arial, sans-serif;
	font-weight: Bold;
	text-decoration: none;
	color: #ff5b1c;
}

#container .sidebar .topLeft .admin h3 {
	font: 14px, Helvetica, Arial, sans-serif;
	font-weight: Bold;
	text-decoration: none;
	color: #ff5b1c;
}*/

#container .rightBar .featuredProd h3 {
	font: 14px, Helvetica, Arial, sans-serif;
	font-weight: Bold;
	text-decoration: none;
	color: #ff5b1c;
}

#container .rightBar .upcomingEvents h3 {
	font: 14px, Helvetica, Arial, sans-serif;
	font-weight: Bold;
	text-decoration: none;
	color: #ff5b1c;
}

/*
#container .sidebar .topLeft .archives a {
	font: 11px, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	margin-left: -8px;
}

#container .sidebar .topLeft .admin a {
	font: 11px, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	margin-left: 0px;
}

html>body #container .sidebar .topLeft .admin a {
	font: 11px, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	margin-left: 0px;
}

html>body #container .sidebar .topLeft .archives a {
	font: 11px, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	margin-left: 0px;
}

#container .sidebar .topLeft .archives .archiveLink a:hover {
	color: #FFFFFF;
}

#container .sidebar .topLeft .admin .login a:hover {
	color: #FFFFFF;
}*/

#container .content .post a {
	text-decoration: none;
	color: #043a68;
}

#container .content .post a:hover {
	text-decoration: none;
	color: #9ea1a8;
}

#container .content a {
	text-decoration: none;
	color: #ff5b1c;
}

#container .content a:hover {
	text-decoration: none;
	color: #666666;
}

#container .content .navigation {
	font: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #043a68;
}

#container .content .navigation a {
	text-decoration: none;
	color: #ff5b1c;
}

#container .content .navigation a:hover {
	text-decoration: none;
	color: #9ea1a8;	
}

/*
#container .rightBar .upcomingEvents .calendarEvents a {
	color: #FFFFFF;
	text-decoration: none;
}

#container .rightBar .upcomingEvents .calendarEvents :hover {
	color: #666666;
	text-decoration: none;
}*/

#container .content .area h1 {
	font: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #043a68;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> SUBPAGE SIDEBAR */

html>body .sidebar .servicesAyala {
	
}

#container .sidebar .servicesAyala h4 {
	font: 15px, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ff5b1c;
}

#container .sidebar .threeLinks {

	margin-top: -10px;
}

#container .sidebar .threeLinks a{
	font: 13px, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

#container .sidebar .threeLinks a:hover {
	font: 13px, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #9ea1a8;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GLOBE MAIN 1 */

#container .contentGlobe {

	position: absolute;
	top: 170px;
	left: 220px;
}

html>body #container .contentGlobe {

	left: 215px;
}

#container .contentGlobe .globemainBodyText {
	position: absolute;
	top: 170px;
	width: 400px;
	margin-left: 18px;
}

#container .contentGlobe .globemainBodyText p{
	color: #021269;
	margin-left: 10px;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
}

#container .contentGlobe .globemainBodyText1 {
	position: absolute;
	top: 295px;
	width: 400px;
	margin-left: 18px;
}

#container .contentGlobe .globemainBodyText1 p{
	color: #7abfdc;
	margin-left: 10px;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
}

#container .contentGlobe .globemainBodyText2 {
	position: absolute;
	top: 295px;
	width: 250px;
	margin-left: 435px;
}

#container .contentGlobe .globemainBodyText2 li{
	color: #7abfdc;
	margin-left: 10px;
	font-size: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
}

#container .contentGlobe .features {
	position: absolute;
	left: 40px;
	top: 230px;
	color: #FFFFFF;
	width: 240px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 11px;
}

html>body #container .contentGlobe .features {
	position: absolute;
	left: 40px;
	top: 220px;
	color: #FFFFFF;
	width: 240px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 11px;
}

#container .contentGlobe .features .globemainBodyText4 {
	margin-top: 30px;
}

html>body #container .contentGlobe .features .globemainBodyText4 {
	margin-top: 35px;
}

#container .contentGlobe .features .globemainBodyText5 {
	margin-top: 35px;
}

html>body #container .contentGlobe .features .globemainBodyText5 {
	margin-top: 35px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> STEPS */

#container .contentGlobe .steps {
	position: absolute;
	margin-top: 270px;
	left: 40px;
	top: 220px;
	color: #FFFFFF;
	width: 240px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 9px;
}

html>body #container .contentGlobe .steps {
	position: absolute;
	margin-top: 260px;
	left: 41px;
	top: 218px;
	color: #FFFFFF;
	width: 240px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 9px;
}

#container .contentGlobe .globemainBodyText7 {
	position: absolute;
	margin-top: 270px;
	left: 293px;
	top: 220px;
	color: #FFFFFF;
	width: 180px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 9px;
}

html>body #container .contentGlobe .globemainBodyText7 {
	position: absolute;
	margin-top: 260px;
	left: 293px;
	top: 218px;
	color: #FFFFFF;
	width: 180px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 9px;
}

#container .contentGlobe .globemainBodyText8 {
	position: absolute;
	margin-top: 270px;
	left: 490px;
	top: 220px;
	color: #FFFFFF;
	width: 160px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 9px;
}

html>body #container .contentGlobe .globemainBodyText8 {
	position: absolute;
	margin-top: 260px;
	left: 490px;
	top: 218px;
	color: #FFFFFF;
	width: 170px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size: 9px;
}

#container .contentGlobe .globelogin {
	position: absolute;
	top: 200px;
	left: 300px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
}

html>body #container .contentGlobe .globelogin {
	position: absolute;
	top: 200px;
	left: 300px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
}

#container .contentGlobe .globelogin .loginlabel{
	font-size: 14px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GWEBCALL FAQ */

#container .contentGlobe .iframe {
	position: absolute;
	top: 169px;
	left: 28px;
	height: 361px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BPI MAIN 1 */

#container .contentBPI {
	top: 170px;
	left: 220px;
	position: absolute;
}

html>body #container .contentBPI {
	left: 215px;
	position: absolute;
}

#container .contentBPI .video {
	position: absolute;
	top: 360px;
	left: 550px;
}

html>body #container .contentBPI .video {
	position: absolute;
	top: 360px;
	left: 550px;
}

#container .contentBPI .BPI1 {
	position: absolute;
	top: 570px;
	left: 140px;
}

html>body #container .contentBPI .BPI1 {
	position: absolute;
	top: 570px;
	left: 140px;
}

#container .contentBPI .BPI2 {
	position: absolute;
	top: 570px;
	left: 375px;
}

html>body #container .contentBPI .BPI2 {
	position: absolute;
	top: 570px;
	left: 375px;
}

#container .contentBPI .BPI3 {
	position: absolute;
	top: 570px;
	left: 610px;
}

html>body #container .contentBPI .BPI3 {
	position: absolute;
	top: 570px;
	left: 610px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> AYALA MAIN */

#container .contentAyala {

	position: absolute;
	top: 180px;
	left: 225px;	
}

html>body #container .contentAyala {

	position: absolute;
	top: 180px;
	left: 220px;	
}

#container .contentAyala .video {
	position: absolute;
	top: 5px;
	left: 50px;
}

#container .sidebar .servicesAyala {
	margin-top: 10px;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MY AYALA MAIN */

#container .contentMyAyala {
	top: 170px;
	left: 220px;
	position: absolute;
}

html>body #container .contentMyAyala {
	left: 215px;
	position: absolute;	
}

#container .contentMyAyala .oneayala a{
	color: #FFFFFF;
}

#container .contentMyAyala .oneayala a:hover {
	color: #ff4000;
}

html>body #container .contentMyAyala .oneayala a {
	color: #FFFFFF;
}

html>body #container .contentMyAyala .oneayala a:hover {
	color: #ff4000;
}