/* 
11px = 105%
12px = 110%
13px = 115%
14px = 120%
15px = 130%
16px = 140%
Project highlight text color = #6666CC
*/
html {
	border:0;
	padding:0;
	margin:0;
	line-height:130%;
	font-size: 80%;
	color: #999;
	}
body {
	border:0;
	padding:0;
	margin:0;
	line-height:130%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #fff url(../images/bg.gif) repeat-x 0 0;
	color: #999;
	}

a:link { color: #999; text-decoration: none; }
a:active { color: #999; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:hover {  color: #000; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h2.projects { color: #7877c1; font-size: 110%; }
h2.services { color: #68ace5; font-size: 110%; }
h2.partner { color: #7e99aa; font-size: 110%; }
h2.customer { color: #aab300; font-size: 110%; }
h2.aboutus { color: #4bc8b6; font-size: 110%; }
h2.aboutus2 { color: #666666; font-size: 110%; }
h2.aboutus4 { color: #666666; font-size: 105%; font-weight: bold; }

span.aboutus { color: #4bc8b6; font-size: 110%; font-weight: bold; }
span.aboutus2 { color: #666666; font-size: 100%; font-weight: bold; }

h3.smallheader_about { color: #4BC8B6; font-size: 130%; padding: 0 0 6px 0; }
h3.smallheader_about2 { color: #4BC8B6; font-size: 180%; padding: 0 0 6px 0; }
h3.smallheader_legal { color: #68ACE5; font-size: 130%; padding: 0 0 6px 0; }

.smalldate { color: #4BC8B6; font-size: 130%; font-weight: bold; margin: 0; padding: 3px 0 3px 0;	}


p { margin: 0; padding: 0; }

p.aboutus3 { color: #666666; font-size: 110%; line-height:180%; font-weight:bold; padding: 13px 0 17px 0 !important; _padding: 13px 0 18px 0 !important; }
p.aboutus5 { color: #666666; font-size: 105%; line-height: 200%; font-weight:bold; margin:0 0 0 -25px;}
p.aboutus4 { color: #666666; font-size: 105%; font-weight: bold; }

#globewrapper {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: block;	
	}
	
#logobanner {
	margin: 20px 0 0 0;
	}

#logobanner .top_a {	
	background: url(../images/top_a_2.png) no-repeat;
	_background: url(../images/top_a.png) no-repeat;
	width: 988px;
	height: 8px;
	margin: 0;
	_margin: 0 0 -5px 0;
	}
#logobanner .top_content { background: url(../images/top_b_2.png) no-repeat; _background: url(../images/top_b.png) no-repeat; width: 988px; height: 90px; padding: 0px; }
#logobanner .logo { float: left; width: 230px; margin: 12px 0 0 30px; _margin: 12px 0 0 16px; }
#logobanner .textmenu { float: right; width: 465px; _width: 480px; margin: 0; }
#logobanner .textmenu ul { padding: 0; float: right; margin: 22px 31px 0 0; _margin: 18px 17px 0 0; }
#logobanner .textmenu li {
	background: url(../images/textmenu_arrow.png) left 4px no-repeat;
	margin: 0;
	padding: 0 6px 0 7px;
	display: inline; 
	float: left;
	}

#logobanner .textmenu li a { color: #999; font-weight: bold; }

#logobanner .textmenu .iconsGuide { margin: 5px 0 35px 0; _margin: 0; _padding: 5px 0 35px 0; clear: both; }
#logobanner .textmenu .iconsGuide div { float: left; margin: 0 0 0 10px; }
#logobanner .textmenu .iconsGuide img { float: left; }
#logobanner .textmenu .iconsGuide p.text { padding: 5px 0 0 30px; }

#logobanner .textmenu .textLinks { clear: both; }


/* ----------------------------- 
			Homepage
--------------------------------*/
#index_maincontent {
	width: 974px;
	height: 344px;
	background: url(../images/middottedline.gif) bottom no-repeat;
	}

#index_box {
	width: 980px;
	margin: 20px 0 0 0;
	
	}

.index_box01 {

	float: left;
	width: 341px;
	height: 184px;
	margin: 0 13px 0 0;
	font-size: 110%;
	}

.index_box01 .left { background: url(../images/index_b01_left.jpg) no-repeat; width: 92px; height: 182px; float: left; }
.index_box01 .right { float: left; width: 247px; height: 182px; }

.index_box01 .right .row1 { background: url(../images/index_b01_right1.jpg) no-repeat; position: relative;  }
.index_box01 .right .row2 { background: url(../images/index_b01_right2.jpg) no-repeat; position: relative;   }
.index_box01 .right .row3 { background: url(../images/index_b01_right3.jpg) no-repeat; position: relative;  }
.index_box01 .right .row4 { background: url(../images/index_b01_right4.jpg) no-repeat; position: relative;  }


#union_index_links div { display: none; width: 247px; height: 182px; }
#union_index_links .open { display: block; }

.more-whitearrow2 { background: url(../images/white_arrow.jpg) right 3px no-repeat; color: #fff; width: 48px; position: absolute; top: 158px; left: 190px; }
.more-whitearrow2 a { color: #fff; }
.more-whitearrow2 a.more { color: #fff; padding: 9px 2px 9px 12px; }



.more-whitearrow3 { background: url(../images/white_arrow.jpg) right 3px no-repeat; color: #fff; margin: 25px 0 0 280px; _margin: 25px 0 0 280px; padding: 0 12px 0 0; width: 35px; }
.more-whitearrow3 a { color: #fff;  }
.more-whitearrow3 a.more { color: #fff; padding: 9px 2px 9px 12px; }

.index_box01 ul { margin: 0; padding: 0; list-style: none; width: 90px; }
.index_box01 li { margin: 0; padding: 0px 0 0 18px; list-style: none; }
.index_box01 li a { color: #00478F; }
.index_box01 li.index_row1 { padding: 19px 0 0 22px; }
.index_box01 li.index_row2 { padding: 7px 0 0 22px; }
.index_box01 li.index_row3 { padding: 10px 0 0 22px; }
.index_box01 li.index_row4 { padding: 15px 0 0 22px; }
	
.index_box01 .more-whitearrow { background: url(../images/white_arrow.jpg) right 3px no-repeat; color: #fff; margin: 44px 0 0 290px; padding: 0 0 0 0px; width: 35px; }
	

.index_box02 {
	background: url(../images/index_b02a.jpg) no-repeat;
	float: left;
	width: 341px;
	height: 184px;
	margin: 0 0px 0 0;
	font-size: 110%;
	}
	
.index_box02 ul { margin: 10px 0 0 10px; padding: 0; list-style: none; width: 270px; color: #fff; }
.index_box02 li { margin: 0; padding: 0; list-style: none; }
.index_box02 li a { color: #fff; }
.index_box02 .more-bluearrow { float: left; margin: 60px 0 0 25px; padding: 0 0 0 0px;}

.index_box02 .more-whitearrow3 { background: url(../images/white_arrow2.jpg) right 3px no-repeat; color: #fff; width: 65px; position: relative; top: 132px; left: -35px; }
.index_box02 .more-whitearrow3 a { color: #fff; }
.index_box02 .more-whitearrow3 a.more { color: #fff; padding: 0px 0px 0px 0px; white-space:nowrap;}

.home_union_event { float: left; padding: 10px 0 10px 10px; }
.event_text { padding: 0; width: 155px; color: #fff; font-size: 100%; font-weight: bold; text-align: justify; margin: 0px 0 0 20px;   }
	
.index_box03 {
	float: left;
	width: 269px;
	height: 184px;
	}
	
.index_box03 div { display: none; position: relative; margin: -45px 0 0 0; }

.index_box03 .quotebg1 { background: url(../images/quotebg1.jpg) no-repeat; }
.index_box03 .quotebg2 { background: url(../images/quotebg2.jpg) no-repeat; }
.index_box03 .quotebg3 { background: url(../images/quotebg3.jpg) no-repeat; }
.index_box03 .quotebg4 { background: url(../images/quotebg4.jpg) no-repeat; }
.index_box03 .quotebg5 { background: url(../images/quotebg5.jpg) no-repeat; }
.index_box03 .quotebg6 { background: url(../images/quotebg6.jpg) no-repeat; }
	
.index_box03 .cust_message {
	text-align: left;
	margin: 45px 0 0 23px;
	padding: 45px 0 0 0;
	line-height: 135%;
	width: 230px;
	height: 145px;
	font-size: 190%;
	font-weight: bold;
	color: #014A8F;
	}
.index_box03 .cust_message2 {
	text-align: left;
	margin: 45px 0 0 23px;
	padding: 60px 0 0 0;
	line-height: 135%;
	width: 230px;
	height: 145px;
	font-size: 190%;
	font-weight: bold;
	color: #014A8F;
	}
	
.index_box03 .name { position: absolute; top: 120px; left: 25px; _left: 0; font-size: 105%; font-weight: bolder; margin: 10px 0 3px 0px; color: #003399; }
.index_box03 .name_title { position: absolute; top: 145px; left: 25px; _left: 0; font-size: 105%; color: #6699CC; margin: 0 0 0 0px; }

span.smalltext { font-size: 80%; line-height: 120%; }
/* ----------------------------- 
			subpage 
--------------------------------*/

#maincontent {
	width: 974px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#maincontent .context {
	padding: 10px;
	font-size: 110%;
	color: #666;
	line-height: 150%;
	}
#maincontent .context p {
	padding: 0 0 15px 0;
	margin: 0;
	}
	

.content_left {
	float: left;
	width: 290px;
	padding: 0 40px 0 0;
	margin: 0 4px 0 0px;
	_margin: 0 4px 0 0px;
	text-align: justify;
}

.content_mid {
	float: left;
	width: 290px;
	text-align: justify;
	}

.content_mid_thankyou {
	float: left;
	width: 975px;
	height: 300px;
	text-align: center;
	}

.content_right {
	float: right;
	width: 290px;
	text-align: justify;
	}
	
.content_right_events {
	float: right;
	width: 290px;
	text-align: left;
	}

#maincontent .context p a:link { color: #666; text-decoration: underline; }
#maincontent .context p a:active { color: #666; text-decoration: underline; }
#maincontent .context p a:visited { color: #666; text-decoration: underline; }
#maincontent .context p a:hover {  color: #000; text-decoration: underline; }

/* --- services main 3 column --*/

.ser-content_left {
	float: left;
	width: 290px;
	padding: 0 35px 0 0;
	margin: 0 4px 0 10px;
	_margin: 0 4px 0 0px;
	min-height: 240px;
	text-align: justify;
	}

.ser-content_mid {
	float: left;
	width: 290px;
	min-height: 240px;
	text-align: justify;
	}

.ser-content_right {
	float: right;
	width: 290px;
	text-align: justify;
	}
	
/* --- bottom cross column --*/
.col_01 { float: left; width: 289px; }
.col_02 { float: left; width: 600px; }
.col_03 { float: right; width: 600px; }


/* --- customer ---*/
.lime_box01a {
	background: url(../images/customers/limebg1a.jpg) no-repeat;
	width: 289px;
	height: 12px;
	overflow: hidden;
	}
	
.lime_box01b {
	background: #fcfdf8 url(../images/customers/limebg1b.jpg) repeat-x;
	color: #AAB300;
	font-size: 105%;
	font-weight: bold;
	width: 287px;
	border-right: 1px #aab300 solid;
	border-left: 1px #aab300 solid;
	}

.lime_box01c {
	background: url(../images/customers/limebg1c.jpg) no-repeat;
	width: 289px;
	height: 13px;
	margin: 0 0 12px 0;
	}

.lime_box01b .textbox { width: 250px; padding: 6px 0 6px 20px; }

/* colored box 01 */
.box_01a {
	background: url(../images/customers/cust_bg01a.jpg) no-repeat;
	width: 286px;
	height: 7px;
	overflow: hidden;
	}

.box_01b {
	background: #f0f0f8 url(../images/customers/cust_bg01b.jpg) repeat-x;
	border-right: 1px #7878c2 solid;
	border-left: 1px #7878c2 solid;
	border-bottom: 1px #7878c2 solid;
	width: 284px;
	font-size: 100%;
	font-weight: bold;
	color: #666;
	}

.box_01c { 
	width: 284px;
	border-right: 1px #7878c2 solid;
	border-left: 1px #7878c2 solid;
	background: #fff;
}

.box_01d {
	background: url(../images/customers/cust_bg01c.jpg) no-repeat;
	width: 286px;
	height: 7px;
	margin: 0 0 12px 0;
	}

/* colored box 02 */
.box_02a {
	background: url(../images/customers/cust_bg02a.jpg) no-repeat;
	width: 286px;
	height: 7px;
	overflow: hidden;
	}

.box_02b {
	background: #edf6ff url(../images/customers/cust_bg02b.jpg) repeat-x;
	border-right: 1px #67ace5 solid;
	border-left: 1px #67ace5 solid;
	border-bottom: 1px #67ace5 solid;
	width: 283px;
	font-size: 100%;
	font-weight: bold;
	color: #666;
	}

.box_02c { 
	width: 283px;
	border-right: 1px #67ace5 solid;
	border-left: 1px #67ace5 solid;
	background: #fff;
}

.box_02d {
	background: url(../images/customers/cust_bg02c.jpg) no-repeat;
	width: 286px;
	height: 7px;
	margin: 0 0 12px 0;
	}

/* colored box 03 */
.box_03a {
	background: url(../images/customers/cust_bg03a.jpg) no-repeat;
	width: 286px;
	height: 7px;
	overflow: hidden;
	}

.box_03b {
	background: #f4f6e0 url(../images/customers/cust_bg03b.jpg) repeat-x;
	border-right: 1px #aab300 solid;
	border-left: 1px #aab300 solid;
	border-bottom: 1px #aab300 solid;
	width: 284px;
	font-size: 100%;
	font-weight: bold;
	color: #666;
	}

.box_03c { 
	width: 284px;
	border-right: 1px #aab300 solid;
	border-left: 1px #aab300 solid;
	background: #fff;
}

.box_03d {
	background: url(../images/customers/cust_bg03c.jpg) no-repeat;
	width: 286px;
	height: 7px;
	margin: 0 0 12px 0;
	}

/* colored box 04 */
.box_04a {
	background: url(../images/customers/cust_bg04a.jpg) no-repeat;
	width: 286px;
	height: 7px;
	overflow: hidden;
	}

.box_04b {
	background: #f8f9fb url(../images/customers/cust_bg04b.jpg) repeat-x;
	border-right: 1px #7e99aa solid;
	border-left: 1px #7e99aa solid;
	border-bottom: 1px #7e99aa solid;
	width: 284px;
	font-size: 100%;
	font-weight: bold;
	color: #666;
	}

.box_04c { 
	width: 284px;
	border-right: 1px #7e99aa solid;
	border-left: 1px #7e99aa solid;
	background: #fff;
}

.box_04d {
	background: url(../images/customers/cust_bg04c.jpg) no-repeat;
	width: 286px;
	height: 7px;
	margin: 0 0 12px 0;
	}

/* colored box 05 */
.box_05a {
	background: url(../images/customers/cust_bg05a.jpg) no-repeat;
	width: 286px;
	height: 7px;
	overflow: hidden;
	}

.box_05b {
	background: #fcfefd url(../images/customers/cust_bg05b.jpg) repeat-x;
	border-right: 1px #4bc8b6 solid;
	border-left: 1px #4bc8b6 solid;
	border-bottom: 1px #4bc8b6 solid;
	width: 284px;
	font-size: 100%;
	font-weight: bold;
	color: #666;
	}

.box_05c { 
	width: 284px;
	border-right: 1px #4bc8b6 solid;
	border-left: 1px #4bc8b6 solid;
	background: #fff;
}

.box_05d {
	background: url(../images/customers/cust_bg05c.jpg) no-repeat;
	width: 286px;
	height: 7px;
	margin: 0 0 12px 0;
	}

/* colored boxes shares */

.text_box {
	padding: 0 6px 6px 6px;
	}
	
.logo_name {
	padding: 8px;
	text-align: left;
	}
	
.logo01 { 
	padding: 5px 8px 0 0px;
	float: left;
	}
	
.textname { font-weight: bold; margin: 0; float: right; width: 130px; }
.textname_long { font-weight: bold; margin: 0; float: right; width: 140px; }
span.name { font-weight: normal; margin: 0; padding: 0;  }


/* --- partners ---*/
h3.part_companies_title { margin: 0; padding: 0; font-size: 110%; }

.top15 { margin: 15px 0 0 0; }
.top20 { margin: 20px 0 0 0; }

.partn_01a {
	background: url(../images/partners/partn_bg01a.jpg) no-repeat;
	width: 288px;
	height: 7px;
	overflow: hidden;
	}

.partn_01b {
	background: #f4f8f9 url(../images/partners/partn_bg01b.jpg) repeat-x;
	border-right: 1px #7e99aa solid;
	border-left: 1px #7e99aa solid;
	border-bottom: 1px #7e99aa solid;
	width: 286px;
	font-size: 90%;
	font-weight: bold;
	color: #666;
	min-height: 145px;
	}

.partn_01c { 
	width: 286px;
	border-right: 1px #7e99aa solid;
	border-left: 1px #7e99aa solid;
	background: #fff;
}

.partn_01d {
	background: url(../images/partners/partn_bg01c.jpg) no-repeat;
	width: 288px;
	height: 7px;
	margin: 0 0 12px 0;
	}



.blue01a {
	background: url(../images/partners/bluebg1a.jpg) no-repeat;
	width: 289px;
	height: 12px;
	overflow: hidden;
	}
	
.blue01b {
	background: #fff url(../images/partners/bluebg1b.jpg) repeat-x;
	color: #7e99aa;
	font-size: 110%;
	font-weight: bold;
	width: 287px;
	border-right: 1px #7e99aa solid;
	border-left: 1px #7e99aa solid;
	}

.blue01c {
	background: url(../images/partners/bluebg1c.jpg) no-repeat;
	width: 289px;
	height: 13px;
	margin: 0 0 12px 0;
	}

.blue01b .textbox { width: 250px; padding: 6px 0 6px 20px; }


.partn_02a {
	background: url(../images/partners/partner_bg01a.gif) no-repeat;
	width: 288px;
	height: 7px;
	overflow: hidden;
	margin: 15px 0 0 0;
	}

.partn_02b {
	width: 286px;
	border-right: 1px #7e99aa solid;
	border-left: 1px #7e99aa solid;
	}

.partn_02c {
	background: url(../images/partners/partner_bg01c.gif) no-repeat;
	width: 288px;
	height: 7px;
}

.partn_02b .textbox { width: 250px; padding: 6px 0 6px 20px; }




/* --- colored boxes for projects --*/

.pro-voli01a {
	background: url(../images/projects/pro_bg01a.jpg) no-repeat;
	width: 291px;
	height: 15px;
	overflow: hidden;
	}
	
.pro-voli01b {
	background: #fff url(../images/projects/pro_bg01b.jpg) repeat-x;
	color: #3b5cbe;
	font-size: 150%;
	font-weight: bold;
	width: 289px;
	border-right: 1px #7C75C2 solid;
	border-left: 1px #7C75C2 solid;
	line-height: 150%;
	}

.pro-voli01c {
	background: url(../images/projects/pro_bg01c.jpg) no-repeat;
	width: 291px;
	height: 18px;
	margin: 0 0 12px 0;
	}

.pro-voli01b .textbox { width: 250px; padding: 12px 0 12px 20px; }

/* projects colored box 2 */
.pro-voli02a {
	background: url(../images/projects/pro_bg02a.jpg) no-repeat;
	width: 613px;
	height: 15px;
	overflow: hidden;
	}
	
.pro-voli02b {
	background: #F8F8FE url(../images/projects/pro_bg02b.jpg) repeat-x;
	color: #3b5cbe;
	font-size: 150%;
	font-weight: bold;
	width: 611px;
	border-right: 1px #7C75C2 solid;
	border-left: 1px #7C75C2 solid;
	line-height: 150%;
	}

.pro-voli02c {
	background: url(../images/projects/pro_bg02c.jpg) no-repeat;
	width: 613px;
	height: 13px;
	margin: 0 0 12px 0;
	}

.pro-voli02b .textbox { width: 555px; padding: 12px 0 12px 33px; }

/* projects colored box 3 */
.pro-voli03a {
	background: url(../images/projects/pro_bg01a.jpg) no-repeat;
	width: 291px;
	height: 15px;
	overflow: hidden;
	}
	
.pro-voli03b {
	background: #fff url(../images/projects/pro_bg01b.jpg) repeat-x;
	color: #3b5cbe;
	font-size: 110%;
	font-weight: bold;
	width: 289px;
	border-right: 1px #7C75C2 solid;
	border-left: 1px #7C75C2 solid;
	line-height: 150%;
	}

.pro-voli03c {
	background: url(../images/projects/pro_bg01c.jpg) no-repeat;
	width: 291px;
	height: 18px;
	margin: 0 0 12px 0;
	}

.pro-voli03b .textbox { width: 245px; padding: 12px 0 12px 25px; }

/* --- colored boxes for services --*/

.ser-blue01a {
	background: url(../images/services/ser-blue01a.jpg) no-repeat;
	width: 616px;
	height: 11px;
	overflow: hidden;
	}
	
.ser-blue01b {
	background: #fcfdff url(../images/services/ser-blue01b.jpg) repeat-x;
	color: #3366CC;
	font-size: 150%;
	font-weight: bold;
	width: 614px;
	border-right: 1px #83bbea solid;
	border-left: 1px #83bbea solid;
	line-height: 150%;
	}

.ser-blue01c {
	background: url(../images/services/ser-blue01c.jpg) no-repeat;
	width: 616px;
	height: 13px;
	margin: 0 0 12px 0;
	}

.ser-blue01b .textbox { width: 550px; padding: 12px 0 12px 36px; }

/* --- colored boxes for services 2 with big font--*/

.ser-blue02a {
	background: url(../images/services/ser-blue02a.jpg) no-repeat;
	width: 289px;
	height: 11px;
	overflow: hidden;
	}
	
.ser-blue02b {
	background: #fcfdff url(../images/services/ser-blue02b.jpg) repeat-x;
	color: #3366CC;
	font-size: 150%;
	font-weight: bold;
	width: 286px;
	border-right: 1px #83bbea solid;
	border-left: 1px #83bbea solid;
	line-height: 150%;
	}

.ser-blue02c {
	background: url(../images/services/ser-blue02c.jpg) no-repeat;
	width: 289px;
	height: 13px;
	margin: 0 0 12px 0;
	}

.ser-blue02b .textbox { width: 220px; padding: 12px 0 12px 36px; }

/* --- colored boxes for services 3 with small font--*/

.ser-blue03a {
	background: url(../images/services/ser-blue02a.jpg) no-repeat;
	width: 289px;
	height: 11px;
	overflow: hidden;
	}
	
.ser-blue03b {
	background: #fcfdff url(../images/services/ser-blue02b.jpg) repeat-x;
	color: #3366CC;
	font-size: 110%;
	font-weight: bold;
	width: 286px;
	border-right: 1px #83bbea solid;
	border-left: 1px #83bbea solid;
	line-height: 150%;
	}

.ser-blue03c {
	background: url(../images/services/ser-blue02c.jpg) no-repeat;
	width: 289px;
	height: 13px;
	margin: 0 0 12px 0;
	}

.ser-blue03b .textbox { width: 220px; padding: 12px 0 12px 36px; }

/* --- community and charity ---*/
h3.cc_companies_title { margin: 0; padding: 0; font-size: 130%; }

.cc_01a {
	background: url(../images/partners/partn_bg01a.jpg) no-repeat;
	overflow: hidden; 
	width: 288px;
	height: 7px;
	}

.cc_01b {
	background: #f4f8f9 url(../images/partners/partn_bg01b.jpg) repeat-x;
	border-right: 1px #7e99aa solid;
	border-left: 1px #7e99aa solid;
	border-bottom: 1px #7e99aa solid;
	width: 286px;
	font-size: 90%;
	font-weight: bold;
	color: #666;
	min-height: 110px;
	line-height: 190%;
	}

.cc_01c { 
	width: 286px;
	border-right: 1px #7e99aa solid;
	border-left: 1px #7e99aa solid;
	background: #fff;
}

.cc_01d {
	background: url(../images/partners/partn_bg01c.jpg) no-repeat;
	width: 288px;
	height: 7px;
	margin: 0 0 20px 0;
	}

.cc_01b .text_box {
	padding: 6px 12px 6px 12px;
	}

/* ----------------------------- 
		subpage banners
--------------------------------*/
#topbanner {
	margin: 0 auto;
	text-align: center;
}

#topbanner .banner-text {
	margin: -95px 0 0px 495px;
	*margin: -100px 0 0px 495px;
	height: 95px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
	text-align: left;
	}

#topbanner .banner-text02 {
	margin: -100px 0 0px 495px;
	*margin: -105px 0 0px 495px;
	height: 100px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
	text-align: left;
	}
	
#topbanner .banner-company {
	margin: -100px 0 0px 495px;
	*margin: -105px 0 0px 495px;
	height: 100px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
	text-align: left;
	}
	
#topbanner .banner-customer {
	margin: -75px 0 0px 495px;
	*margin: -80px 0 0px 495px;
	height: 80px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}
	
#topbanner .banner-text-2 {
	margin: -75px 0 0px 495px;
	*margin: -80px 0 0px 495px;
	height: 80px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}
	
#topbanner .banner-text-3 {
	margin: -80px 0 0px 495px;
	*margin: -85px 0 0px 495px;
	height: 85px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}

#topbanner .banner-text-4 {
	margin: -85px 0 0px 495px;
	*margin: -90px 0 0px 495px;
	height: 90px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}
	
#topbanner .banner-text-5 {
	margin: -96px 0 0px 495px;
	*margin: -101px 0 0px 495px;
	height: 105px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 20pt;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}	
	
#topbanner p.banner-text-6 {
	color: #fff;
	font-size: 69%;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}		

#topbanner .banner-text-7 {
	margin: -96px 0 0px 495px;
	*margin: -101px 0 0px 495px;
	height: 105px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 18pt;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}		

#topbanner p.banner-text-8 {
	color: #fff;
	font-size: 55%;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}		
	
#topbanner .banner-business {
	margin: -70px 0 0px 495px;
	*margin: -75px 0 0px 495px;
	height: 75px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}

#topbanner .banner-text-t {
	margin: -100px 0 0px 495px;
	*margin: -106px 0 0px 495px;
	height: 103px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	}
		
#topbanner .banner-text-table {
	width: 465px;
	height: 92px;
	vertical-align: middle;
	}
	
#topbanner .banner-text-cloud {
	margin: -100px 0 0px 495px;
	*margin: -105px 0 0px 495px;
	height: 100px;
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 120%;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	}
#topbanner .banner-text-cloud .bntext { *margin: -10px 0 0 0; clear: both; }
	
/* --- Banner image css set for each section ---*/

#topbanner h1.legal {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/legal.png) no-repeat;
	}


/* about us */
#topbanner h1.company {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/company.png) no-repeat;
	}
#topbanner h1.contactus {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/contactus.png) no-repeat;
	}
	
#topbanner h1.sitemap {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/sitemap.png) no-repeat;
	}


#topbanner h1.engagement {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/engagement.png) no-repeat;
	}
	
#topbanner h1.union_environment {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/union_environment.png) no-repeat;
	}	
	
#topbanner h1.customers {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/customers.png) no-repeat;
	}

#topbanner h1.community_charity {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/community_charity.png) no-repeat;
	}

#topbanner h1.partners {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/partners.png) no-repeat;
	}
	
#topbanner h1.events {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/events.png) no-repeat;
	}	
	
#topbanner h1.events2 {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/events_user_authentication_webinar.png) no-repeat;
	}	

/* projects */
#topbanner h1.datacentre_cons {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/datacentre_cons.png) no-repeat;
	}
	
#topbanner h1.pro_storage {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/storage_cons.png) no-repeat;
	}

#topbanner h1.pro_backup {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/backup_centralisation.png) no-repeat;
	}	
	
#topbanner h1.pro_appcons {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/application_consolid.png) no-repeat;
	}	
	
#topbanner h1.pro_servervitual {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/server_virtual.png) no-repeat;
	}
	
#topbanner h1.pro_infolife {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/info_life_mange.png) no-repeat;
	}	
		
#topbanner h1.pro_businesscon {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/business_cotin.png) no-repeat;
	}	

#topbanner h1.pro_disasterreco {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/disaster_recovery.png) no-repeat;
	}	
		
#topbanner h1.pro_virtualdesk {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/virtual_deskin.png) no-repeat;
	}	
		
#topbanner h1.pro_datasec {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/data_security.png) no-repeat;
	}		

#topbanner h1.pro_wan {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/wan_ao.png) no-repeat;
	}
	
#topbanner h1.pro_automation {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/automation.png) no-repeat;
	}
	
#topbanner h1.pro_servicemanage {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/servic_management.png) no-repeat;
	}
	
#topbanner h1.pro_greencomp {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/green_computing.png) no-repeat;
	}

#topbanner h1.pro_cloudcomp {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/cloud_computing.png) no-repeat;
	}	

/* services image banners */

#topbanner h1.managed_ser {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/managed_serv.png) no-repeat;
	}
	
#topbanner h1.ser_consulting {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/consulting_serv.png) no-repeat;
	}

#topbanner h1.ser_enginnering {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/engineering_serv.png) no-repeat;
	}

#topbanner h1.ser_supportser {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/support_serv.png) no-repeat;
	}

#topbanner h1.ser_datacentreser {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/datacentre_serv.png) no-repeat;
	}	
	
#topbanner h1.ser_sharedser {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/shared_serv.png) no-repeat;
	}		

#topbanner h1.ser_colohosting {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/colo_host.png) no-repeat;
	}

#topbanner h1.ser_financing	{
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/financing_pack.png) no-repeat;
	}
	
#topbanner h1.ser_disaster {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/disaster_recovery_serv.png) no-repeat;
	}

#topbanner h1.ser_assessment {
	width: 974px;
	height: 110px;
	text-indent: -10000px;
	background: url(../images/imgbanner/assessment_serv.png) no-repeat;
	}




/* hightlight colored text */
p.colortext_about { color: #4BC8B6; font-weight: bold; }
h2.highlight_text_about { margin: 0; padding: 0 0 12px 0; font-size: 150%; color: #4BC8B6; text-align: center; }

h2.highlight_text_services { margin: 0; padding: 0 0 12px 0; font-size: 150%; color: #67ABE5; text-align: left; }

p.colortext_project { color: #6666CC; font-weight: bold; }
p.colortext_services { color: #3366CC; font-weight: bold; }



/* list type */
ul.engaglist01 { margin: 3px 0 12px 0; padding: 0;  list-style: none;  }
ul.engaglist01 li { padding: 0 0 0 12px; margin: 0 0 0 0px; list-style: none;  background: url(../images/bulletpoint.jpg) 0px 7px no-repeat; }
ul.aboutus01 { margin: 3px 0 12px 0; padding: 0;  list-style: none;  }
ul.aboutus01 li { padding: 0 0 10px 10px; margin: 0 0 0 0px; list-style: none;  background: url(../images/blackBullet.gif) 0px 7px no-repeat; }

ul.aboutus02 { margin: 3px 0 0px 0; padding: 0;  list-style: none;  }
ul.aboutus02 li { padding: 0 0 5px 8px; margin: 0 0 0 0px; list-style: none;  background: url(../images/blackBullet.gif) 0px 7px no-repeat;font-weight:bold; text-align:left; }

ol { margin: 0 0 12px 22px; padding: 0; }
ol li { margin: 0; padding: 0; }

.content_right ol li a:link { color: #666; text-decoration: underline; }
.content_right ol li a:active { color: #666; text-decoration: underline; }
.content_right ol li a:visited { color: #666; text-decoration: underline; }
.content_right ol li a:hover {  color: #000; text-decoration: underline; }



ul.contextlist01 { margin: 3px 0 12px 0; padding: 0; display: list-item; list-style: none;  }
ul.contextlist01 li { padding: 0 0 6px 0; margin: 0 0 0 15px; list-style: decimal; }

/* ----------------------------- 
			footer 
--------------------------------*/

#footer {
	border-top: 1px #eee solid;
	margin: 20px 0 0 0;
	padding: 15px 0 30px 0;
	}

#footer .footerlink { margin: 0; }
#footer .footerlink ul { margin: 0; padding: 0; }
#footer .footerlink li {
	margin: 0;
	padding: 0 6px 0 7px;
	display: inline; 
	float: left;
	}
	
#footer .copyright { float: right; }

/* ----------------------------- 
		Company
--------------------------------*/

.about-bg01a {
	background: url(../images/aboutus/about_bg01a.gif) no-repeat;
	width: 289px;
	height: 12px;
	overflow: hidden;
	margin: 5px 0 0
	}
	
.about-bg01b {
	background: #FBFEFD url(../images/aboutus/about_bg01b.gif) repeat-x;
	color: #4bc8b6;
	font-weight: bold;
	width: 287px;
	border-right: 1px #4CC8B6 solid;
	border-left: 1px #4CC8B6 solid;
	line-height: 150%;
	text-align: left;
	}

.about-bg01c {
	background: url(../images/aboutus/about_bg01c.gif) no-repeat;
	width: 289px;
	height: 14px;
	margin: 0 0 12px 0;
	}

.about-bg01b .textbox { width: 245px; padding: 12px 0 12px 25px; font-size: 150%; }
.about-bg01b .textbox2 { width: 245px; padding: 12px 0 12px 25px; font-size: 120%; line-height:163%; }

.about-bg01b .textbox3 { width: 245px; padding: 9px 0 8px 25px; *padding: 10xp 0 10px 25px; _padding: 10px 0 11px 25px; font-size: 120%; line-height:163%; }



/* ----------------------------- 
		Community
--------------------------------*/
.community_top_row { height: 205px; }
.contact_top_row { height: 210px; }
.greencomputing_top_row { height: 380px; }
.datacentre_top_row { height: 365px; }
.cloud_top_row { height: 330px;  }
.assessment_top_row { height: 505px; margin: 0 0 25px 0; padding: 0; display: block; }

/* ----------------------------- 
		Contact us
--------------------------------*/
.contact_left { width: 110px; float: left; height: 100px; }
.contact_right { width: 180px; float: left; height: 51px; margin: 49px 0 0 0; }
.contact_reg { padding: 10px 0 0 0; }

.contact_form { height: 210px; width: 620px; background: url(../images/aboutus/contact_formbg.gif) right 7px no-repeat; float: right; }
.contact_form p { margin: 0; padding: 0; }
.form_left { float: left; width: 320px; margin: 13px 0 0 10px; }
.form_right { float: right; width: 290px; margin: 13px 0 0 0px; }

.form_title { color: #4bc8b6; font-size: 110%; padding: 4px 5px 6px 0; float: left; width: 100px; }
.form_field { width: 190px; border: 1px #ddd solid; font-size: 90%; padding: 3px; color: #666; }
.form_dropdown { width: 198px; }
.form_title2 { color: #4bc8b6; font-size: 110%; padding: 4px 5px 6px 0; float: left; width: 110px; }
.form_field2 { width: 160px; border: 1px #ddd solid; font-size: 90%; font-size: 90%; padding: 3px; color: #666; }
.form_title3 { color: #4bc8b6; font-size: 110%; padding: 4px 5px 6px 0; float: left; width: 40px; }
.form_field3 { width: 230px; height: 90px; border: 1px #ddd solid;  font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3px; color: #666; }
.btn_submit { text-align: right; padding: 3px 5px 0 0; }

.smalltext { font-size: 90%; }
/* ------------------------------------ 
	Projects and Services Fixed height
----------------------------------------*/
.datacons { min-height: 435px; }


.thankyou { padding: 130px 0 0 0; font-size: 160%; color: #4bc8b6; font-weight: bold; }

.backtohome { margin: 40px 0 0 0; font-size: 130%; } 

/* ----------------------------- 
	clear , image and other 
--------------------------------*/

.googlemap { border: 1px #4bc8b6 solid; margin: 5px 0 0 0; width:300px; height:250px; }

.clear { clear: both; }

img { border: 0; }

.pdf_download { margin: 6px 0 20px 0; }

img.smallimages_space { margin: 0 6px 12px 0; float: left; }

img.smallimages_space_f { margin: 0 6px 12px 0; float: left; }
img.smallimages_space_f2 { margin: 0 6px 12px 0; float: right; }

p.smallimages_space_f { margin: 0 6px 12px 0; text-align:center; font-size: 93%; }

.eventText03 { margin: 30px 0 15px 0; padding: 5px 0 0 0; *margin: 25px 0 20px 0; text-align: center; clear: both; }

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --------------
Sitemap css 
-------------*/

.sitemapColumn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	float:left;
}


.sitemapColumnOther {
	padding-left:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	float:left;
}

div.sitemapHeader a {
	font-weight:bold;
	color:#000000;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.sitemapColumn ul, .sitemapColumnOther ul {
	margin:0;
	padding:3px 0px 0px 0px;
}

.sitemapColumn ul li, .sitemapColumnOther ul li {
	list-style:none;
	margin: 0;
	padding: 0px 0 0 7px;
	font-weight:bold;
	line-height:16px;
}


/* Cloud Services */
.loginbox { display: inline; }
.cloudLogin { width: 190px; border: 1px #e5e5e5 solid; padding: 3px; margin: 0 5px 5px 0; *margin: 0 5px 0 0; color: #666666; font-size: 80%; float: left; height: 13px; }
.hiddenPass { display: none;  width: 190px; border: 1px #e5e5e5 solid; padding: 3px; margin: 0 5px 5px 0; *margin: 0 5px 0 0; color: #666666; font-size: 80%; float: left; height: 13px;  }