/*
=================
| Main settings |
=================
*/

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

body {
	background-color: #24387F;
	margin: 0px;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size: 76%;
	color: #555;
}

.site {
	width: 960px;
	margin: 0px auto;
}

.clear {
   clear: both;
}

#main_section {
	background-color: #EEEEEE;
	padding: 10px 0px 30px 0px;
}


.divider_blue {
	margin: 10px 0px;
	padding: 0px;
	border-bottom: 1px dotted #009DDC;
}

a {
	outline: none;
}

/*header*/

#header_section {
	background-image: url(/media/graphics/v3_header_background.jpg);
	background-repeat: repeat-x;
	height: 110px;
}

#header_background {
	background-image: url(/media/graphics/v4_header.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 110px;
}

a.home_link {
	display: block;
	width: 161px;
	height: 110px;
	float: left;
	text-indent: -9999px;
}

#header_top {
	position: relative;
	height: 22px;
	float: left;
	width: 790px;
	padding-top: 15px;
	margin-bottom: 13px;
}




#search, #txtSearchOO {
	position: absolute;
	height: 20px;
	border: 0px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	width: 245px;
	right: 30px;
	bottom: 0px;
	outline: none;
	background-image: url(/media/graphics/search_box.jpg);
	color: #24387F;
	font-family: Tahoma, Geneva, sans-serif;
}

#go, #btnSearchOO {
	position: absolute;
	right: 0px;
	bottom: 0px;
	border: none;
	padding: 0px;
	margin: 0px;
	width: 50px;
	height: 20px;
	outline: none;
}

#btnSearchOO {
	background-image: url(/media/graphics/search_button.jpg);
	text-indent: -9999px;
}

a.global_link {
	display: block;
	position: absolute;
	background-image: url(/media/graphics/global.jpg);
	text-indent: -9999px;
	height: 20px;
	bottom: 0px;
	outline: none;
}

a.global_link#be {background-position: 0px 0px; width: 24px; left: 20px;}
a.global_link#fr {background-position: -24px 0px; width: 24px; left: 44px;}
a.global_link#de {background-position: -48px 0px; width: 26px; left: 68px;}
a.global_link#uk {background-position: -220px 0px; width: 24px; left: 20px;}
a.global_link#gc {background-position: -74px 0px; width: 139px; left: 94px;}

a.global_link#be:hover {background-position: 0px -20px; width: 24px; left: 20px;}
a.global_link#fr:hover {background-position: -24px -20px; width: 24px; left: 44px;}
a.global_link#de:hover {background-position: -48px -20px; width: 26px; left: 68px;}
a.global_link#uk:hover {background-position: -220px -20px; width: 24px; left: 20px;}
a.global_link#gc:hover {background-position: -74px -20px; width: 139px; left: 94px;}




/*footer*/


#footer_section {
	background-image: url(/media/graphics/v3_footer_background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #919BBF;
	text-shadow: 1px 1px 0px #1B295F;
	height: 110px;
}

#footer_section div.site {
	background: url(/media/graphics/footer.jpg) no-repeat;
	height: 110px;
}

#footer_section a {
	color: #C8CDDF;
	text-decoration: none;
}

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

a.footer_homelink {
	width: 85px;
	height: 43px;
	margin: 22px 0px 0px 0px;
	display: block;
	text-indent: -9999px;
	float: left;
	background-image: url(/media/graphics/footer_logo.gif);
	background-position: 0px 0px;
}

a.footer_homelink:hover {
	background-position: 0px -43px;
}

a.footer_iconlink {
	display: block;
	width: 142px;
	height: 14px;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 4px 0px;
	background-image: url(/media/graphics/footer_icons.gif);
	background-repeat: no-repeat;
}

a.footer_iconlink#footer_fb {background-position: 0px 0px;}
a.footer_iconlink#footer_rs {background-position: 0px -16px;}
a.footer_iconlink#footer_tw {background-position: 0px -30px;}
a.footer_iconlink#footer_fb:hover {background-position: 0px -42px;}
a.footer_iconlink#footer_rs:hover {background-position: 0px -58px;}
a.footer_iconlink#footer_tw:hover {background-position: 0px -72px;}

	
#footer_left {
	padding: 30px 0px 0px 39px;
	width: 676px;
	float: left;
}


#footer_right {
	padding: 20px 0px 0px 0px;
	width: 160px;
	float: left;
}



/*
=================
| Services 2011 |
=================
*/

.whatnext {
	border: 1px solid #24387F;
	padding: 10px;
	background-color: #E1E7F7;
}

.boxout2011 {
	width: 240px;
	padding: 10px;
	margin: 0px 0px 10px 30px;
	border-bottom: 2px solid #009DDC;
	border-top: 4px solid #009DDC;
	background: url(/media/graphics/side_grey.jpg) top left repeat-y;
	float: right;
}

.boxout2011 h3 {
	border-bottom: 1px dotted #009DDC;
	margin-bottom: 5px;
}

.boxout2011 ul {
	padding: 0px 0px 10px 10px !important;
	margin: 0px;
}

.infobox {
	border: 1px solid #FBAD18;
	padding: 10px;
	background-color: #FEF0D6;
	margin-bottom: 10px;
}

.infobox p {
	margin-bottom: 0px;
}
	
ul.servicestree {
	list-style-type: none !important;
	list-style-image: none !important;
	padding: 0px !important;
	margin-bottom: 10px;
	
}

ul.servicestree li {
	padding: 0px;
	margin: 0px;
	display: block;
}


ul.servicestree a {
	display: block;
	padding: 4px 0px;
	border-bottom: 1px solid #CCC;
}
ul.servicestree a:hover {
	background-color: #DDF5FF;
}
ul.servicestree li a.servicestree_top {
	border-bottom: 1px dotted #24387F;
	font-weight: bold;
	padding-left: 0px !important;
	background-image: none !important;
}
ul.servicestree li.servicestree_active {
	border: 1px solid #FBAD18;
	padding: 5px;
	background: #FEF0D6 url(/services/images/pointservice.jpg) repeat-x;
	background-position: 0px -200px;
	margin: 3px 0px;
}
	

/*
======================
| Primary navigation |
======================
*/

ul#topnav {
	margin: 0;
	padding: 0px;
	float: left;
	width: 790px;
	list-style: none;
	position: relative;
	height: 60px;
}

ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 158px;
	background-image: url(/media/graphics/nav2_links.jpg);
}

ul#topnav li.nav1 {background-position: 0px 0px}
ul#topnav li.nav2 {background-position: -158px 0px}
ul#topnav li.nav3 {background-position: -316px 0px}
ul#topnav li.nav4 {background-position: -474px 0px}
ul#topnav li.nav5 {background-position: -632px 0px}

ul#topnav li.nav1:hover {background-position: 0px -60px}
ul#topnav li.nav2:hover {background-position: -158px -60px}
ul#topnav li.nav3:hover {background-position: -316px -60px}
ul#topnav li.nav4:hover {background-position: -474px -60px}
ul#topnav li.nav5:hover {background-position: -632px -60px}

a.nav_row1 {
	text-align: center;
	font-weight: bold;}

ul#topnav li a {
	height: 30px;
	margin: 0px 10px;
	padding: 8px 0px 0px 0px;
	display: block;
	text-decoration: none;
	outline: none;
	color: #555;
}

ul#topnav li a:hover {
	color: #009DDC;
}

ul#topnav li:hover {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 158px;
}



ul#topnav li span {
	padding: 6px 0px;
	float: left;
	position: absolute;
	left: 0px;
	top:30px;
	display: none;
	width: 790px;
	color: #555;
	height: 18px;
	z-index: 5;
	background-image: url(/media/graphics/v4_nav_lower.jpg);
	background-repeat: repeat-x;
}
ul#topnav li:hover span {
	display: block;
}
ul#topnav li span a {
	display: inline;
	margin: 0px 10px;
	padding: 5px 0px;
	color: #24387F;
	text-decoration: none;
}
ul#topnav li span a:hover { 
	color: #5B6A9F;
	text-decoration: none;
}

li#topnav_current a {
	color: #24387F !important;
}

li.nav1#topnav_current {background-position: 0px -30px !important}
li.nav2#topnav_current {background-position: -158px -30px !important}
li.nav3#topnav_current {background-position: -316px -30px !important}
li.nav4#topnav_current {background-position: -474px -30px !important}
li.nav5#topnav_current {background-position: -632px -30px !important}


#topnav_current span {
	display: block !important;
	z-index: 2 !important;
}

/*
==============
| Text sizes |
==============
*/

p {
	font-size: 1.1em;
}

p,li {
	line-height: 1.4em;
}

p,h1,h2,h3,h4 {
	margin-top: 0px;
}

h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #24387F;
	font-weight: normal;
}
	
h1 {font-size: 2.0em; line-height: 1.2em;}
h2 {font-size: 1.5em; line-height: 1.2em;}
h3 {font-size: 1.3em; line-height: 1.2em;}
h4 {font-size: 1.1em; line-height: 1.2em;}


.big_phone {
	color: #A81940;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	line-height: normal;
}

/*
===============
| Link styles |
===============
*/

.column_600 a,.rightnav a,.column_780 a, .right-contact a, .right-plain a {
	color: #009DDC;
	text-decoration: none;
	
}

.column_600 a:hover,.rightnav a:hover,.column_780 a:hover, .right-contact a:hover, .right-plain a:hover {
	color: #FBAD18;
	text-decoration: none;
}

/*buttons*/

a.button_standard,a.button_moreinfo,a.button_download,a.button_signup,a.button_register,a.button_buyonline,a.button_email,a.button_pdf,a.button_video {
	display: block;
	width: 270px;
	height: 40px;
	padding: 20px 0px 0px 10px;
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #009DDC;
	color: #009DDC;
	text-decoration: none;
	background-image: url(/media/graphics/buttons_sprite.jpg);
	line-height: normal;
}

a:hover.button_standard,a:hover.button_moreinfo,a:hover.button_download,a:hover.button_signup,a:hover.button_register,a:hover.button_buyonline,a:hover.button_email,a:hover.button_pdf,a:hover.button_video {
	color: #FBAD18;
	text-decoration: none;
}

a.button_standard {background-position: 0px 0px;}
a:hover.button_standard {background-position: -280px 0px;}

a.button_moreinfo {background-position: 0px -60px;}
a:hover.button_moreinfo {background-position: -280px -60px;}

a.button_download {background-position: 0px -120px;}
a:hover.button_download {background-position: -280px -120px;}

a.button_signup {background-position: 0px -180px;}
a:hover.button_signup {background-position: -280px -180px;}

a.button_register {background-position: 0px -240px;}
a:hover.button_register {background-position: -280px -240px;}

a.button_buyonline {background-position: 0px -300px;}
a:hover.button_buyonline {background-position: -280px -300px;}

a.button_email {background-position: 0px -360px;}
a:hover.button_email {background-position: -280px -360px;}

a.button_pdf {background-position: 0px -420px;}
a:hover.button_pdf {background-position: -280px -420px;}

a.button_video {background-position: 0px -480px;}
a:hover.button_video {background-position: -280px -480px;}

a.dl200 {
	display: block;
	background-image: url(/media/graphics/dl200.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 158px;
	padding: 8px 35px 9px 7px;
	outline: none;
	background-position: 0px 0px;
	margin-top: 5px;
}

a.dl200:hover {
	background-position: 0px -35px;
	outline: none;
}

a.info200 {
	display: block;
	background-image: url(/media/graphics/info200.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 158px;
	padding: 8px 35px 9px 7px;
	outline: none;
	background-position: 0px 0px;
	margin-top: 5px;
}

a.info200:hover {
	background-position: 0px -35px;
	outline: none;
}

a.vid200 {
	display: block;
	background-image: url(/media/graphics/vid200.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 158px;
	padding: 8px 35px 9px 7px;
	outline: none;
	background-position: 0px 0px;
	margin-top: 5px;
}

a.vid200:hover {
	background-position: 0px -35px;
	outline: none;
}

a.button_small_download {
	display: block;
	width: 120px;
	height: 50px;
	padding: 10px 50px 10px 10px;
	color: #009DDC;
	text-decoration: none;
	background-image: url(/media/graphics/datasheet_button.jpg);
	background-position: 0px 0px;
	line-height: normal;
}

a:hover.button_small_download {
	color: #FBAD18;
	text-decoration: none;
	background-position: 0px -70px;
}

a.meetingbutton {
	display: block;
	width: 160px;
	height: 40px;
	background-image: url(/media/graphics/meeting_buttons.jpg);
	text-indent: -9999px;
	margin-top: 5px;
	padding: 0px;
}

a.meetingbutton#meeting { background-position: 0px 0px;}
a.meetingbutton#question { background-position: 0px -40px;}
a.meetingbutton#contactus { background-position: 0px -80px;}

a.meetingbutton#meeting:hover { background-position: -160px 0px;}
a.meetingbutton#question:hover { background-position: -160px -40px;}
a.meetingbutton#contactus:hover { background-position: -160px -80px;}

a.ccrbutton {
	display: block;
	width: 202px;
	height: 61px;
	padding: 21px 128px 18px 40px;
	background-image: url(/services/solutions/computacenter_recommends/ccr_button.jpg);
	background-position: 0px 0px;
}

a.ccrbutton:hover {
	background-position: 0px -100px;
}


/*agenda icons*/

a.agenda_growth, a.agenda_environment, a.agenda_cost, a.agenda_skills, a.agenda_risk, a.agenda_improvement {
	display: block;
	width: 95px;
	height: 125px;
	background-image: url(/media/graphics/agenda_icons.jpg);
	text-indent: -9999px;
	float: right;
	margin-left: 15px;
}

a.agenda_growth {background-position: 0px 0px;}
a:hover.agenda_growth {background-position: 0px -125px;}

a.agenda_environment {background-position: -95px 0px;}
a:hover.agenda_environment  {background-position: -95px -125px;}

a.agenda_cost {background-position: -190px 0px;}
a:hover.agenda_cost  {background-position: -190px -125px;}

a.agenda_skills{background-position: -285px 0px;}
a:hover.agenda_skills  {background-position: -285px -125px;}

a.agenda_risk {background-position: -380px 0px;}
a:hover.agenda_risk  {background-position: -380px -125px;}

a.agenda_improvement{background-position: -475px 0px;}
a:hover.agenda_improvement {background-position: -475px -125px;}








/*
=========
| Lists |
=========
*/

.column_600 ul,.column_780 ul {
	list-style-image: url(/media/graphics/link_icons/link_chevron.gif);
	padding: 5px 20px;
	margin-left: 0px;
}

.column_600 li,.column_780 li {
	margin-bottom: 5px;
	line-height: 1.4em;
}

/*
================
| Video player |
================
*/

.videobg {
	padding: 5px;
	margin-bottom: 10px;
	background-color:#333;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
}

.videobox {
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.videobox p.video-top,.videobox h2 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

.videobox h2 {
	line-height: normal;
	font-size: 150%;
	font-weight: bold;
	text-align: left;
}

.videobox p.video-bottom {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	text-align: left;	
}

#noflash {
	border: 1px solid #A81940;
	background-color: #FBE1E9;
	padding: 10px;
	text-align: left;
}

.videobox750x404 {
	width: 732px;
	height: 386px;
	padding: 9px;
	margin-bottom: 10px;
	background-image: url(/media/graphics/videobox_750x380.jpg);
	background-repeat: no-repeat;
}

.videobox750x404 a {
	border: 1px solid #CCC;
}

.videogrid {
	padding: 0px !important;
	overflow: auto;
}

.videogrid li {
	width: 340px;
	display: block;
	margin: 5px 12px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #009DDC;
	float: left;
	height: 230px;
}

/*
=================
| News articles |
=================
*/

ul#news_list {
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 5px 0px;
}

ul#news_list li {
	margin: 0px;
	border-bottom: 1px dotted #009DDC;
	padding: 10px 0px;
}

ul#news_list li#item1 {
	border-top: 1px dotted #009DDC;
}

a.addto {
	margin: 3px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 74px;
	outline: none;
	background-image: url(/media/graphics/addthis_sprite.jpg);
}


a.addto#add_rss { background-position: 0px 0px;}
a.addto#add_google { background-position: 0px -20px;}
a.addto#add_yahoo { background-position: 0px -40px;}
a.addto#add_aol { background-position: 0px -60px;}
a.addto#add_more { background-position: 0px -80px;}

a:hover.addto#add_rss { background-position: -74px 0px;}
a:hover.addto#add_google { background-position: -74px -20px;}
a:hover.addto#add_yahoo { background-position: -74px -40px;}
a:hover.addto#add_aol { background-position: -74px -60px;}
a:hover.addto#add_more { background-position: -74px -80px;}
	
/*
===========
| Columns |
===========
*/

/*Main layout*/

.column_180 {
	width: 180px;
	float: left;
}

.column_600 {
	width: 580px;
	float: left;
	padding: 0px 5px 20px 5px;
	margin: 0px 5px;
	background-image: url(/media/graphics/col600_background.gif);
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCC;
}

.column_780 {
	width: 750px;
	float: left;
	padding: 0px 10px 20px 10px;
	margin: 0px 5px;
	background-image: url(/media/graphics/col780_background.gif);
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
}

/*Inline*/
.columns_2 p,
.columns_2_end p,
.columns_3 p,
.columns_3_end p,
.columns_4 p,
.columns_4_end p {
	padding: 0px 5px;
	margin-bottom: 5px;
}

p.column_heading {
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	background-color: #009DDC;
}

a.column_link {
	display: block;
	padding: 5px;
	background-color: #009DDC;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
a:hover.column_link {
	display: block;
	padding: 5px;
	background-color: #FBAD18;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.columns_2 {
	float: left;
	border: 1px solid #009DDC;
	width: 280px;
	margin-right: 16px;
	}
.columns_2_end {
	float: left;
	border: 1px solid #009DDC;
	width: 280px;
	}

.columns_3 {
	float: left;
	border: 1px solid #009DDC;
	width: 180px;
	margin-right: 16px;
	}
.columns_3_end {
	float: left;
	border: 1px solid #009DDC;
	width: 180px;
	}

.columns_4 {
	float: left;
	border: 1px solid #009DDC;
	width: 140px;
	margin-right: 3px;
	}
.columns_4_end {
	float: left;
	border: 1px solid #009DDC;
	width: 140px;
	}

.col3grey_outer {
	overflow: auto;
	background-image:url(/media/graphics/3colgrey.gif);
	background-repeat: repeat-y;
}

.col3grey_12 {width: 223px; padding-right: 16px; padding-left: 10px; float: left;}
.col3grey_3 {width: 222px; float: left; padding-left: 20px; padding-right: 10px;}
	
	
/*
===========================
| Section welcome headers |
===========================
*/


.section_welcome {
	height: 150px;
	margin-bottom: 10px;
	background-position: top right;
	background-repeat: no-repeat;
}

.section_welcome h1 {padding: 0px;}

.section_welcome p {
	padding: 0px;
}



/*
========================
| Left navigation menu |
========================
*/



/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	width: 180px;
	margin-bottom: 20px;
}

/* accordion header */
#accordion h2, #accordion h3 {
	background-image: url(/media/graphics/left_nav.jpg);
	margin:0;
	padding: 8px 10px 0px 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;		
	font-size: 1.1em !important;
	height: 22px;
}
#accordion h2 {cursor:pointer; background-position: 0px -120px;}
#accordion h2:hover {cursor:pointer; background-position: 0px -150px;}
#accordion h2.current {cursor:pointer; background-position: 0px -180px;}
#accordion h2.current:hover {cursor:pointer; background-position: 0px -210px;}

#accordion h3 {cursor:pointer; background-position: 0px 0px;}
#accordion h3:hover {cursor:pointer; background-position: 0px -30px;}
#accordion h3.current {cursor:pointer; background-position: 0px -60px;}
#accordion h3.current:hover {cursor:pointer; background-position: 0px -90px;}

#accordion h2 a, #accordion h3 a, #accordion h2 a:hover, #accordion h3 a:hover {
	color: #FFF;
	text-decoration: none;
}

/* accordion pane */
#accordion div.pane {
	display:none;
	padding:0px;
}

#accordion ul {
	width: 180px;	
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #CCC;
	list-style-type: none !important;
}

#accordion li {
	list-style-type: none !important;
	margin: 0px;
}

#accordion li a {
	display: block;
	background-image: url(/media/graphics/left_nav.jpg);
	outline: none;
	margin: 0px;	
	background-position: 0px -420px;
	padding: 8px 10px;
	color: #009DDC;
	text-decoration: none;
}

#accordion li a:hover {
	background-position: 0px -510px;
	color: #FFF;
	text-decoration: none;
}

#accordion li a.first {
	background-position: 0px -240px;
	color: #009DDC;
	text-decoration: none;
}

#accordion li a.first:hover {
	background-position: 0px -330px;
	color: #FFF;
	text-decoration: none;
}

/*
===========================
| Right navigation column |
===========================
*/

.rightnav {
	width: 180px;	
	padding: 0px 0px 11px 0px;
	margin: 0px 0px 20px 0px;
	background-image: url(/media/graphics/right_nav.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
.rightnav li,.right-contact li, .right-plain li {
	list-style-type: none;
	margin: 0px;
}

.rightnav li.headingright_nolink,.right-contact li.headingright_nolink, .right-plain li.headingright_nolink {
	display: block;
	background-image: url(/media/graphics/right_nav.jpg);
	height: 35px;
	background-position: 0px 0px;
	padding: 8px 0px 0px 10px;
	color: #FFF;
	font-weight: bold;
}

.rightnav li a.headingright,.right-contact li a.headingright, right-plain li a.headingright {
	display: block;
	background-image: url(/media/graphics/right_nav.jpg);
	height: 35px;
	background-position: 0px 0px;
	padding: 8px 0px 0px 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.rightnav li a.headingright:hover,.right-contact li a.headingright:hover,.right-plain li a.headingright:hover {	
	background-position: 0px -46px;
	outline: none;
	color: #FFF;
	text-decoration: none;
}

.rightnav li.right-normal {
	background-image: url(/media/graphics/right_nav.jpg);
	background-position: 0px -103px;
	padding: 0px 10px;
	margin-bottom: 10px;
	line-height: 1.4em;
}

.right-contact li.right-normal {
	background-image: url(/media/graphics/right_nav_contact.jpg);
	background-position: bottom;
	padding: 0px 10px;
	margin-bottom: 10px;
	line-height: 1.4em;
	height: 155px;
}

.right-plain li.right-normal {
	background-image: url(/media/graphics/right_nav_plain.jpg);
	background-position: bottom;
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
	line-height: 1.4em;
}
	
.rightnav li.right-divider {
	background-image: url(/media/graphics/right_nav.jpg);
	background-position: 0px -92px;
	padding: 5px 10px 0px 10px;
	margin-bottom: 10px;
	line-height: 1.4em;
}

ul.right-contact, ul.right-plain {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
}

.rightnav_img_bottom {
	border: 1px solid #666;
	margin-bottom: 5px;
}

.rightnav_img_both {
	border: 1px solid #666;
	margin: 5px 0px;
}

.right-banner {
	margin: 0px 0px 10px 0px;
}

/*
======================
| All Services panel |
======================
*/

.slide-panel {
	z-index: 25;
	width: 5px;
	position: absolute;
}

.bottom {bottom: 0;}

.right {}

.left {position: absolute; left: 0;}

.top {top: 0;}

.content {
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	height: 0;
	width: 100%;
}

.slide-button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 150px;
	z-index: 20;
	cursor: pointer;
	height: 30px;
	padding-top: 10px;
	text-align: center;
}

.slide-button:hover {color: #9f9d8e;}

.msg_list {
	margin: 0px;
	padding: 0px;
	width: 383px;
}

.msg_head {
	cursor: pointer;
	margin: 0px 10px;
}

div.msg_head {
	background-color: #3F3F3F;
	padding: 4px 0px;
}

.msg_body {
	margin: 0px auto 10px auto;
	background-color: #333;
	color: #FFF;
	padding: 10px 0px;
	width: 100%;
	overflow: auto;
	display: none;
}

.msg_body a {
	color: #CCC;
	text-decoration: none;
	display: block;
}

.msg_body a:hover {
	color: #FFF;
	text-decoration: none;
	display: block;
}

.msg_body_column ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.msg_body_column li {
	list-style-type: none;
	padding: 4px;
	border-bottom: 1px dotted #999;
}

.msg_body_column li:hover {
	background-color: #3F3F3F;
}

.msg_body_column {
	width: 220px;
	margin: 0px 8px;
	float: left;
}

.msg_body_subhead {
	border-bottom: 1px solid #009DDC !important;
	font-weight: bold;
}

/*
=================
| Boxout panels |
=================
*/

.boxout220 {
	float: right;
	width: 240px;
	line-height: 1.4em;
	margin: 0px 0px 10px 15px;
	background-image: url(/media/graphics/boxout_220.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 0px;
}

.boxout220 p.boxout_heading {
	padding: 5px 10px;
	background-image: url(/media/graphics/boxout_220.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #FFF;
	font-weight: bold;
	height: 30px;
	display: block;
	margin: 0px !important;
	
}

.boxout220 p.boxout_heading_blank {
	padding: 0px 10px;
	background-image: url(/media/graphics/boxout_220_blankheader.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 6px;
	display: block;
	margin: 0px !important;
}

.boxout280 {
	float: right;
	width: 300px;
	line-height: 1.4em;
	margin: 0px 0px 10px 15px;
	background-image: url(/media/graphics/boxout_280.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 0px;
}

.boxout280 p.boxout_heading {
	padding: 5px 10px;
	background-image: url(/media/graphics/boxout_280.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #FFF;
	font-weight: bold;
	height: 30px;
	display: block;
	margin: 0px !important;
	
}

.boxout280 p.boxout_heading_blank {
	padding: 0px 10px;
	background-image: url(/media/graphics/boxout_280_blankheader.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 6px;
	display: block;
	margin: 0px !important;
}


.boxout220 p.boxout_subheading, .boxout280 p.boxout_subheading {
	padding: 5px 10px;
	background-color: #009DDC;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 5px;
}

.boxout220 p, .boxout280 p {
	margin: 0px 1px;
	padding: 0px 5px 5px 5px;
}

.boxout220 img, .boxout280 img {
	margin-left: 1px;
}

p.divider {
	background-image: url(/media/graphics/divider.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 5px;
	margin: 0px 1px;
}

.boxout220_noborder {
	float: right;
	width: 240px;
	line-height: 1.4em;
	margin: 0px 0px 10px 15px;
	padding: 0px 0px 10px 0px;
}


.boxout280_noborder {
	float: right;
	width: 300px;
	line-height: 1.4em;
	margin: 0px 0px 10px 15px;
	padding: 0px 0px 10px 0px;
}

/*
========================
| Quotation paragraphs |
========================
*/

.quote-source {
	margin-top: 0px;
	padding: 0px 10px !important;
	text-align: right;
}


.quote_open {
	background-image: url(/media/graphics/quote-open.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.quote_close {
	background-image: url(/media/graphics/quote-close.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 20px;
	color: #24387F;
}

.quote_close p {margin: 0px !important;}

/*
=============
| CTA panel |
=============
*/

.cta_panel {
	background-image: url(/media/graphics/cta_panel.jpg);
	background-position: top;
	width: 580px;
	padding-top: 5px;
}
.cta_panel div.cta_panel_end {
	height: 10px;
	background-image: url(/media/graphics/cta_panel.jpg);
	background-position: bottom;
}

.cta_panel p {
	padding: 10px;
	margin: 0px;
}

.cta_panel h1 {	
	padding: 0px 10px;
	margin: 0px;
	font-size: 200%;
	color: #A81940;
}

/*
================
| Image styles |
================
*/

.img_border-grey {
	border: 1px solid #666;
}

.img_border-grey-left {
	border: 1px solid #666;
	float: left;
	margin: 0px 10px 10px 0px;
}

.img_border-grey-right {
	border: 1px solid #666;
	float: right;
	margin: 0px 0px 10px 10px;
}

.img_noborder-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.img_noborder-right {
	float: right;
	margin: 0px 0px 10px 10px;
}

.img_hover {
}


.img_hover-left {
	border: 1px solid #666;
	float: left;
	margin: 0px 10px 10px 0px;
}

.img_hover-right {
	border: 1px solid #666;
	float: right;
	margin: 0px 0px 10px 10px;
}

a.img_hover-left:hover, a.img_hover-right:hover, a.img_hover:hover {
		filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
}





/*
==============
| Breadcrumb |
==============
*/

#breadcrumb {
	border-bottom: 1px dotted #009DDC;
	margin: 5px 0px;
	height: 24px;
	font-size: 0.8em;
}

#email_print {
	float: right;
	margin-left: 10px;
}

#email_print a {outline: none;}

/*
============
| Tooltips |
============
*/

.tooltip { 
    width:150px; 
    color:#24387F;
	display: none;
	z-index: 90;
}

.tooltip_contents {
	background-image: url(/media/graphics/tooltip_body.gif);
	background-position: top;
	padding: 5px 5px 0px 5px;
	text-align: center;
}

.tooltip-global {
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #009DDC;
	color: #FFF;
	display: none;
	z-index: 90;
}


/*
================
| Tab sections |
================
*/




/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding: 0px 0px 0px 10px;	
	border-bottom:1px solid #CCC;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/media/graphics/tabs.jpg) no-repeat -422px 0;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 131px;
	text-align:center;	
	text-decoration:none;
	color:#555;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	outline: none;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -422px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -422px -62px;		
	cursor:default !important; 
	color:#009DDC !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px;
}



/*
=====================
| Proposition lists |
=====================
*/



#services_list {
	width: 180px;	
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #CCC;
	list-style-type: none !important;
	list-style-image: none !important;
	float: right;
}

#services_list li {
	margin: 0px;
}

#services_list li.currentservice {
	display: block;
	background-image: url(/media/graphics/left_nav.jpg);
	outline: none;
	margin: 0px;	
	background-position: 0px -420px;
	padding: 8px 10px;
	color: #24387F;
	text-decoration: none;
}

#services_list li a {
	display: block;
	background-image: url(/media/graphics/left_nav.jpg);
	outline: none;
	margin: 0px;	
	background-position: 0px -420px;
	padding: 8px 10px;
	color: #009DDC;
	text-decoration: none;
}

#services_list li a:hover {
	background-position: 0px -510px;
	color: #FFF;
	text-decoration: none;
}

#services_list li a.first {
	background-position: 0px -240px;
	color: #009DDC;
	text-decoration: none;
}

#services_list li a.first:hover {
	background-position: 0px -330px;
	color: #FFF;
	text-decoration: none;
}

#services_list li a.heading, #services_list li a.heading:hover {
	background-position: 0px -510px;
	color: #FFF;
	text-decoration: none;
}

#services_list li a.download {
	height: 54px;
	background-image: url(/media/graphics/datasheet_button.jpg);
	text-decoration: none;
	padding: 8px 53px 8px 10px;
	background-position: 0px 0px;
}
#services_list li a.download:hover {
	background-position: 0px -70px;
	color: #FBAD18;
}


/*
====================
| Services homepage |
====================
*/

.service_box {
	width: 240px;
	float: left;
	margin: 0px 0px 9px 9px;
	display: inline;
}

.service_box h2 {
	height: 70px;
	padding: 5px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 0px !important;
}


.service_box p.divider {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin: 0px !important;
	height: 150px;
}

.service_box a.service_image, .service_box a.service_image:hover {
	display: block;
	height: 50px;
	font-size: 20px;
	padding: 100px 5px 10px 5px;
	background-color:#333;
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFF !important;
}

.service_box a.service_image span {background-color: #009DDC;}
.service_box a.service_image:hover span {background-color: #FBAD18;}

.service_box h2 a:hover {filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}

#m1 {background-image: url(/services/images/m1.jpg);}
#m2 {background-image: url(/services/images/m2.jpg);}
#m3 {background-image: url(/services/images/m3.jpg);}

#t1 {background-image: url(/services/images/t1.jpg);}
#t2 {background-image: url(/services/images/t2.jpg);}
#t3 {background-image: url(/services/images/t3.jpg);}
#t4 {background-image: url(/services/images/t4.jpg);}
#t5 {background-image: url(/services/images/t5.jpg);}
#t6 {background-image: url(/services/images/t6.jpg);}

#s1 {background-image: url(/services/images/s1.jpg);}
#s2 {background-image: url(/services/images/s2.jpg);}
#s3 {background-image: url(/services/images/s3.jpg);}
	


/*
===============
| Google maps |
===============
*/

#map {
	width: 748px;
	border: 1px solid #555;
	height: 500px;
	margin-bottom: 10px;
}


/*
============
| Overlays |
============
*/

 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    height:421px; 
    overflow-y:auto; 
}
/* the overlayed element */
.overlay {
	
	/* initially overlay is hidden */
	z-index: 99999;
	display:none;
	
	background-image: url(/media/graphics/overlay.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:620px;		
	
	/* some padding to layout nested elements nicely  */
	padding:20px;

}

/* default close button positioned on upper right corner */
.overlay div.close {
	position:absolute; right:0px; top:0px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/*
=========
| Forms |
=========
*/


.standard_form span.red {color: #F00; font-weight: bold;}

.standard_form input {
	border: 1px solid #009DDC;
	color: #24387F;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 3px;
	outline: none;
}

#form_topleft {background-image: url(/media/graphics/form_topleft.jpg); background-repeat: no-repeat; background-position: top left;}
#form_topright {background-image: url(/media/graphics/form_topright.jpg); background-repeat: no-repeat; background-position: top right;}

.table_background {background-image: url(/media/graphics/form_mainbg.jpg); background-repeat: repeat-x;}

#btnSubmit {
	color: #FFF !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	padding: 10px;
	outline: none;
	border: none !important;
	background-image: url(/media/graphics/contactform_submit.jpg);
	width: 190px;
	height: 60px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #009DDC;
}

#btnSubmit:hover {
	background-position: 0px -60px;
}

.form_submit {border-top: 1px dotted #009DDC;}

.form_intro {
	background-image: url(/media/graphics/form_intro.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	font-weight: bold;
	padding-left: 10px;
}

a#lnkbtForceDownload {
	display: block;
	color: #009DDC !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 3px 10px;
	outline: none;
	border: 1px solid #24387F !important;
	background-image: url(/media/graphics/form_button.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #FFF;
}



/*
=================
| Toggle panels |
=================
*/


h2.trigger {
	padding: 5px 5px 5px 80px;
	margin: 5px 0 5px 0;
	background-image: url(/media/graphics/toggle.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 665px;
	font-weight: normal;
	float: left;
	line-height: 40px;
}
h2.trigger a {
	color: #009DDC;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #FBAD18; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	padding: 0;
	border: 1px solid #CCC;
	overflow: hidden;
	width: 748px;
	clear: both;
}
.toggle_container .block {
	padding: 10px; /*--Padding of Container--*/
}


/*
==========================
| Careers portal headers |
==========================
*/

#header_background_careers_ext {
	background-image: url(/media/graphics/careers_header_ext.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 110px;
}

#header_background_careers_int {
	background-image: url(/media/graphics/careers_header_int.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 110px;
}


/*
=====================
| Case studies 2011 |
=====================
*/


.boxout2011left {
	width: 240px;
	padding: 5px 10px;
	margin: 0px 20px 10px 0px;
	float: left;
}

.boxout2011left h3 {
	margin-bottom: 3px;
}

.boxout2011left ul {
	margin: 0px;
}

.casestudyh1 {
	font-size: 3.0em;
}

.casestudyintro {
	float: left;
	width: 470px;
}

#cs_seperator {
	margin-bottom: 50px;
}

.cs_quote {
	margin-top: 250px;
}