body{
background:#fff;
margin:0 auto; padding:0;
font:10px Verdana, Arial, Sans-serif;
text-align:center; color:#555;
}
body a
{
    text-decoration:none;
    color:#000;
    font-weight:bold;
}
body a:hover
{
color :#999;
}
div { margin:0; padding:0; }
a img{ border:0; outline:0;} 
p
{
    text-align:left;
  /*  font-family: Verdana, Arial, helvetica, sans-serif;
	color:#555;
	font-weight:normal;
	font-size: 10pt;*/
}
.image_left{

	float:left;
	padding-right:5px;

}
.image_right{

	float:right;
	padding-left:5px;

}
/*divs*/
.wrapper {
margin:0 auto; padding:0;
width:745px; height:100%;
text-align:center;
}
.architecture_colour{
color:#ee2931;
}
.vision_colour{
color:#00aeef;
}

.lower_level{
	margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}
.top_level{
margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:11px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}

.lower_level a, .lower_level a:visited{
	font:10px Verdana, Arial, Sans-serif;
		color:#555;	
		text-decoration:none;
}
.top_level a, .top_level li, .top_level a:visited{
	text-decoration: none;
	margin:0;
	list-style:none;
		font:11px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;		
	
}
.top_level a:hover{
font:11px Verdana, Arial, Sans-serif;
		color:#000; text-decoration:none;
		
}

.lower_level a:hover{
	font:10px Verdana, Arial, Sans-serif;
		color:#000; text-decoration:none;
}


.lower_level_archi{
	margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}

.top_level_archi{
margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:11px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}

.lower_level_archi a, .lower_level_archi a:visited{
	font:10px Verdana, Arial, Sans-serif;
		color:#555;	
		text-decoration:none;
}
.top_level_archi a, .top_level_archi li, .top_level_archi a:visited{
	text-decoration: none;
	margin:0;
	list-style:none;
		font:11px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;			
}

.top_level_archi a:hover{
font:11px Verdana, Arial, Sans-serif;
		color:#f80606; text-decoration:none;	
}

.lower_level_archi a:hover{
	font:10px Verdana, Arial, Sans-serif;
		color:#f80606; text-decoration:none;
}

.lower_level_visi{
	margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}
.top_level_visi{
margin:0; padding:10px 0 0 2px;
		list-style:none;
	font:11px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}

.lower_level_visi a, .lower_level_visi a:visited{
	font:10px Verdana, Arial, Sans-serif;
		color:#555;	
		text-decoration:none;
}
.top_level_visi a, .top_level_visi li, .top_level_visi a:visited{
	text-decoration: none;
	margin:0;
	list-style:none;
		font:11px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
	
}
.top_level_visi a:hover{
font:11px Verdana, Arial, Sans-serif;
		color:#00aeef; text-decoration:none;	
}

.lower_level_visi a:hover{
	font:10px Verdana, Arial, Sans-serif;
		color:#00aeef; text-decoration:none;
}

.lower_level_faci{
	margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}
.top_level_faci{
margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:11px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}

.lower_level_faci a, .lower_level_faci a:visited{
	font:10px Verdana, Arial, Sans-serif;
		color:#555;	
		text-decoration:none;
}
.top_level_faci a, .top_level_faci li, .top_level_faci a:visited{
	text-decoration: none;
	margin:0;
	list-style:none;
		font:11px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;		
}
.top_level_faci a:hover{
font:11px Verdana, Arial, Sans-serif;
		color:#FFA500; text-decoration:none;
		
}

.lower_level_faci a:hover{
	font:10px Verdana, Arial, Sans-serif;
		color:#FFA500; text-decoration:none;
}

/********************************************************************/
/*level classes for our work pages*/

.lower_level_ourwork{
	margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}
.top_level_ourwork{
margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:12px Verdana, Arial, Sans-serif;
	font-weight:bold;
		text-align:left; color:#555;
}

.lower_level_ourwork a, .lower_level_ourwork a:visited{
	font:10px Verdana, Arial, Sans-serif;
		color:#555;	
		text-decoration:none;
}
.top_level_ourwork a, .top_level_ourwork li, .top_level_ourwork a:visited{
	text-decoration: none;
	margin:0;
	list-style:none;
		font:12px Verdana, Arial, Sans-serif;
		font-weight:bold;
		text-align:left; color:#555;		
	
}
.top_level_ourwork a:hover{
font:12px Verdana, Arial, Sans-serif;
		color:#00aeef; text-decoration:none;
		font-weight:bold;
		
}

.lower_level_ourwork a:hover{
	font:10px Verdana, Arial, Sans-serif;
		color:#00aeef; text-decoration:none;
}


.lower_level_ourwork_archi{
	margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}

.top_level_ourwork_archi{
margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:12px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}

.lower_level_ourwork_archi a, .lower_level_ourwork_archi a:visited{
	font:10px Verdana, Arial, Sans-serif;
		color:#555;	
		text-decoration:none;
}
.top_level_ourwork_archi a, .top_level_ourwork_archi li, .top_level_ourwork_archi a:visited{
	text-decoration: none;
	margin:0;
	list-style:none;
		font:12px Verdana, Arial, Sans-serif;
		font-weight:bold;
		text-align:left; color:#555;			
}

.top_level_ourwork_archi a:hover{
font:12px Verdana, Arial, Sans-serif;
		color:#f80606; text-decoration:none;	
		font-weight:bold;
}

.lower_level_ourwork_archi a:hover{
	font:10px Verdana, Arial, Sans-serif;
		color:#f80606; text-decoration:none;
}

.lower_level_ourwork_visi{
	margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}
.top_level_ourwork_visi{
margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:12px Verdana, Arial, Sans-serif;
	font-weight:bold;
		text-align:left; color:#555;
}

.lower_level_ourwork_visi a, .lower_level_ourwork_visi a:visited{
	font:10px Verdana, Arial, Sans-serif;
		color:#555;	
		text-decoration:none;
}
.top_level_ourwork_visi a, .top_level_ourwork_visi li, .top_level_ourwork_visi a:visited{
	text-decoration: none;
	margin:0;
	list-style:none;
		font:12px Verdana, Arial, Sans-serif;
		font-weight:bold;
		text-align:left; color:#555;
	
}
.top_level_ourwork_visi a:hover{
font:12px Verdana, Arial, Sans-serif;
		color:#00aeef; text-decoration:none;
		font-weight:bold;	
}

.lower_level_ourwork_visi a:hover{
	font:10px Verdana, Arial, Sans-serif;
		color:#00aeef; text-decoration:none;
}

.lower_level_ourwork_faci{
	margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#555;
}
.top_level_ourwork_faci{
margin:0; padding:10px 0 0 5px;
		list-style:none;
	font:12px Verdana, Arial, Sans-serif;
	font-weight:bold;
		text-align:left; color:#555;
}

.lower_level_ourwork_faci a, .lower_level_ourwork_faci a:visited{
	font:10px Verdana, Arial, Sans-serif;
		color:#555;	
		text-decoration:none;
}
.top_level_ourwork_faci a, .top_level_ourwork_faci li, .top_level_ourwork_faci a:visited{
	text-decoration: none;
	margin:0;
	list-style:none;
		font:12px Verdana, Arial, Sans-serif;
		font-weight:bold;
		text-align:left; color:#555;		
}
.top_level_ourwork_faci a:hover{
font:12px Verdana, Arial, Sans-serif;
		color:#FFA500; text-decoration:none;
		font-weight:bold;
		
}

.lower_level_ourwork_faci a:hover{
	font:10px Verdana, Arial, Sans-serif;
		color:#FFA500; text-decoration:none;
}




/***********************************************************************/




.header{
/* background:url(images/header.gif) no-repeat top center;  */
margin:0 auto; padding:0; 
width:745px; /* height:126px; */ height:76px;

}

	.h-nav{ /*keep height:125px; for elements inside*/
	width:550px; height:125px; float:left;
	}
		.h-nav ul{
		margin:0; padding:0; 
		width:550px; height:125px; display:block; 
		}
		.h-nav ul li{
		margin:0; padding:0; display:block;  float:left;
		}	
		.h-nav ul li a{
		display:block; outline:0;
		}
		.h-nav ul li a span{
		display:none; 
		}
		.h-nav ul li a, .h-nav ul li a:active, .h-nav ul li a:visited, .h-nav ul li a:link{
		display:block; outline:0;
		text-decoration:none;
		font:16px "Century Gothic", Verdana, Arial, Sans-serif;
		text-align:center; color:#999;
		font-weight:bold;
		}
		.h-nav ul li a:hover{
		display:block; outline:0;
		text-decoration:none;
		font:16px "Century Gothic", Verdana, Arial, Sans-serif;
		text-align:center; color:#000;
		font-weight:bold;
		}
		.h-nav2{ /*keep height:125px; for elements inside*/
	width:550px; height:63px; float:left;
	}
		.h-nav2 ul{
		margin:0; padding:0; 
		width:550px; height:63px; display:block; 
		}
		.h-nav2 ul li{
		margin:0; padding:0; display:block;  float:left;
		}		
		.h-nav2 ul li a span{
		display:none; 
		}	
		.h-nav2 ul li a, .h-nav2 ul li a:active, .h-nav2 ul li a:visited, .h-nav2ul li a:link{
		display:block; outline:0;
		text-decoration:none;
		font:16px Arial, Sans-serif;
		text-align:center; color:#999;
		font-weight:bold;
		}
		.h-nav2 ul li a:hover{
		display:block; outline:0;
		text-decoration:none;
		font:16px Arial, Sans-serif;
		text-align:center; color:#000;
		font-weight:bold;
		}
	
		
		/*per tab class - change width according to image*/
		.nav-home a:link, .nav-home a:visited, .nav-home a:active{
		background:url(/images/nav_top_home.gif) no-repeat top left;
		width:84px; height:63px;  position:relative; top:13px;
		}
		.nav-home a:hover{
		background:url(/images/nav_top_home.gif) no-repeat top left;
		width:84px; height:63px; background-position : 0 -63px;
		}		
		.nav-about a:link, .nav-about a:visited, .nav-about a:active{
		background:url(/images/nav_top_about.gif) no-repeat top left;
		width:96px; height:63px; position:relative; top:13px;
		}
		.nav-about a:hover{
		background:url(/images/nav_top_about.gif) no-repeat top left;
		width:96px; height:63px; background-position : 0 -63px; 
		}		
		.nav-press a:link, .nav-press a:visited, .nav-press a:active{
		background:url(/images/nav_top_press.gif) no-repeat top left;
		width:117px; height:63px; position:relative; top:13px;
		}
		.nav-press a:hover{
		background:url(/images/nav_top_press.gif) no-repeat top left;
		width:117px; height:63px; background-position : 0 -63px; 
		}		
		.nav-contact a:link, .nav-contact a:visited, .nav-contact a:active{
		background:url(/images/nav_top_contact.gif) no-repeat top left;
	    width:117px; height:63px; position:relative; top:13px;
		}
		.nav-contact a:hover{
		background:url(/images/nav_top_contact.gif) no-repeat top left;
		width:117px; height:63px; background-position : 0 -63px;
		}		
		.nav-careers a:link, .nav-careers a:visited, .nav-careers a:active{
		background:url(/images/nav_top_careers2.gif) no-repeat top left;
		width:135px; height:63px; position:relative; top:13px;
		}
		.nav-careers a:hover{
		background:url(/images/nav_top_careers2.gif) no-repeat top left;
		width:135px; height:63px; background-position : 0 -63px;
		}		
	.h-logo{
	/*background:url(images/rpa_logo.gif) no-repeat bottom left;*/
	width:195px; height:75px; float:right;
	}
	.h-logo a{
	background:url(images/rpa_logo.gif) no-repeat bottom left;
	width:195px; height:75px; float:right;
	}
    .h-logo span{
    display:none;
    }
	
	
	.h-logo span{
	display:none;
	}
	.h-logo-link a:link, .h-logo-link a:visited, .h-logo-link a:active{
	background:url(/images/rpa_logo.gif) no-repeat bottom left;
	width:195px; height:75px; position:relative;
	}

.container{
margin:0 auto; padding:0;
width:745px; /*height:430px;*/
}
.container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*.main-contents{
	width:745px; 
	}
	.main-contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}*/
	.topline{
	background:url(/images/topline.gif) no-repeat top center;
	width:745px; height:13px;
	}
	
	.contents{
 	background:url(/images/bg.gif) repeat-y top center;
	padding:0 0 20px 0; 
	width:745px; /*height:430px;*/
	}
	.contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	.contenttext{
	width:700px;
	margin-left:auto; margin-right:auto;
	text-align:left;
	}
	.main-contents{
	width:700px;

	}
	.main-contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	.c-left{
	padding:0 0 0 10px;
	width:165px;  /*height:60px;*/  float:left;
	text-align:left;
	}
		.left-nav{
		margin:0; padding:10px 0 0 0;
		list-style:none;
		font-size: 8pt;
		line-height:20px;
		}
		.left-nav ul{
		list-style:none;
		line-height:20px;
		margin:0; padding:0;
		}
		.left-nav h5{
		margin:0; padding:0;
		text-align:left;
		font-weight:bold; 
		}		
		.left-nav li{
		
		text-align:left; color:#999;
		}		
		.left-nav li a:link, .left-nav li a:active, .left-nav li a:visited{
		color:#999;	
		text-decoration:none;
		}
	.left-nav-link li a:hover{
	color:#000;
	}
		
		.left-nav-link-architecture li a:hover{
		color:#ee2931;	
		}	
		
		
			
		.left-nav-link-vision li a:hover{
		color:#00aeef;	
		}	
		
		.left-nav-link-facilities li a:hover{
		color:#FFA500;	
		}	
		
		.left-nav li ul{
		margin:0; padding:0 0 0 20px;
			
			list-style:none;
		}	
	.c-right{
	width:508px; /* height:208px; */ float:right; text-align:left;
	}
		.c-right-nav{
		/* width:288px;  */height:60px; 
		text-align:left;
		}
		.c-right-nav ul{
		margin:0; padding:0; 
		/* width:288px;  */height:60px; display:block; 
		}
		.c-right-nav ul li{
		margin:0; padding:0; display:block;  float:left;
		}	
		.c-right-nav ul li a{
		display:block; outline:0;
		}
		.c-right-nav ul li a span{
		display:none;
		}
		/*per tab class - change width according to image*/
		.nav-who_we_work_with a:link, .nav-who_we_work_with a:visited, .nav-who_we_work_with a:active{
		background:url(images/3who.gif) no-repeat bottom left;
		width:153px; height:60px; 
		}
		.nav-who_we_work_with a:hover{
		background:url(images/4who.gif) no-repeat bottom left;
		width:153px; height:60px;
		}
		.nav-our_work a:link, .nav-our_work a:visited, .nav-our_work a:active{
		background:url(images/3work.gif) no-repeat bottom left;
		width:75px; height:60px; 
		}
		.nav-our_work a:hover{
		background:url(images/4work.gif) no-repeat bottom left;
		width:75px; height:60px;
		}		
		.nav-news a:link, .nav-news a:visited, .nav-news a:active{
		background:url(images/3news.gif) no-repeat bottom left;
		width:60px; height:60px; 
		}
		.nav-news a:hover{
		background:url(images/4news.gif) no-repeat bottom left;
		width:60px; height:60px;
		}		
		.nav-what_we_do a:link, .nav-what_we_do a:visited, .nav-what_we_do a:active{
		background:url(images/3news.gif) no-repeat bottom left;
		width:60px; height:60px;
		}
		.nav-what_we_do a:hover{
		background:url(images/4news.gif) no-repeat bottom left;
		width:60px; height:60px;
		}
		
		    
	.c-right-info{
	width:500px;
	text-align:left;
	}
	.c-right-info p{
	margin:10px 0 0 20px; padding:0; width:335px;
	font:10px Verdana, Arial, Sans-serif;
	text-align:left; color:#666; 
	}	

.footer{
/* background:url(images/footer.gif) no-repeat top center; */
margin:0 auto; padding:0;
width:745px; height:50px;
display:none;
}
	.f-info{
	background:url(images/f-infobg.gif) no-repeat bottom left;
	width:387px; height:50px; float:left; 
	text-align:left;
	}
		.f-copy{
		margin:10px 0 0 20px; 
		width:200px; display:block; 
		font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#999;
		}		
		.f-links{
		margin:0 0 0 20px; 
		width:200px; display:block; 
		font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#ccc;
		}
		.f-links a, .f-links a:link, .f-links a:active, .f-links a:visited{
		font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#999;
		text-decoration:none;
		}		
		.f-links a:hover{
		font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#333;
		text-decoration:none;
		}				
	.f-tabs{
/* 	background:url(images/f-tabsbg.gif) no-repeat top right; */
	padding:0 17px 0 0;
	width:341px; height:50px; float:right;	
	}
	#swfwrapper
	{
	    position:absolute;
	    padding:8px 0 0 1px;
	   background:url(images/f-swfbg.gif) no-repeat top right;
	    
	 
	}
		.f-tabs ul{
		margin:0; padding:0; 
		width:341px; height:35px; 
		display:block; text-align:left;
		}
		.f-tabs ul li{
		margin:0; padding:0; display:block; float:left;
		}	
		.f-tabs ul li a{
		display:block; 
		}	
		.f-tabs ul li a span{
		display:none; 
		}	
		
		/*per tab class - change width according to image*/
		
		/*if rpa:architecture is selected*/
		.archi-selected a:link, .archi-selected a:visited, .archi-selected a:active{
		background:url(images/bot_archi_active.gif) no-repeat bottom left;
		width:140px; height:35px; 
		}		
		/*other tabs not active when rpa:architecture is selected */
		.bot-faci a:link, .bot-faci a:visited, .bot-faci a:active{
		background:url(images/bot_facilities1.gif) no-repeat bottom left;
		width:113px; height:35px; 
		}		
		.bot-visi a:link, .bot-visi a:visited, .bot-visi a:active{
		background:url(images/bot_vision1.gif) no-repeat bottom left;
		width:88px; height:35px; 
		}

		/*if rpa:facilities is selected*/
		.faci-selected a:link, .faci-selected a:visited, .faci-selected a:active{
		background:url(images/bot_facilities_active.gif) no-repeat bottom left;
		width:116px; height:35px; 		
		}
		/*other tabs not active when rpa:facilities is selected */
		.bot-archi a:link, .bot-archi a:visited, .bot-archi a:active{
		background:url(images/bot_archi2.gif) no-repeat bottom left;
		width:137px; height:35px; 
		}	
		/*when faci selected, bot for vision same as when archi selected ...  see previous*/
		
		/*if rpa:vision is selected*/
		.visi-selected a:link, .visi-selected a:visited, .visi-selected a:active{
		background:url(images/bot_vision_active.gif) no-repeat bottom left;
		width:91px; height:35px; 		
		}
		/*other tabs not active when rpa:vision is selected */	
		/*when vision selected, bot for archi same as when archi selected ...  see previous*/
		.bot-faci3 a:link, .bot-faci3 a:visited, .bot-faci3 a:active{
		background:url(images/bot_facilities3.gif) no-repeat bottom left;
		width:113px; height:35px; 
		}	
		
		
		
		/*per tab class - change width according to image*/
		
		/*if rpa:architecture is selected*/
		.bot-archi_on a:link, .bot-archi_on a:visited, .bot-archi_on a:active{
		background:url(images/bot_archi_on.gif) no-repeat bottom left;
		width:140px; height:35px; 
		}
		/*for tabs all on*/
		.bot-archi_on2 a:link, .bot-archi_on2 a:visited, .bot-archi_on2 a:active{
		background:url(images/bot_archi_on2.gif) no-repeat bottom left;
		width:140px; height:35px; 
		}
		/*other tabs not active when rpa:architecture is selected */
		.bot-faci_off a:link, .bot-faci_off a:visited, .bot-faci_off a:active{
		background:url(images/bot_faci_off.gif) no-repeat bottom left;
		width:114px; height:35px; 
		}		
		.bot-vision_off a:link, .bot-vision_off a:visited, .bot-vision_off a:active{
		background:url(images/bot_vision_off.gif) no-repeat bottom left;
		width:87px; height:35px; 
		}

		/*if rpa:facilities is selected*/
		.bot-faci_on a:link, .bot-faci_on a:visited, .bot-faci_on a:active{
		background:url(images/bot_faci_on.gif) no-repeat bottom left;
		width:114px; height:35px; 		
		}		
		/*for tabs all on*/
		.bot-faci_on2 a:link, .bot-faci_on2 a:visited, .bot-faci_on2 a:active{
		background:url(images/bot_faci_on2.gif) no-repeat bottom left;
		width:114px; height:35px; 		
		}
		/*other tabs not active when rpa:facilities is selected */
		.bot-archi_faci_on a:link, .bot-archi_faci_on a:visited, .bot-archi_faci_on a:active{
		background:url(images/bot_archi_faci_on.gif) no-repeat bottom left;
		width:140px; height:35px; 
		}	
		/*when faci selected, bot for vision same as when archi selected ...  see previous*/
		
		/*if rpa:vision is selected*/
		.bot-vision_on a:link, .bot-vision_on a:visited, .bot-vision_on a:active{
		background:url(images/bot_vision_on.gif) no-repeat bottom left;
		width:87px; height:35px; 		
		}
		.bot-archi_off a:link, .bot-archi_off a:visited, .bot-archi_off a:active{
		background:url(images/bot_archi_off.gif) no-repeat bottom left;
		width:140px; height:35px; 
		}	
		.bot-faci-vision_on a:link, .bot-faci-vision_on a:visited, .bot-faci-vision_on a:active{
		background:url(images/bot_faci_vision_on.gif) no-repeat bottom left;
		width:114px; height:35px; 
		}	
		
		/*picture boxes*/
		.picbox{
		margin:0 auto; padding:0; text-align:center;
		width:699px; height:100%; position:relative;
		}
		.picbox1{
		margin:0 auto; padding:0; text-align:center;
		width:699px; height:130px; position:relative;
		max-width:699px; max-height:130px;
		}
		.picbox2{
		margin:0 auto; padding:0; text-align:center;
		width:699px; height:247px; position:relative;
		max-width:699px; max-height:247px;
		}
		
		.topright-link{
	padding:0 10px;

	height:25px; border:1px solid #fff;
	position:absolute; top:5px; right:5px;
	}
		.topright-link a:link, .topright-link a:active, .topright-link a:visited{
		font:13px Verdana, Arial, Sans-serif;
		text-align:center; color:#f8f8f8;	
		/*font-weight:bold;*/ text-decoration:none; 
		line-height:25px;
		}
		.topright-link a:hover{
		font:13px Verdana, Arial, Sans-serif;
		text-align:center; color:#666;	
		/*font-weight:bold;*/ text-decoration:none; 
		line-height:25px;
		}
	.coloured-link{ 
	background:#999; 
	opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;
	}


/*folio.css*/
.portfolio{
margin:0 auto; width:680px; /* height:430px; */
text-align:center; vertical-align:top;
font:11px Verdana, Arial, Sans-serif;
color:#666;
}
.portfolio:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.folio-left{
padding:10px 0 0 0; 
width:186px; float:left;
}
	.folio-left ul{
	margin:0; padding:0;
	list-style:none;
	}
		.folio-left li{
		padding:3px 0;
		font:10px Verdana, Arial, Sans-serif;
		text-align:left; color:#999;
		}
			.folio-left-selected{
			margin:0; padding:0;
			font:11px Verdana, Arial, Sans-serif;
			text-align:left;
			font-weight:bold; 
			}		
		.folio-left li a:link, .folio-left li a:active, .folio-left li a:visited{
		font:11px Verdana, Arial, Sans-serif;
		color:#999; font-weight:bold;
		text-decoration:none;
		}
		.folio-left li a:hover{
		font:11px Verdana, Arial, Sans-serif;
		 text-decoration:none;
		font-weight:bold;
		}
		.folio-left li ul{
		margin:0; padding:0 0 0 20px;
		font:10px Verdana, Arial, Sans-serif;
		 list-style:none;
		}
		.folio-left li ul li a:link, .folio-left li ul li a:active, .folio-left li ul li a:visited{
		font:10px Verdana, Arial, Sans-serif;
		color:#999;	
		text-decoration:none;
		}
		.folio-left li ul li a:hover{
		font:10px Verdana, Arial, Sans-serif;
		 text-decoration:none;
		}		
		
.folio-right{
padding:5px 0 0 0; 
width:485px; float:right;
text-align:left; 
}
	.folio-right img{
	border:0;
	}

.folio-paging{
margin:0; padding:0;
width:85px; float:right;
clear:both;
}
	.folio-paging ul{
	margin:0; padding:0;
	width:85px; display:block; 
	list-style:none;
	}
	.folio-paging li{
	margin:0 4px 0 0;
	width:14px; height:14px; 
	float:left; line-height:14px;
	border:1px solid #999;
	}
	.folio-paging li a:link, .folio-paging li a:visited, .folio-paging li a:active{
	background:#ccc; display:block; 
	width:14px; height:14px; 
	font:10px Verdana, Arial, Sans-serif;
	color:#666; text-align:center;
	text-decoration:none;
	}
	.folio-paging li a:hover{
	background:#f8f8f8; display:block; 
	width:14px; height:14px; 
	font:10px Verdana, Arial, Sans-serif;
	color:#666; text-align:center;
	text-decoration:none;
	}	
	.page-on{
	background:#fcfcfc; display:block; 
	width:14px; height:14px; 
	font:10px Verdana, Arial, Sans-serif;
	color:#666; text-align:center;
	text-decoration:none;
	}
.filler {
padding:5px 0 0 0;
}
*{
padding:0;
margin:0;
}
.default_container
{
/*height:425px; 
overflow:hidden;*/
}
.minisite_container{
   padding:15px 0 0 0;
/*height:105px;*/ width:455px; 
/*overflow:hidden;*/
}

.widebanner_container
{
  padding:15px 0 0 15px;
 /*height:168px;*/ width:440px; 
/*overflow:hidden;*/
}   
.narrowbanner_container
{
   padding:15px 0 0 15px;
/*height:280px;*/ width:430px; 
/*overflow:hidden;*/
}
.pressrelease_container
{
    width:628px;
    /*height:374px;*/
/*overflow:hidden;*/
}
.contactus_title
{
    color:#000;
font-weight:bold;
font:16px Verdana, Arial, Sans-serif;
padding-bottom:5px;
}
.ourwork_container
{
    
   /* height:80px;*/
    width:395px;
/*overflow:hidden; */
}
.news_container
{
   width:625px;
     /*height:324px;
overflow:hidden;*/

} 

/*sliding layer styles*/

a.jScrollArrowUp
{
    background-image:url(/images/scroll_up.gif);
}
a.jScrollArrowDown
{
    background-image:url(/images/scroll_dn.gif);
}
.scroll_pane_style .jScrollPaneTrack
{
    background:#fff;
}
.scroll_pane_style .jScrollPaneDrag
{
    background:#fff;
}
/*.scroll_pane_style
{
    margin:10px 0 0 0;

}*/
			
.vision_link{
color:#00aeef;
}
.vision_link a:visited{
color:#00aeef;
}
.architecture_link{
color:#ee2931;
}
.architecture_link a:visited{
color:#ee2931;
}
.facilities_link{
color:#FFA500;
}
.facilities_link a:visited{
color:#ee2931;
}
.sitemap-links{
margin:0;
		font:10px Verdana, Arial, Sans-serif;
		color:#666; text-decoration:none;
}

.sitemap-links a:hover{
margin:0;
		font:10px Verdana, Arial, Sans-serif;
		color:#000;
}
.jScrollPaneContainer {
	position: relative;
	/*overflow: hidden;*/
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	/*overflow: hidden;*/
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	/*overflow: hidden;*/
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	/*overflow: hidden;*/
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	/*overflow: hidden;*/
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	/*overflow: hidden;*/
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}