@charset "utf-8";

html {
	padding: 0;
	margin: 0;
}

/* container */
#container {
	width: 984px;
	padding: 0;
	margin: 0 auto;
}

/********** HEADER ************************************************************************************************************************/
#header {
	width: 984px;
	height: 160px;
	background-image: url(images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
/* had to add these 2 classes that are usually called .left and .right because somebody added in a left and right class that is not supposed to have been used for the purpose that is was used! RM*/
/*float left*/
.left_float	{float: left;}
/*float right*/
.right_float {float: right;}

/* logo */
.logo {
	float: left;
	padding: 0;
	margin: 40px 0 0 10px;
	width: 304px;
	height: 84px;
}

/* search 
.search { float:right; padding:0; margin:40px 0 0 10px; width:380px;}
.search form { margin:0; padding:0;}
.search input { float:left; border:0;}
.search span { float:left; background:url(images/search_bg.gif) no-repeat left; width:332px; height:35px;}
.search input.text { background:none; width:312px; height:15px; padding:10px; color:#a2a2a2; font:normal 14px Arial, Helvetica, sans-serif;}
.search input.button { float:left;}*/

/* Links */
a:link {
	color: #0093d0;
}

a:hover {
	color: #12235b;
}
/**********************************/

/* Topnav */
.topnav {
	padding: 0;
	margin: 0px;
	width: 551px;
	float: right;
	height: 36px;
}

.topnav ul {
	padding: 44px 0 0 0;
	margin: 0;
	list-style: none;
	border: 0;
	height: 36px;
}

.topnav ul li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.topnav ul li a {
	float: left; /*margin:0 2px 0 0;*/
	margin-top: 75px;
	padding: 14px 0 14px 0;
	color: #000000;
	font: normal 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.topnav ul li a span {
	padding: 14px 12px 14px 15px;
}
/*.topnav ul li a:hover {background:url(images/but_home_over.gif) no-repeat right;}*/
.topnav ul li a:hover#but-home {
	background: url(images/but_home_over.gif) no-repeat right;
	width: 73px;
	margin-right: 2px;
}

.topnav ul li a:hover#but-solutions {
	background: url(images/but_solutions_over.gif) no-repeat right;
	width: 94px;
	margin-right: 2px;
}

.topnav ul li a:hover#but-data-centres {
	background: url(images/but_data_centres_over.gif) no-repeat right;
	width: 117px;
	margin-right: 2px;
}

.topnav ul li a:hover#but-news {
	background: url(images/but_news_over.gif) no-repeat right;
	width: 66px;
	margin-right: 2px;
}

.topnav ul li a:hover#but-contact {
	background: url(images/but_contact_over.gif) no-repeat right;
	width: 97px;
	margin-right: 2px;
}

.topnav ul li a:hover#but-about {
	background: url(images/but_about_over.gif) no-repeat right;
	width: 91px;
	margin-right: 2px;
}

.topnav ul li a#but-home {
	background: url(images/but_home.gif) no-repeat right;
	width: 73px;
	margin-right: 2px;
}

.topnav ul li a#but-solutions {
	background: url(images/but_solutions.gif) no-repeat right;
	width: 94px;
	margin-right: 2px;
}

.topnav ul li a#but-data-centres {
	background: url(images/but_data_centres.gif) no-repeat right;
	/*	*background:url(images/but_data_centres.gif) no-repeat right;
	_background:url(images/but_data_centres.gif) no-repeat right;
	*/
	width: 117px;
	margin-right: 2px;
}

.topnav ul li a#but-news {
	background: url(images/but_news.gif) no-repeat right;
	width: 66px;
	margin-right: 2px;
}

.topnav ul li a#but-contact {
	background: url(images/but_contact.gif) no-repeat right;
	width: 97px;
	margin-right: 2px;
}

.topnav ul li a#but-about {
	background: url(images/but_about.gif) no-repeat right;
	width: 91px;
	margin-right: 2px;
}
/*.topnav ul li a.active {background:url(images/r_topnav.gif) no-repeat right;}*/
/*.topnav ul li a.active span {background:url(images/l_topnav.gif) no-repeat left;}*/
/**********************************/

/********** Left Navigation **********/
/*
#leftnav-followup {
background:#FFFFFF url(images/slider_bg.gif) repeat-y scroll 0 0;
float:right;
height:249px;
margin:10px auto;
padding:0;
width:704px;
}*/
#leftnav-followup {
	background: url(images/menu_tile_content.png) repeat-x;
	padding: 0px;
	height: 277px;
	width: 260px;
	float: left;
	margin: 10px auto;
}
/**********************************/

/********** CONTENT ************************************************************************************************************************/
/********** Main images **********/
#main-image {
	background: url(images/slider_bg.gif) repeat-y;
	margin: 10px auto;
	padding: 0;
	width: 984px;
	height: 249px;
	background-color: #ffffff;
}

#main-image-followup {
	background: url() repeat-y;
	margin: 10px auto;
	padding: 0;
	width: 704px;
	height: 249px;
	background-color: #ffffff;
	float: right;
}
/**********************************/

/*.title_text h2 { padding:2px 10px 0 40px; margin:0; color:#2a2a2a; font:normal 36px Arial, Helvetica, sans-serif;}
.title_text p { float:right; padding:6px 20px 0 10px; color:#2a2a2a; font:normal 11px Arial, Helvetica, sans-serif;}
*/

/* Body */
/*body  { background:url(images/tile_header.jpg) left repeat-x; background-position:top;}*/
body {
	color: #5f5f5f;
	margin: 0;
	padding: 0;
	width: 100%; /*background:#f5faf9 url(images/bg.gif) repeat-x;*/
	background: url(images/tile_header.jpg) left repeat-x;
	background-position: top;
	background-color: #f5faf9;
}

.container-content {
	width: 984px;
	margin-left: auto;
	margin-right: auto;
}

.body {
	width: 100%;
	clear: both;
}

.left {
	width: 321px;
	float: left;
	margin: 0 10px 0 0;
	padding: 10px 0;
}

.left-followup {
	width: 280px;
	float: left;
	margin: 0 10px 0 0;
	padding: 10px 0;
}

.home-content {
	width: 652px;
	float: left;
	margin: -10px 10px 0 0;
	padding: 10px 0;
}

html>body .home-content {
	margin: 30px 10px 0 0;
}

.content {
	width: 690px; /*652px;*/
	float: right;
	margin: 0 10px 0 0;
	padding: 10px 0;
}

hr {
	color: #7e8e97 solid 1px;
	width: 99%;
}

/*.right { width:321px; float:right; padding:10px 0;}*/
.right {
	width: 310px;
	float: left;
	padding: 0px 0;
}

html>body .right {
	width: 290px;
	float: right;
	padding: 40px 0;
}
/**/
.solutions-headings {
	width: 685px;
	background-repeat: repeat-x;
	background-image: url(images/box_tile_grey.gif);
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	float: right;
}

.description-heading h3 {
	margin-top: 50px;
}

.normal {
	font-weight: normal;
}

.body h1 {
	color: #000000;
	font-weight: bold;
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 10px;
	margin: 0;
}

.body h4 {
	color: #00b159;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	margin: 0 0 /*10px*/ 0 0;
}

.body h5 {
	color: #d91c5c;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	margin: 0 0 /*10px*/ 0 0;
}

.body h6 {
	color: #00a096;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	margin: 0 0 /*10px*/ 0 0;
}

.body h2 {
	color: #00719f;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 10px;
	margin: 0;
}

.body h3 {
	color: #12235b /*2a2a2a*/;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	margin: 10px 0 10px 0;
}

.body p {
	color: #5f5f5f;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	padding: 5px 10px;
	margin: 0;
}

.body p.intro { /*color:#808080;*/
	color: #5f5f5f;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

.body p.contact-heading {
	color: #12235b;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	margin-bottom: -10px;
}

.body a {
	color: #0092dd;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	text-decoration: none;
}

.body a:hover {
	color: #12235b;
}

.body img.img {
	float: left;
	padding: 10px;
	margin: 10px;
}

.img-right {
	float: right;
	padding: 10px;
	margin: 20px;
}

.greybg {
	background-image: url(/images/tile_survey.jpg) repeat-x;
}

.black {
	color: #000000;
}

html>body .black {
	color: #000000;
}
/**********************************/
hr {
	border-bottom: 1px solid #ffffff noshade;
	clear: both;
	margin-top: -5px;
}

html>body hr {
	border: 1px solid #ffffff noshade;
	clear: both;
	margin-top: -5px;
}
/**********************************/
a .button {
	background-image: url(images/but_read_more_up.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: left;
	border: 1px solid #000000;
	margin: 2px;
	width: 82px;
	height: 16px;
}

a:hover .button {
	background-image: url(images/but_read_more_over.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: left;
	border: 1px solid #000000;
	margin: 2px;
	width: 82px;
	height: 16px;
}

a.more {
	background: url(images/bullet_image.png) no-repeat;
	padding-left: 16px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #0093d0;
	line-height: 1.8em;
	text-decoration: none;
	margin: 10px;
}

.icon {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 2px;
}

.icon2 {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 65px;
}
/**********************************/

/* Contentboxes */
.contentboxes {
	width: 984px;
	clear: both;
	padding: 0 0 10px 0;
}

.box { /*width:321px;*/
	height: 270px;
	width: 317px;
	margin: 0 10px 0 0;
	float: left;
	background: url(images/box_bg.gif) repeat-y;
	background-color: #dcddde;
	background-position: top;
}

.box2 {
	width: 290px;
	margin: 0 10px 0 0;
	float: left;
	background: url(images/box_bg.gif) repeat-y;
	border: 1px solid #ffffff;
}
/*.box .box-head { background:url(images/box_t.gif) no-repeat top;}*/
.box .box-head-blue {
	background: url(images/box_tile_blue.gif) repeat-x top;
}

.box .box-head-green {
	background: url(images/box_tile_green.gif) repeat-x top;
}

.box .box-head-grey {
	background: url(images/box_tile_grey.gif) repeat-x top;
}

.box .box-content {
	background: url(images/box_tile_content.gif) repeat-x bottom;
	padding: 0 0 10px 0;
	height: 300px;
}

.box .box-content img {
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 15px;
}

.box-content-footer {
	background: url(images/box_tile_reflection.png) repeat-x top;
	height: 29px;
}

.box a:hover {
	color: #12235b;
}

.box h2 {
	margin: 0 0 10px 0;
	padding: 11px 0 11px 20px;
	color: #000000;
	font: normal 18px Arial, Helvetica, sans-serif;
}

.box h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7e8e97;
	margin-bottom: 10px;
	margin-top: 0px;
}

.box img {
	float: left;
	padding: 15px;
}

.box p {
	padding: 5px 20px;
	margin: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	line-height: 1.5em;
}

.box a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #0093d0;
	line-height: 1.8em;
	height: 15px;
}

.box a.more {
	background: url(images/bullet_image.png) no-repeat;
	padding-left: 16px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #0093d0;
	line-height: 1.8em;
	text-decoration: none;
	margin: 20px;
}

.box ul {
	padding: 10px 20px;
	margin: 0;
}

.box ul li {no-repeat left;
	vertical-align: middle;
	margin: 0;
	padding: 3px 0 3px 10px; /*25px;*/ /*border-bottom:1px solid #eaeaea;*/
}

.box ul li a {
	list-style-image: url(images/bullet_image.png) no-repeat left;
	line-height: 1.5em;
	margin: 0;
	padding: 3px 0 3px 10px; /*25px;*/
	text-decoration: none; /*border-bottom:1px solid #eaeaea;*/
}

span {
	margin-top: -10px;
}

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

/* Content 2 columns see homepage */
.half-left {
	width: 50%;
	position: relative;
	float: left;
}

.half-right {
	width: 50%;
	position: relative;
	float: right;
}
/**********************************/

/* Info Panel  (Homepage)*/
.info-panel {
	background: url(images/maverick_stability.png) no-repeat;
	width: 271px;
	height: 96px;
	margin: 10px auto;
}

.info-panel p {
	padding: 5px 10px 0 70px;
	margin: 0;
}
/**********************************/

/* testi */
.testi {
	margin: 20px 0;
	padding: 20px 10px;
	background: url(images/testi.gif) no-repeat top left;
}

.testi p {
	font-style: italic;
}
/**********************************/
/* Links */
a:link li {
	color: #0093d0;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 0;
}

a:hover li {
	color: #12235b;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 0;
}

/* Lists */
/* This class calls an image for li without image*/
.bullet {
	list-style-image: url(images/bullet_circle.png);
	color: 7e8e97;
}
/* .bullet {list-style-image: url(images/bullet_circle.png); list-style-position:inside;} */
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 7e8e97;
	line-height: 1.5em;
}

.lister {
	clear: both;
	border-top: 1px solid #d2d2d2;
	padding: 10px;
}

.lister ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lister ul li {
	background: url(images/lister.gif) no-repeat;
	float: left;
	width: 24px;
	height: 23px;
	margin: 1px;
	text-align: center;
}

.lister ul li a {
	color: #0093d0;
}

.lister ul li a:hover {
	color: #12235b;
}

.lister ul li a.active {
	font-weight: bold;
}
/**********************************/
/******** form fields ***************************/
/* 2 columns for fields next to each other */
.li_col {
 	list-style: none outside none;
    margin-left: 0;
    margin-right: 20px;
    padding: 2px;
    width: 260px;
}



.li_col input, .li_col label	{clear:none; width: 260px; float:left;}
.row	{clear:both;}

/* had to add these 2 classes that are usually called .left and .right because somebody added in a left and right class that is not supposed to have been used for the purpose that is was used! RM*/
/*float left*/
.left_float	{float: left;}
/*float right*/
.right_float {float: right;}

.forms	{
 	list-style: none outside none;
}

/********** FOOTER ************************************************************************************************************************/
.footer-container {
	padding: 0;
	margin: 0;
	background: url(images/tile_footer.jpg) repeat-x;
	height: 187px;
	background-position: bottom;
}

.footer-content {
	width: 984px;
	margin: 0 auto;
	padding: 20px 0;
}

.footer p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	padding: 3px 10px;
	margin: 0;
	line-height: 1.5em;
}

.footer a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #0093d0;
	line-height: 1.8em;
	text-decoration: none;
}

.footer a:hover {
	color: #12235b;
}

.footer p.leftt {
	text-align: left;
	width: 50%;
	margin: 10px 0;
	padding: 10px 0;
	float: left;
}

.footer p.rightt {
	text-align: right;
	width: 50%;
	margin: 10px 0;
	padding: 10px 0;
	float: right;
}

/* Footer Container */
.footer {
	padding: 0;
	margin: 0;
	/*background: url(images/line.gif) top repeat-x; */
}

.footer h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	padding: 10px;
	margin: 0;
}

.footer .footer-nav {
	float: left;
	width: 187px;
	border-left: 1px solid #dedede;
	padding: 0 0 0 40px;
	margin: 10px 0;
}

.footer .subscribe {
	float: left;
	width: 300px;
	margin: 10px 0;
}

.footer .subscribe input.text {
	border: 1px solid #d9d9d9;
	background: #FFF;
}

.footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer ul li {
	background: url(images/foot_nav_sm.gif) no-repeat left;
	padding: 0 20px;
	margin: 0;
}

/* Footer copright */
.copyright {
	color: #7e8e97;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

/* Footer icons */
.icon-telkom {
	width: 64px;
	height: 79px;
	float: right;
}

.icon-do {
	width: 46px;
	height: 79px;
	margin-left: 15px;
	margin-right: 50px;
	float: right;
}

.no-margin {
	margin: 0;
}

.margin-ten {
	margin: 10px;
}

.margin-left-ninety {
	margin-left: 90px;
}

.margin-left-ninety ul li a {
	margin-left: -20px;
}

.margin-bottom-fourty {
	margin-bottom: 35px;
	clear: both;
}

html>body .margin-bottom-fourty {
	margin-bottom: 30px;
	clear: both;
}

p.clear,.clear {
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

li.bg,.bg {
	clear: both;
	border-top: 1px solid #e0e0e0;
	padding: 0;
	margin: 5px 0;
	background: none;
}

/********** PAGE SPECIFIC CLASSES ************************************************************************************************************************/
/********** CONTACT FORM ************************************************************************************************************************/
#contactform {
	margin: 0;
	padding: 5px 10px;
}

#contactform * {
	color: #5f5f5f;
}

#contactform ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contactform li {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	display: block;
}

#contactform li.buttons {
	margin: 5px 0 5px 0;
}

#contactform label {
	margin: 0;
	width: 110px;
	display: block;
	padding: 3px 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	text-transform: capitalize;
}

#contactform label span {
	display: block;
	font: normal 10px Arial, Helvetica, sans-serif;
}

#contactform input.text {
	width: 540px;
	border: 1px solid #d0d0d0;
	margin: 3px 0;
	padding: 5px 2px;
	height: 16px;
	background: #ffffff;
}

#contactform textarea {
	width: 540px;
	border: 1px solid #d0d0d0;
	margin: 3px 0;
	padding: 2px;
	background: #ffffff;
}

#contactform li.buttons input {
	padding: 3px 0;
	margin: 0;
	border: 0;
	color: #FFF;
}

form ul	{position: relative; margin:0; padding:0px;}

p.response {
	text-align: center;
	color: red;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	width: auto;
}

.requiredfields {
	font-weight: bold;
	color: #CC0000;
}

.shiftFormName {
	margin-left: 47px;
}

.shiftFormSurn {
	margin-left: 42px;
}

.shiftFormJob {
	margin-left: 55px;
}

.shiftFormSupport1 {
	margin-left: 50px;
}

.shiftFormRegion {
	margin-left: 40px;
}

.shiftFormSuburb {
	margin-left: 37px;
}

.shiftFormCity {
	margin-left: 67px;
}

html>body .shiftFormSupport1 {
	margin-left: 50px;
}

.shiftFormSupport2 {
	margin-left: 40px;
}

.shiftFormSupport3 {
	margin-left: 35px;
}

.shiftFormSupport4 {
	margin-left: 32px;
}

.but-submit-app_ {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 480px;
}

label {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal
}

legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding: 2px;
}

fieldset {
	border: 1px solid #7f9db9;
	padding: 10px 0px 20px 20px;
	margin: 0px;
}
/** Forms end **/

/*Created on 14 Nov:For bullets with links and without links   */
.bullet {
	list-style-image: url(images/bullet_circle.png);
}

.bullet-image {
	list-style-image: url(images/bullet_image.png);
}

.bullet-image-home {
	list-style-image: url(images/bullet_image.png);
}

.bullet-image-home a {
	margin-left: 0px;
	vertical-align: middle;
}

/** NEWS start **/
.news-blue {
	position: relative;
	float: left;
	height: 42px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
	background-image: url(images/tile_news.gif);
	background-repeat: repeat-x;
	width: 100%;
}

.news-white {
	position: relative;
	float: left;
	height: 40px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #ffffff;
	width: 100%;
}

.news-date-class {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.news-image-class {
	position: relative;
	width: 13px;
	height: 13px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
	border: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	vertical-align: middle;
}

/*** news & Media: Link alignment & attribute class START ***/
html>body .news-anchor-class {
	float: left;
	height: auto;
	margin: -4px 5px 0;
	padding: 0 0 10px;
	position: relative;
	width: 480px;
}

.news-anchor-class {
	float: left;
	height: auto;
	margin: -3px 5px 0;
	padding: 0px 0 10px;
	position: relative;
	width: 480px;
}

/** NEWS end **/

/*Datacentre classes*/
.datacentre-container {
	clear: both;
	float: right;
	margin: 20px 0 10px;
	padding: 0 0 20px;
	width: 98%;
}

html>body .datacentre-photo {
	border: medium none;
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 10px;
	padding: 0;
	width: 138px;
}

.datacentre-photo {
	border: medium none;
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 10px;
	padding: 0;
	width: 138px;
}

.datacentre-photo-250 {
	border: medium none;
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 10px;
	padding: 0;
	width: 256px;
}

.datacentre-text {
	color: #000000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-left: 44px;
	width: 360px;
}

/** Klaas (this class should not have used padding & px)**/
/* Center aligns images */
.center {
	padding-bottom: 0;
	padding-left: 114px;
	padding-right: 114px;
	padding-top: 0;
}

/*Back to top button*/
back-top {
	float: right;
	margin-right: 10px;
}

/*contact us*/
.contact-us-text {
	color: #000000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-left: 14px;
	width: 360px;
}

/* homepage news content */
.content-news {
	float: right;
	margin: 0 2px 0 0;
	padding: 10px 0;
	width: 690px;
}

html>body .content-news {
	width: 690px;
	float: right;
	margin: 0 10px 0 0;
	padding: 10px 0;
}

/*heading for sitemap*/
html>body .sitemap-headings {
	background-image: url(../css/images/box_tile_blue.gif);
	background-repeat: repeat-x;
	float: right;
	text-align: left;
	vertical-align: middle;
	height: 42px;
	margin: 0 -4px -10px;
	padding: 10px 0 0 5px;
	position: relative;
	width: 100%;
}

.sitemap-headings {
	background-image: url(../css/images/box_tile_blue.gif);
	background-repeat: repeat-x;
	float: right;
	text-align: left;
	vertical-align: middle;
	height: 42px;
	margin: 0 -4px -10px;
	padding: 10px 0 0 5px;
	width: 100%;
}

/*sitemap background*/
html>body .sitemap-bg {
	background-image: url(../css/images/box_tile_green.gif);
	background-repeat: repeat-x;
	float: right;
	height: 42px;
	margin: 0 -4px -10px;
	padding: 10px 0 0 5px;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

.sitemap-bg {
	background-image: url(../css/images/box_tile_green.gif);
	background-repeat: repeat-x;
	float: right;
	height: 42px;
	margin: 10px -4px -10px;
	padding: 10px 0 0 5px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

.box .box-head-pink {
	background: url(images/tile_survey_pink.jpg) repeat-x top;
}

.right-no-padding {
	float: right;
	width: 290px;

}