/* CSS Document */
body  {
	margin : 0 0 0 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #FFFFFF;
	background:url(../images/body_bg.gif) repeat-x;
	background-color: #0B3873;
}

p {
	margin: 0;
	padding: 0;
}

a {

	outline: none;
	color: #1999D1;
}

h1 {
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 24px;
	font-weight : normal;
	margin: 0;
}

h2 {
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 12px;
	font-weight : bold;
	margin: 0;
}

h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-weight : bold;
	color:#6CC8F6;
	padding: 0;
	margin: 0;
}

#splash_container {
	margin: 0 auto 0 auto;
	width:700px;
	height:100%;
}

#container {
	margin: 0 auto 0 auto;
	width:950px;
	height:100%;
}

/************************************/
/*             Header               */
/************************************/

#header {
	background:url(../images/header.gif) top no-repeat;
width: 950px;
height: 89px;
float: left;
clear: right;
}

h1.logo {
margin : 0 0 0 0;
padding: 0 0 0 0;
background: url(../images/logo.gif) no-repeat 0 0;
width: 324px;
height: 89px;
text-indent: -1500px;
}

/************************************/
/*           Navigation             */
/************************************/
#nav-bar {
float: left;
width:950px;
height:44px;
background:url(../images/nav_bar.gif) left no-repeat;
}

ul#navigation {
margin : 0 0 0 0;
padding : 0 0 0 0;
float: right;
width:554px;
height:44px;
} 

ul#navigation li {
margin : 0 0 0 0;
padding : 0 0 0 0;
list-style:none;
float:left;
}
ul#navigation li.nav_home a {
background : url(../images/navigation.gif) no-repeat 0 0;
text-indent : -1500px;
display : block;
float : left;
width : 44px;
height : 44px;
}
ul#navigation li.nav_home a:hover {
background-position: 0 -44px;
}

ul#navigation li.nav_about a {
background : url(../images/navigation.gif) no-repeat -45px 0;
text-indent : -1500px;
display : block;
float : left;
width : 61px;
height : 44px;
}
ul#navigation li.nav_about a:hover {
background-position: -45px -44px;
}

ul#navigation li.nav_location a {
background : url(../images/navigation.gif) no-repeat -106px 0;
text-indent : -1500px;
display : block;
float : left;
width : 69px;
height : 44px;
}
ul#navigation li.nav_location a:hover {
background-position: -106px -44px;
}

ul#navigation li.nav_units a {
background : url(../images/navigation.gif) no-repeat -175px 0;
text-indent : -1500px;
display : block;
float : left;
width : 46px;
height : 44px;
}
ul#navigation li.nav_units a:hover {
background-position: -175px -44px;;
}

ul#navigation li.nav_amenities a {
background : url(../images/navigation.gif) no-repeat -221px 0;
text-indent : -1500px;
display : block;
float : left;
width : 66px;
height : 44px;
}
ul#navigation li.nav_amenities a:hover {
background-position: -221px -44px;
}

ul#navigation li.nav_price a {
background : url(../images/navigation.gif) no-repeat -287px 0;
text-indent : -1500px;
display : block;
float : left;
width : 102px;
height : 44px;
}
ul#navigation li.nav_price a:hover {
background-position: -287px -44px;
}

ul#navigation li.nav_construction a {
background : url(../images/navigation.gif) no-repeat -389px 0;
text-indent : -1500px;
display : block;
float : left;
width : 82px;
height : 44px;
}
ul#navigation li.nav_construction a:hover {
background-position: -389px -44px;
}

ul#navigation li.nav_contact a {
background : url(../images/navigation.gif) no-repeat -472px 0;
text-indent : -1500px;
display : block;
float : left;
width : 83px;
height : 44px;
}
ul#navigation li.nav_contact a:hover {
background-position: -472px -44px;
}

/************************************/
/*            Building              */
/************************************/

#the-beacon {
float: left;
	width:324px;
	height:438px;
}

/************************************/
/*             Content              */
/************************************/

#content {
padding: 50px 30px 50px 30px;
float: left;
width:560px;
height:100%;
background:url(../images/content.gif) top no-repeat;
}

#item_unit {
width: 100%;
height: 120px;
}

#item_unit img{
float:left;
padding:3px;
margin:15px 2px 0 2px;
background-color:#fff;
}
#item_unit img:hover{
background-color:#B9E7FD;
}

.right {
float:right;
margin: 0 0 10px 10px;
padding:3px;
background-color:#fff;
}

.left {
float:left;
margin: 0 10px 10px 0;
padding:3px;
background-color:#fff;
}

.right:hover, .left:hover{
background-color:#B9E7FD;
}

#img_center {
padding: 20px 0;
width: 100%;
background:url(../images/unit_bg.gif) center repeat-y;
background-color: #073167;
text-align:center;
}
#img_center img {
  padding: 0 10px;
  margin-left: auto;
  margin-right: auto;
}

textarea.form_color, input.form_color {
margin: 0;
padding: 0;
border: 1px solid #fff;
background-color : #B9E7FD;
}

.input_indend {
margin: 0 0 0 170px;
}

input{
margin: 0;
padding: 0;
}

label{
float: left;
width: 170px;
font-weight: bold;
}

#submit{
margin-left: 170px;
margin-top: 5px;
width: 90px;
border: 0;
}

/************************************/
/*           Page Title             */
/************************************/

.welcome {
background:url(../images/the_beacon_residential_makati_condo.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}

.centerofeverything {
background:url(../images/the_beacon_residential_makati_condo.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}

.lifeconviniences {
background:url(../images/larger_than_life_conveniences.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}

.arrayofchoices {
background:url(../images/a_wide_array_of_chioces.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}

.developmentteam {
background:url(../images/development_team.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}

.centereverything {
background:url(../images/center_of_everything.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}

.terms {
background:url(../images/payment_terms.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}

.contact {
background:url(../images/contact_us.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}

.other_amenities {
background:url(../images/other_amenities.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}

.news_update {
background:url(../images/news_update.gif) no-repeat;
width:566px;
height:29px;
padding: 0 0 20px 0;
text-indent: -1500px;
}


/************************************/
/*             Footer               */
/************************************/

#footer {
	float: left;
	clear:both;
	width:920px;
	height:108px;
	text-align: right;
	background:url(../images/footer.gif) top no-repeat;
	padding: 20px 30px 0 0;
	color: #1999D1;
}