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


A:visited	
{
	text-decoration: none;
}
 
A:active
{
	text-decoration:none;
} 
	A:hover		{ color: #990000;  
} 

A:link
{
	text-decoration:none;
	
}

a img 

{
    border: 0;
}

body
{
background-image: url("http://www.vistamanila.com/images/bg.jpg");
text-align: center;
margin: 0px;
}

table, td
{
font-family: Tahoma;
font-size: 12px;
}


.h1 

{ font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
	color: #666666;
}

.h2

{ font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	color: #666666;
}


.h3

{ font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #990033;
}

.emphasis 

{ font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #990000;
}



.wrapper
{
text-align: left;
margin: 0px auto;
width: 800px;
}

.wrapper h1 {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 20px;}
.wrapper h2 {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 18px;}
.wrapper p {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px;}
.wrapper a:link {color: #ffffff; text-decoration: none;}
.wrapper a:visited {color: #ffffff; text-decoration: none;}
.wrapper a:hover {color: #6692cb; text-decoration: none;}
.wrapper a:active {color: #ffffff; text-decoration: none;}

.panel-overlay h2 {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 18px; padding-top: 3px;}

.contentbody
{
width: 800px;
}

.contentinside
{
width: 473px;
}

.upperspace-left
{
float: left;
padding-top: 0px;
}

.upperspace-left-nav
{
text-align: center;
padding-top: 12px;
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: #D9A763;
font-size: 12px;
width: 800px;
height: 37px;

}

.upperspace-left-navforprop
{
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: #D9A763;
font-size: 12px;
width: 800px;
height: 25px;

}

.upperspace-left-navforprop a:link {color: #ffffff; text-decoration: none;}
.upperspace-left-navforprop a:visited {color: #ffffff; text-decoration: none;}
.upperspace-left-navforprop a:hover {color: #6692cb; text-decoration: none;}
.upperspace-left-navforprop a:active {color: #ffffff; text-decoration: none;}

.slideshowmenu
{
text-align: center;
padding-top: 7px;
font-family: Arial, Helvetica, sans-serif;
color: #D9A763;
font-size: 14px;
font-weight: bold;
width: 800px;
height: 20px;




}

.slideshowmenu a:link {color: #ffffff; text-decoration: none;}
.slideshowmenu a:visited {color: #ffffff; text-decoration: none;}
.slideshowmenu a:hover {color: #6692cb; text-decoration: none;}
.slideshowmenu a:active {color: #ffffff; text-decoration: none;}


.slideshowspacer
{

padding-top: 12px;

width: 800px;
height: 1px;

}

.upperspace-logo
{
text-align: center;
padding-top: 20px;
background-repeat: repeat-x;
font-family: Tahoma;
font-size: 10px;
width: 800px;
height: 60px;

}

.contactdetails

{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:left;
	padding-left: 430px;


}

.upperspace-left-nav a:link {color: #ffffff; text-decoration: none;}
.upperspace-left-nav a:visited {color: #ffffff; text-decoration: none;}
.upperspace-left-nav a:hover {color: #6692cb; text-decoration: none;}
.upperspace-left-nav a:active {color: #ffffff; text-decoration: none;}

.upperspace-right
{
padding-top: 3px;
float: right;
padding-right: 20px;
}

.lowernav
{
width: 800px;
height: 5px;

}




.lowernav a:link {color: #ffffff; text-decoration: none;}
.lowernav a:visited {color: #ffffff; text-decoration: none;}
.lowernav a:hover {color: #6692cb; text-decoration: none;}
.lowernav a:active {color: #ffffff; text-decoration: none;}

.content
{
width: 800px;
background-image: url("http://www.vistamanila.com/img/bg-800px.png");
background-repeat: ;
background-color: #f2f2f2;
padding-top: 35px;
}

.contenttext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align:left;
}

.contentsmalltext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	font-weight: normal;
	color: #666666;
	text-align:left;
}


.clicktotop
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	font-weight: normal;
	color: #666666;
	padding-left: 15px;
}


.icons
{
padding-bottom: 10px;
}


.unitpic
{
padding-bottom: 10px;
padding-right: 10px;
padding-top: 20px;
}

.modelpic
{
padding-bottom: 10px;
padding-right: 3px;
}

.content-left
{
background-color: #f2f2f2;
padding-left: 30px;
font-family: Tahoma;
font-size: 12px;
color: #666666;
float: left;
width: 490px;
}

.content-left a:link {color: #002157; text-decoration: underline;}
.content-left a:visited {color: #002157; text-decoration: underline;}
.content-left a:hover {color: #002157; text-decoration: none;}
.content-left a:active {color: #002157; text-decoration: underline;}

.content-right
{
background-color: #f2f2f2;
padding-right: 20px;
float: right;
}

.more
{
font-size: 10px;
}

.buttons
{
clear: both;
width: 800px;
padding-top: 2px;
padding-bottom: 2px;
}

.line
{
width: 800px;
height: 3px;
background-color: #ffffff;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	letter-spacing: 1px;	

}


.blue
{
font-family: Tahoma;
color: #002157;
font-size: 12px;
}

.caption
{
color: #002157;
font-size: 10px;
}

.menu
{
padding-left: 3px;
font-family: tahoma; 
width:800; 
position:relative; 
font-size:10px; 
margin:auto;
}

.menu ul li a, .menu ul li a:visited
{
display:block; 
text-decoration:none; 
text-align: center;
color:#fff; 
padding-left: 9px; 
padding-right: 9px;
line-height:25px; 
font-size:10px;
}

.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility:hidden; position:absolute;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

.menu ul li:hover a, .menu ul li a:hover {color:#6692cb; background:#000;}

.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:24px; left:0;}

.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#a7c9c9; color:#000;}

.menu ul li:hover ul li, .menu ul li a:hover ul li {background:#000; color:#000; width: 102px;}

.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#000; color:#fff;}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background:#111; color:#fff;}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#000; color:#5186cc;}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#c9c9a7; color:#000;}

.menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}

.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}

.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

#dropmenudiv{
position:absolute;
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: #000;
text-align: left;
font-family: Tahoma;
font-size: 10px;
padding-top: 8px;
}

#dropmenudiv a{
position:relative;
left: -10px;
width: 100%;
display: block;
text-indent: 10px;
padding-bottom: 5px;
text-decoration: none;
background-color: #000;
text-align: left;
font-family: Tahoma;
font-size: 10px;
}

#dropmenudiv a:link {color: #ffffff; text-decoration: none;}
#dropmenudiv a:visited {color: #ffffff; text-decoration: none;}
#dropmenudiv a:hover {color: #6692cb; text-decoration: none;}
#dropmenudiv a:active {color: #ffffff; text-decoration: none;}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #000;
}

.h4

{ font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	color: #fff;
}




.slideshowtext {

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

	font-size: 8.5pt;

	line-height: 12pt;

	font-weight: normal;

	color: #fff;


}

.contentbox {
	width: 473px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	}