@charset "utf-8";
/* This CSS document is Copyright MintTwist Ltd. 2008.
   You are not authorised to download, distribute,
   redistribute or otherwise use this style sheet
   except to view the document to which it is attached. */
   
/* For more information, please contact Minttwist Ltd.
   via http://www.minttwist.com/contact_us.aspx */

/* ---------------------------------------------------- */

p {
	text-align:justify;
}

html {
	margin-bottom:1px;
	min-height:100%;
}

a, a:visited {
	color:#003366;
	text-decoration:underline;
}

	a:hover {
		text-decoration:none;
		color:#FF6600;
}

h4.page {
	font-size:16px;
	font-weight:bold;
	color:#000066;
	padding:0;
	margin:40px 0 10px 0;
}

.accessibility {
	display:none;
}

.orange {
	color:#FF6600 !important;
}

.justify {
	text-align:justify;
}

body {
	/*background:#D4D4D4 url(bg-body.gif) no-repeat top left;*/
	background:#D4D4D4 url(bg-new.gif) repeat-x top left;
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#555555;
	padding:0 0 20px 0;
	margin:0;
}

h2.page-title {
	font-size:18px;
	color:#051A63;
	font-weight:bold;
	margin:0;
	padding:0 0 15px 0;
	width:100%;
}

#navs-logo {
	width:945px;
	height:120px;
	background:url(bg-navs-logo.gif) no-repeat top left;
	margin:0 auto;
	margin-top:17px;
	padding:44px 0 0 0;
}

.navs {
	float:left;
	width:100%;
	overflow:auto;
	list-style:none;
}

	.navs ul {
		padding:0;
		margin:0 0 0 1px;
		border-right:1px solid #000077;
}

	.navs ul li {
		display:inline;
		float:left;
}

		.navs ul li.first {
			margin-left:150px;
}

	.navs ul li a, .navs ul li a:visited {
		padding:8px 25px 6px 25px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:1px;
		font-weight:bold;
		font-size:14px;
		background:#051A63 url(navs-bg.png) repeat-x;
		text-transform:uppercase;
		text-decoration:none;
		float:left;
		margin:0;
}

	.navs ul li a:hover {
		background:#FF6600 url(bg-navs-hover.png) repeat-x;
		color:#FFFFFF;
}

	.navs ul li a.current {
		background:#FF6600 url(bg-navs-hover.png) repeat-x !important;
}

#page {
	width:791px;
	min-height:410px;
	background:#FFFFFF;
	border:2px solid #FFFFFF;
	margin:0 auto;
	overflow:hidden;
	margin-top:-30px;
	padding:40px;
}

.home-photo {
	width:871px;
	height:490px;
	background:#FFFFFF;
	border:2px solid #FFFFFF;
	margin:0 auto;
	overflow:hidden;
	margin-top:-30px;
	position:relative;
	z-index:0;
}

a.portal-1 {
	width:338px;
	height:221px;
	display:block;
	float:left;
	background:url(../images/portfolio-index/offices-meeting-rooms.jpg) no-repeat top center;
	border:2px solid #999999;
	margin:0;
}

.portal-1:hover {
	background:url(../images/portfolio-index/offices-meeting-rooms.jpg) no-repeat bottom center;
	color:#FFFFFF;
	border:2px solid #FF6600;
}

/* -- PORTAL-1 ENDS -- PORTAL-2 BEGINS */

.portal-2 {
	width:338px;
	float:right;
	height:221px;
	background:url(../images/portfolio-index/furniture.jpg) no-repeat top center;
	border:2px solid #999999;
	margin:0 0 75px 0;
	padding:0;
}

.portal-2:hover {
	background:url(../images/portfolio-index/furniture.jpg) no-repeat bottom center;
	color:#FFFFFF;
	border:2px solid #FF6600;
}

/* -- PORTAL-2 ENDS -- PORTAL-3 BEGINS -- */

.portal-3 {
	width:338px;
	float:left;
	height:221px;
	background:url(../images/portfolio-index/storage-systems-partitioning.jpg) no-repeat top center;
	border:2px solid #999999;
	margin:75px 0 0 0;
}

.portal-3:hover {
	background:url(../images/portfolio-index/storage-systems-partitioning.jpg) no-repeat bottom center;
	color:#FFFFFF;
	border:2px solid #FF6600;
}

/* -- PORTAL-3 ENDS -- PORTAL 4 BEGINS -- */

.portal-4 {
	width:338px;
	float:right;
	height:221px;
	background:url(../images/portfolio-index/communication-rooms.jpg) no-repeat top center;
	border:2px solid #999999;
	margin:0;
}

.portal-4:hover {
	background:url(../images/portfolio-index/communication-rooms.jpg) no-repeat bottom center;
	color:#FFFFFF;
	border:2px solid #FF6600;
}

/* PORTAL-4 ENDS -- ALL PORTALS END -- */

#portfolio-image {
	width:460px;
	height:305px;
}

#portfolio-image img {
	border:3px solid #FF6600;
}

#portfolio-image p {
	margin-top:-25px;
	*margin-top:-28px;
	padding:0 0 0 37px;
	_margin-bottom:-3px;
}

p.portfolio-description {
	width:460px;
	margin:0;
}

h3.portfolio-title {
	color:#003366;
	font-size:13px;
	font-weight:bold;
	padding:0;
	margin:20px 0 5px 0;
}

#portfolio-image a {
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}

#portfolio-image a:hover {
	text-decoration:underline;
}

#portfolio-image img a {
	border:0;
	outline:0;
}

#thumbs-container {
	width:290px;
	min-height:305px;
	float:right;
	text-align:left;
}

#thumbs-container img {
	float:left;
	margin-bottom:20px;
}

#thumbs-container img.right {
	float:right;
	margin-left:15px;
}

#thumbs-container a img {
	border:2px solid #999999;
}

#thumbs-container a img:hover {
	border:2px solid #FF6600;
}

#footer {
	width:835px;
	background:rgba(255, 255, 255, 0.8);
	*background-color:#FFFFFF;
	*filter:alpha(opacity=80); /* -- THIS IS FOR INTERNET EXPLORER, SEEING AS IT IS NOT STANDARDS-COMPLIENT -- */
	position:relative;
	z-index:1;
	margin:0 auto;
	margin-top:15px;
	padding:20px;
	overflow:hidden;
}

#footer.home {
	margin:-105px auto 0 auto;
}

	#footer h2 {
		color:#FF6600;
		font-size:20px;
		letter-spacing:1px;
		filter:alpha(opacity=100);
		padding:0;
		margin:0 0 10px 0;

}

	#footer p {
		font-size:12px;
		color:#051A63;
		filter:alpha(opacity=100);
		padding:0;
		margin:0;
}

	#footer p span {
		color:#FF6600;
		font-weight:bold;
}

	#footer a {
		color:#051A63;
		text-decoration:underline;
}

	#footer a:hover {
		text-decoration:none;
		color:#666666;
}

#footer h3.slogan {
	width:230px;
	font-size:12px;
	color:#FF6600;
	font-weight:normal;
	padding:0;
	margin:0;
}

#footer .foot-left {
	float:left;
}

#footer .foot-right {
	float:right;
	padding:25px 0 0 0;
}

#copyright-right {
	width:39%;
	text-align:right;
	color:#888888;
	font-size:85%;
	float:right;
	margin-right:5px;
}

	#copyright-right a {
		color:#888888;
		text-decoration:none;
}

	#copyright-left a {
		color:#888888;
		text-decoration:underline;
}

	#copyright-left a:hover {
		text-decoration:none;
}

#copyright-left {
	float:left;
	width:59%;
	font-size:85%;
	color:#888888;
	margin-left:5px;
}

#copyright-wrapper {
	width:875px;
	margin:0 auto;
	margin-top:10px;
}

/* -- MISC STYLES -- NON-STRUCTURE-RELATED -- */

.tool-tip {
	width: 170px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	color: #FFCC99;
	padding: 8px 8px 4px 13px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 0 8px 8px 13px;
	font-weight:bold;
	color:#FFFFFF;
	background: url(bubble.png) bottom right;
	line-height:1.3em;
}

.tool-text span.hidden {
	display:none;
}

#right-column {
	float:right;
	width:375px;
	padding:0;
	margin:0 0 0 40px;
	text-align:justify;
}

#left-column {
	float:left;
	text-align:justify;
	width:375px;
	padding:0;
}

.float-left-box {
	float:left;
	width:150px;
	overflow:hidden;
	font-size:10px;
	margin:0 0 20px 0;
}

.float-left-box p {
	padding:0;
	margin:0;
}

.logo-box {
	padding:8px;
	width:200px;
	border:1px solid #000066;
	float:left;
	margin-left:65px;
}

.logo-box p {
	margin:5px 0 0 0;
}

iframe {
	padding:3px;
	background:#FFFFFF url(loading-map.gif) no-repeat center;
	border:1px solid #FF6600;
	float:left;
	margin-right:30px;
}

label {
	display:block;
	font-size:11px;
}

input, textarea {
	padding:2px;
	width:190px;
	margin:0 0 10px 0;
	border:1px solid #999999;
	font-family:"Lucida Sans Unicode", "Lucida Sans", verdana, arial;
	color:#333333;
	font-weight:bold;
	font-size:11px;
}

input:hover, textarea:hover {
	border:1px solid #333333;
}

textarea {
	width:190px;
	padding:2px;
}

.required {
	color:#CC0000;
}

form input.btn {
	width:auto;
	font-size:11px;
	font-family:"Lucida Sans Unicode", "Lucida Sans", verdana, arial;
	color:#333333;
	font-weight:bold;
	border:1px solid #999999;
	background:#EEEEEE;
	padding:2px 10px;
	*padding:2px 0;
	*width:95px;
}

form input.btn:hover {
	background:#FF6600;
	color:#FFFFFF;
	border:1px solid #000066;
}

.green-note {
	padding:10px 10px 10px 125px;
	background:#CFEFB8 url(bg-confirmation.png) no-repeat left center;
	border:1px solid #009900;
}

.green-note h3 {
	color:#006600;
	margin:auto;
}

.green-note p {
	margin-bottom:auto;
}

#temp-placeholder {
	
	float:left; 
	width:130px; 
	height:86px; 
	padding-bottom:50px;
	
}

/*
ul.portfolio-links {
	
	list-style:none;
	margin:0;
	padding:0;
	
}

ul.portfolio-links li {
	color:#003366;
	padding:5px 0 5px 18px;
	line-height:2em;
	background:url(icon-sub-page.png) no-repeat left center;
	text-decoration:none;
	font-size:11px;
}

ul.portfolio-links li a:hover {
	
	text-decoration:underline;
}

*/

ul.portfolio-links {
	clear: left;
	margin-left:-40px;
	*margin-left:5px;
}

ul.portfolio-links li  {
		list-style-image:url(icon-sub-page.gif);
         margin-left:20px;
         *margin-left:10px;
}

ul.portfolio-links li a {
		text-decoration:none;
		font-size:11px;
		color:#003366;
}

ul.portfolio-links li a:hover {
	text-decoration:underline;
}

ul.portfolio-links li a:visited {
	text-decoration:none;
}