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

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
margin:0;
padding:0;

}


body {
background:#ffffff url(../images/blu_headerbg2.png) top left repeat-x;
color:#333333;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;

}

h1, h2, h3, h4, h5, h6, pre, code, address, caption,  em, strong, th {
font-size:1em;
font-style:normal;
font-weight:normal;
}

a {
color:#0088CC;
}
a:link, a:visited, a:active {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

a.more {
background:transparent url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat scroll 100% 50%;
padding-right:10px;
white-space:nowrap;
}
a[rel="external"], a.external {
background:transparent url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat scroll 100% 50%;
padding-right:15px;
white-space:nowrap;
}
strong, b {
font-weight:bold;
}
em, i {
font-style:italic;
}
sup {
bottom:0.33em;
color:#76797C;
font-size:10px !important;
font-weight:normal !important;
padding-left:1px;
position:relative;
vertical-align:baseline;
}
abbr {
border:0 none;
}
p {
margin-bottom:18px;
}
h1 {
font-size:24px;
font-weight:bold;
line-height:36px;
margin-bottom:18px;
}
h2 {
font-size:16px;
font-weight:bold;
line-height:18px;
margin-bottom:18px;
}
h3 {
font-size:1em;
font-weight:bold;
line-height:18px;
}
h4 {
font-size:10px;
font-weight:bold;
line-height:18px;
}
p.intro {
font-weight:bold;
}
.more {
text-align:right;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:18px;
}
ol {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
margin-bottom:18px;
margin-left:2.2em;
}
ul.square, ul.circle {
margin-left:2em;
}
ul.square {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
}
ul.circle {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
}
ul ul.circle, ul ul.square {
margin-bottom:5px;
margin-top:4px;
}

ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
fieldset, img {
border:medium none;
}
caption, th {
text-align:left;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.clear {
clear:both;
}
.clearer {
clear:both;
display:block;
font-size:1px;
height:0;
line-height:1px;
margin:0;
padding:0;
}



img {
border:0 none;
}

#main{
	width:900px;
	margin:0 auto;
	text-align:center;
}

#wrap{
	text-align:left;
}
#header{
height:77px;
color:#ffffff;

}
#logo{
float:left;
background: transparent url(../images/blu_logo.png) top left no-repeat;
width:177px;
height:77px;
}

#topd{
float:right;

height:77px;
width:234px;
background: transparent  url(../images/blu_topdesign.png) top left no-repeat;
display:block	
}

#nbar{

	height:40px;
	margin-top:7px;
}


#search{
float:left;
padding:5px;
display:none;
}
#search label {
    font-weight:bold;color:#666;font-size:90%;
}

table.search td{valign:middle }
.searchbox{
border:1px solid #999; background: rgb(255, 255, 255) url(http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif) no-repeat scroll left center;
}
.searchbox-nobg{background:none}

input.submit{
background:transparent none;
/*margin:2px 0 0 11px;*/
padding:0;

}


#hnav{
float:right;

}

#hnav ul{
margin:0;
}

#hnav ul li{
list-style-type:none;
float:left;
margin-right:15px;

}


#hnav ul li a{
text-decoration:none;
color:#333;

}

#hnav ul li a:hover{

text-decoration:underline;
}




#hnav ul li   span a{
display:block;
padding:5px;
padding-left:20px;
padding-right:20px;

}

#hnav ul li   span  a.current{
color:#fff;
background-color:#4b7def;

}



#content{
min-height:380px;
margin-top:3px;
background:#ffffff url(../images/home_bg.gif)   no-repeat;
background-position:top left;

}

.latest_news
		{
		margin: 5px auto 0;
		border: 2px solid #0088CC;
		font-family: tahoma;
		color: black;
		font-size:19px;
		width:98%;
		padding: 0px 0 2px 8px;
		}
.simply-scroll
		{
		padding: 5px 0 0 10px;
		}
#footer{
	
	/*background:#F8F8F8  bottom left repeat-x;*/
/*	color:#999999;*/
	margin-top:10px;
	/*height:24px;*/
	line-height:24px;
	padding-bottom:4px;
	text-align:left;
}
#footer p{text-align:left;margin-bottom:0}
.ft1{ background:#F8F8F8;color:#999999;height:24px;padding-left:3px;padding-right:3px}
#footer ul{
margin:0;
}

#footer ul li{
list-style-type:none;
float:left;
margin-right:25px;
}

.inner{padding:2px;}

.box1{
	border:3px solid #EEEEFF;
	margin:5px 0 5px 0 ;
	
}

#promo{padding-left:30px;padding-top:20px;text-align:center;width:820px;}
 label.contact{font-weight:bold;font-size:12px;}
 input.contact, textarea.contact{border:1px solid #999;width:220px}
 .errMsg{color:#ff0000;font-size:80%;}
/*css for blocquote*/
blockquote p
	{
	padding: 0px 15px 20px 0px;
	font-size: 100%;	
	float: left;
	background: url(../images/quote_down.png) bottom right no-repeat;
	text-align:justify;
}

blockquote
	{
	padding: 20px;
	font-size: 100%;	
	background: url(../images/quote_up.png) top left no-repeat;
}

cite
	{
	font-size: 1.2em;
	float: right;	
}

#proj_menu{
    margin-top:20px;
    float:left;
    width:283px;
    height:298px;
  /* background:url(../images/ongoing.png) top left no-repeat;*/
}


#proj_menu ul{

}

#proj_menu ul li{
    list-style-type:none;
}



.next, .prev{
	cursor:pointer;
}

#screen{
	position:relative;
	height:425px;
	width:420px;
	margin-top:40px;
}
	#screen .next, #screen .prev{
		position:absolute;
		top:200px;
	}
	#screen .prev{
		left:10px;
	}
	#screen .next{
		right:10px;
	}
	#navigation{
		width:400px;
		text-align:center;
		margin-left:20px;
	}
		#navigation ul{
			margin-left:45px !important;
			margin-left:35px;
		}
			#navigation li{
				float:left;
				margin:0 10px;
				padding:3px 10px;
				background-color:#fff;
			}
				#navigation a{
					color:#0088CC;
					font-weight:bolder;
					text-decoration:none;
									padding:3px ;
				}
	
#sections{
	overflow:hidden;
	background-color:white;
	width:380px;
	height:400px;
	clear:left;
	margin-left:62px;
}
	
	#sections ul{
		width:3660px;
	}
	
		#sections li{
			float:left;
			padding:11px 30px;
		}
			#sections li.fallen{
				margin-top:369px;
			}
			
			#sections p{
				width:360px;
				margin:16px 0;
				font-size:85%;
				line-height:1.4em;
			}
			
			#sections h2{
				color:#993333;
				margin:20px 0pt;
			}
			#sections a{
				color:#0088CC;
				font-weight:bolder;
				text-decoration:none;
			}
			
.proj_hl label{font-weight:bold  }			
.proj_hl td{text-align:left}

#news-ticker{

	height:205px;
	background-color:white;
	overflow:hidden;

}
	#news-ticker h4{
		font-size: 100%;
	    color:#479AC6;
	    font-weight:normal;
	}
	#news-ticker div{

	    
		padding:8px;
		margin-top:-1px;
	}

	#news-ticker div p{
	    font-family: Arial, "MS Trebuchet", sans-serif;
	    
	    font-style: italic;
	    font-size: 100%;
	    
	    }
	    
		#news-ticker div.first{
			margin-top:0;
		}
		
	#news-ticker p{
		font-size:11px;
		margin-left: 0 !important;
		margin-left: 5px;
		display:inline;
	}


/******************************************/
/*   Projects page */
dl#floorMap{
	margin: 0;
	padding: 0;
	background: transparent url(../images/ongoing.png) top left no-repeat;
	height: 298px;
	width: 283px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */

dd#flat1Def{ top: 32px; left: 66px; }
dd#flat1Def a{ position: absolute; width: 190px; height: 68px; text-decoration: none;margin:0;padding:0 }
dd#flat1Def a span{ display: none; }
/*dd#flat1Def a:hover{ position: absolute; background: transparent url(../images/ongoing.png) -298px no-repeat; height:298px;}*/


dd#flat2Def{ top: 124px; left: 115px; }
dd#flat2Def a{ position: absolute; width: 115px; height: 56px; text-decoration: none; }
dd#flat2Def a span{ display: none; }
/*dd#flat2Def a:hover{ position: absolute; background: transparent url(../images/ongoing.png) 0 -566px no-repeat;width:298px;height:283px }*/

dd#flat3Def{ top: 196px; left: 153px; }
dd#flat3Def a{ position: absolute; width: 103px; height: 70px; text-decoration: none; }
dd#flat3Def a span{ display: none; }
/*dd#flat3Def a:hover{ position: absolute; background: transparent url(../images/ongoing.png) -220px -612px no-repeat; top:-4px; left: -4px;height:318px;width:180px }*/
.proj-detail{
}
.proj-detail td{
	padding:5px;
}
.proj-detail td.desc{
	vertical-align:top
}
.proj-detail ul{
	
}
.proj-detail ul li{
	margin-top:5px;
	margin-left:20px;
	list-style-type:square;
}
.proj-det-item{
margin-top:20px;
padding:10px;
}
 .maps ul{margin-bottom:10px}

 .maps li{float:left;margin-right:20px; list-style-type:none;margin-bottom:10px;color:orange;padding:3px}
  .maps li.cur{background:#479AC6;}
    .maps li.cur a{color:#fff}
 .maps li a:hover{cursor:pointer}
 td.title{ valign:center;text-align:left;padding-left:10px;padding-bottom:10px}
 td.gitem{text-align:center}
 hr{border:1px solid #DAE9F1}
#navigation ul li a.activePage {background-color:#0088CC;color:#FFFFFF}
a.inactivePage{background-color:#ffffff;color:#0088CC}

.box{margin-left:13px}
.box_top{background: #ffffff url(../images/top.png) top no-repeat;width:875px;height:26px}
.box_middle{background: #ffffff url(../images/sides.png) repeat-y;width:840px;padding:10px 20px}
.box_bottom{background: #ffffff url(../images/bottom.png) bottom no-repeat;width:875px;height:28px}
h2.ondine{font-family:ondine;font-size:16px;color:#487ce9;margin:10px 0 10px 10px}
table.box_content td{vertical-align:top}
div.view_details{width:100px;height:22px;text-align:center;background: transparent url(../images/view_details.gif) top left no-repeat;}
div.view_details a{color:#999999;font-size:13px}
div.view_details a:hover{color:#000000;text-decoration:none;}


#hnav div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#hnav div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 20px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 12px arial}

	#hnav div a:hover
	{	background: #4B7DEF;
		color: #FFF;
		text-decoration:none;
		}