/* CSS Document */

body 			{
							width:			100%;
							height:			100%;
							margin: 		0 auto;
							background:		#033162;
				}
				
body a, a:hover	{	
							color:				#FFF;
							text-decoration:	none;
				}
	
img				{
							border:				none;
				}

/*=====BUTTONS======*/

.home{
				background: url('../images/final_revision_onpoint_04.jpg') no-repeat;
				display: block;
				width: 75px;
				height: 26px;
		}

.home:hover	{
				background: url('../images/b1.jpg') no-repeat;
		}
		
.serviced{
				background: url('../images/final_revision_onpoint_05.jpg') no-repeat;
				display: block;
				width: 110px;
				height: 26px;
		}

.serviced:hover	{
				background: url('../images/b2.jpg') no-repeat;
		}
		
.virtual{
				background: url('../images/final_revision_onpoint_06.jpg') no-repeat;
				display: block;
				width: 99px;
				height: 26px;
		}

.virtual:hover	{
				background: url('../images/b3.jpg') no-repeat;
		}

.meeting{
				background: url('../images/final_revision_onpoint_07.jpg') no-repeat;
				display: block;
				width: 114px;
				height: 26px;
		}

.meeting:hover	{
				background: url('../images/b4.jpg') no-repeat;
		}

.legal{
				background: url('../images/final_revision_onpoint_08.jpg') no-repeat;
				display: block;
				width: 107px;
				height: 26px;
		}

.legal:hover	{
				background: url('../images/b5.jpg') no-repeat;
		}
		
.contact{
				background: url('../images/final_revision_onpoint_09.jpg') no-repeat;
				display: block;
				width: 102px;
				height: 26px;
		}

.contact:hover	{
				background: url('../images/b6.jpg') no-repeat;
		}
					
/*=====HEADER======*/

#header			{
							width:			100%;
							height:			100%;
							background:		#09254D;
			
				}
		
#headerWrapper	{
							width:			900px;
							height:			122px;
							margin:			0 auto;
				}
				
#logo			{				
							width:			398px;
							height:			122px;
							float:			left;
				}
				
#nav			{
							color:			#FFFFFF;
							float:			right;
							width:			502px;
							height:			50px;
							margin-top:		61px;
				}
				
#nav ul			{
							display:		inline;
							list-style:		none;
							font:			Arial, Helvetica, sans-serif;
							font-family:	Arial, Helvetica, sans-serif;
							font-size:		14px;
							margin:			0;
							padding:		0;
							
				}
				
#nav li			{
							list-style:		none;
							display:		inline;
							margin: 		0;
							padding: 		0px 15px 0px 0px;
						
				}
				
#nav a			{
							
				}

/*=====BANNER=====*/

#banner			{
							width:			100%;
							height:			100%;
							background:		url('../image/bannerNew.jpg') repeat-x;
				}
				
#bannerWrapper	{
							width:			900px;
							height:			202px;
							margin:			auto;
							
				}
				
#banner2		{
							width:			100%;
							height:			100%;
							background:		url('../image/bSmall.jpg') repeat-x;
				}
				
#bannerWrapper2	{
							width:			900px;
							height:			81px;
							margin:			auto;
				}
				

				
#leftBanner		{
							width:			738px;
							height:			279px;
							float:			left;
				}
				
#window			{
							width:			162px;
							height:			129px;
							float:			left;
				}				
				
#reqOne			{
							float:			right;
							width:			162px;
							height:			150px;
							
				}

/*=====UPPER======*/
				
#upper			{
							width:			100%;
							height:			400px;
							background:		#033162;
							clear:			both;
							margin:			0;
							padding:		0;
				}
				
#upperWrapper	{
							width:			900px;
							height:			100%;
							background:		url('../image/glow.jpg') no-repeat top #033162;
							margin:			0 auto;
							padding:		0;
							clear:			both;
				}
				
#upperWrapper p	{
							margin:			0;
							padding: 		10px 0px 0px 0px;
							color:			#FFF;
							font:			Arial, Helvetica, sans-serif;
							font-family:	Arial, Helvetica, sans-serif;
							font-size:		12px;
				}

#upperWrapper ul {
							padding: 		0px 0px 0px 40px;
				}
				
#upperWrapper li {
							color:			#FFF;
							font:			Arial, Helvetica, sans-serif;
							font-family:	Arial, Helvetica, sans-serif;
							font-size:		12px;
							list-style:		square;
				}

#upperLeft		{
							width:			242px;
							height:			100%;
							float:			left;
				}
				
#upperLeft	p	{
							margin: 0;
							padding: 5px 0px 2px 0px;
				}
				
#upperLeft	h1	{
							margin: 0;
							padding: 5px 0px 5px 0px;
							font: Arial, Helvetica, sans-serif;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 16px;
						
							color: #FFF;
				}
				
#upperRight		{
							width:			640px;
							height:			60px;
							margin:			10px 0px 10px 0px;	
							float:			right;
							
				}
				
#upperRight p	{

							margin:			0;
							padding: 		10px 0px 0px 0px;
							color:			#FFF;
							font:			Arial, Helvetica, sans-serif;
							font-family:	Arial, Helvetica, sans-serif;
							font-size:		12px;
				}
				
#upperRight h1	{
							margin: 0;
							padding: 0;
							color:			#48d4fc;
							font:			Arial, Helvetica, sans-serif;
							font-family:	Arial, Helvetica, sans-serif;
							font-size:		24px;
				}
				
/*#upperRight img	{
							padding:		10px 0px 10px 0px;
				}*/
				
.lO	img {
				margin: 20px 10px 0px 0px;
	}
	
.rO	img {
				margin: 10px 10px 0px 0px;
	}

.img	{
				margin: 0;
				padding: 0;
		}
				
#upperRightBottom	{
							width: 650px;
							height: 100%;
							float: right;
					}
					
				
#upperRightBottom	img	{
							margin:			0;
							padding:		10px 0px 10px 0px;
				}

#upperRightBottom	ul{
							margin: 0;
							padding: 20px 0px 0px 0px;
							
				}
				

				
#upperRightBottom	li{
							display:		inline;
							list-style:		none;
							font:			Arial, Helvetica, sans-serif;
							font-family:	Arial, Helvetica, sans-serif;
							font-size:		14px;
							color:			#48d4fc;
							font-weight:	bold;
							
				}
				
#upperBottomWrapper	{
							width:			900px;
							height:			100%;
							clear:			both;
							margin:			20px 0px 0px 0px;
							padding:		0;
					}				

#upperLeftBottom2	{
							float:			left;
					}
					
#upperLeftBottom2 img	{
							padding:		20px 0px 0px 0px;
					}
					
#upperRightBottom2	{
							float:			right;
					}

#upperRight2	{
							margin:			0;
							padding:        0px 15px 0px 15px;
					}
					
#upperRight2 img	{
							padding:		30px 20px 10px 0px;
				}
				
#upperRightBottom2	img	{
							margin:			0;
							padding:		5px 0px 10px 20px;
				}
				
#upperRightBottom2	li{
							display:		inline;
							list-style:		none;
							font:			Arial, Helvetica, sans-serif;
							font-family:	Arial, Helvetica, sans-serif;
							font-size:		14px;
							color:			#48d4fc;
							font-weight:	bold;
							padding:		0px 80px 0px 20px;
				}
	
/*=====LOWER=====*/

#lower			{
							background:		url('../image/triangle.jpg') repeat-x #041833;
							width:			100%;
							height:			150px;
							clear:			both;
				}			
		
#lowerWrapper	{
							width:			900px;
							height:			100px;
							margin:			0 auto;
							
				}
				
#lowerLeft		{
							float:			left;
							width:			300px;
							height:			100%;
							
				}
				
#lowerLeft p {
			padding: 15px 10px 0px 10px;
			-padding: 20px;
			margin: 0;
			color: #FFF;
			font: Arial, Helvetica, sans-serif;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align: left;
		}
		

		
#lowerLeft h3 {
			padding: 15px 10px 0px 10px;
			-padding: 20px;
			margin: 0;
			color: #FFCC33;
			font: Arial, Helvetica, sans-serif;
			font-family: Arial, Helvetica, sans-serif;
			text-align: left;
		}
		
		
#centerBottom	{
			width: 300px;
			height: 100%;
			float: left;
			}

#centerBottom p {
			padding: 15px 10px 0px 10px;
			-padding: 20px;
			margin: 0;
			color: #FFF;
			font: Arial, Helvetica, sans-serif;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align: left;
		}
		

		
#centerBottom h3 {
			padding: 15px 10px 0px 10px;
			-padding: 20px;
			margin: 0;
			color: #FFF;
			font: Arial, Helvetica, sans-serif;
			font-family: Arial, Helvetica, sans-serif;
			text-align: left;
		}
			

#lowerRight		{
							float:			right;
							width:			300px;
							height:			100%;
				}
				
#lowerRight p {
			padding: 15px 10px 0px 10px;
			-padding: 20px;
			margin: 0;
			color: #FFF;
			font: Arial, Helvetica, sans-serif;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align: left;
		}
		

		
#lowerRight h3 {
			padding: 15px 10px 0px 10px;
			-padding: 20px;
			margin: 0;
			color: #FFF;
			font: Arial, Helvetica, sans-serif;
			font-family: Arial, Helvetica, sans-serif;
			text-align: left;
		}
		
/*=======OFFICES========*/

#off	{
			margin: 0px 0px 0px 0px;
		}

#thumb	{
			float: left;
			padding: 5px;
		}
		
#info	{
			padding: 5px 0px 0px 5px;/
			padding: 0px 0px 0px 0px;/*IE 6*/
			width: 280px;/
			width: 280px;/*IE 6*/
			
		}
		
#info p	{
				margin: 0;
				padding: 0;
		}
		
small	{
			font-family: Arial, Helvetica, sans-serif;
			font: Arial, Helvetica, sans-serif;
			color: #FFF;
			font-size: 12px;

		}

/*========BOTTOM========*/


.makati	{
		width: 280px;
		height: 80px;
		margin: 20px 20px 0px 0px;
		}
		
.ortigas	{
		width: 280px;
		height: 80px;
		margin: 20px 20px 0px 0px;
		}
		
		
/*=====FOOTER=====*/

#footer	{
			width: 100%;
			height: 100%;
			background-color: #041833;	
			clear: both;		
		}
		
#footer_wrapper	{
			margin: auto;
			width: 900px;
			}
			
#footer p {
			text-align: center;
			color: #FFF;
			font: Arial, Helvetica, sans-serif;
			font-family: Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0px 0px 20px 0px;
			font-size: 12px;
		}

#footer a,a:hover {
			text-decoration: none;
			color: #0066FF;
		}
		
/*.clearfloat	{
			clear: both;
			line-height: 1px;
			background:		#041833;
		}*/
		
/*=====FORMS======*/

#quickQuote	{
			width:	242px;
			height:	271px;
			padding: 5px 0px 0px 5px;
			border-spacing: 0;
			}
			
#name		{
			width:	220px;
			}
			
#lease		{
			width:	220px;
			}
			
#type		{
			width:	220px;
			}
			
#location	{
			width:	220px;
			}
			
#month		{
			width:	220px;
			}
			
#contact	{
			width:	220px;
			}
			
#email		{
			width:	220px;
			}
			
#number		{
			width: 220px;
			}
			
/*#submit	{
			background: none;
			margin-top: 5px;
			padding: 5px 0px 0px 0px;
			border: none;
			color: #FFF;
			font: Arial, Helvetica, sans-serif; 
			font-family: Arial, Helvetica, sans-serif; 
			font-weight: bold;
		}*/
		

		
#aName		{
			width:	250px;
			}
			
#aMail		{
			width:	250px;
			}
			
#aCompany		{
			width:	250px;
			}
			
#aNature		{
			width:	250px;
			}
			
#aEmail	{
			width:	250px;
			}
			
#aMobile		{
			width:	250px;
			}
			
#aLandline	{
			width:	250px;
			}
			
#aSite		{
			width:	300px;
			}

#aMessage		{
			width:	300px;
			height: 150px;
			}
		
/*=====LOCATION FINDER FORM=====*/

#finder	{
			margin: 15px 0px 0px 97px;
		}

#office	{
			width: 222px;
			margin-right: 17px;	
		}
		
#kind	{
			width: 222px;
			margin-right: 5px;
		}
		
#go	{
			background: url('../image/go.jpg') center;
			width: 33px;
			height: 29px;
			border: none;
			color: #FFF;
			font-weight: bolder;
			font-family: Arial, Helvetica, sans-serif;
			font: Arial, Helvetica, sans-serif;
			text-align: center;
	}
	
/*=====REQUEST FORM======*/

#form3 p{
			color: #FFF;
			font: Arial, Helvetica, sans-serif;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding: 5px 0px 0px 0px;
			margin: 0;
		}

#names {
			width: 400px;
		}
		
#company {
			width: 400px;
		}
		
#address {
			width: 400px;
		}
		
#industry {
			width: 400px;
		}
		
#email2 {
			width: 400px;
		}

#website {
			width: 400px;
		}
		
#tel 	{
			width: 400px;
		}
		
#mobile {
			width: 400px;
		}
		
#message {
			width: 400px;
			height: 100px;
		}
		
#subject {
			width: 400px;
		}
		
#representative {
			width: 400px;
		}
		
#date {
			width: 400px;
		}
		
#room {
			width: 400px;
		}
		
#pax {
			width: 400px;
		}
		
#nature {
			width: 400px;
		}
		
#submit	{
			width: 100px;
			height: 25px;
			margin-top: 10px;
			border: 0;
			background: #0099FF;
			font-family: Arial, Helvetica, sans-serif;
			color: #FFF;
			font-weight: bold;
			border-bottom: solid 1px #000;
			border-right: solid 1px #000;
			border-top: solid 1px #FFFFFF;
			border-left: solid 1px #FFFFFF;
		}
		
#submit2	{
			width: 100px;
			height: 25px;
			margin-top: 10px;
			border: 0;
			background: #0099FF;
			font-family: Arial, Helvetica, sans-serif;
			color: #FFF;
			font-weight: bold;
			border-bottom: solid 1px #000;
			border-right: solid 1px #000;
			border-top: solid 1px #FFFFFF;
			border-left: solid 1px #FFFFFF;
		}


