/* CSS Document */

body { margin:0; padding:0; background: url(images/body_lines1.png) top left no-repeat; width:100%; font-family: Tahoma, "Lucida Grande",  "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
 }
html {
	height: 100%;
	min-height: 100%;
	margin: 0 0 0.1em;
	padding: 0;
	overflow-y: scroll;
	background: #0067ac;
}
.clr {clear:both; padding:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/* header */
.header { width:1024px; margin:0 auto; padding:0;}

#topper { width:455px; height:35px; float:right; padding-top:15px; margin-right:5px; margin-right:20px; }
form#cse-search-box { float:right; position:relative; clear:none; width:225px; padding-top:1px;}
form#cse-search-box input#Q { float:left; clear:none; color:#fff; background-color: #373737; border: 1px solid #858585; font-weight:bold; height:16px; padding-left:5px; }
form#cse-search-box input#S { float:left; clear:none; padding-top:2px; margin-left:10px;}
#flags { position: relative; float: left; clear: none; margin:0 15px 0 0; }
#flags #en, #flags #de, #flags #fr, #flags #nl { clear: none; padding: 2px 5px 0 5px; }
#flags #en a { background: url(images/flags/flag_us.gif) no-repeat 0 0; text-decoration: none; }
#flags #en a:hover { background: url(images/flags/flag_us_lt.gif) no-repeat 0 0; }
#flags #de a { background:transparent url(images/flags/flag_ger.gif) no-repeat 0 0; text-decoration: none; }
#flags #de a:hover { background:transparent url(images/flags/flag_ger_lt.gif) no-repeat 0 0; }
#flags #fr a { background:transparent url(images/flags/flag_fra.gif) no-repeat 0 0;  text-decoration: none; }
#flags #fr a:hover { background:transparent url(images/flags/flag_fra_lt.gif) no-repeat 0 0; }
#flags #nl a { background:transparent url(images/flags/flag_net.gif) no-repeat 0 0;  text-decoration: none; }
#flags #nl a:hover { background:transparent url(images/flags/flag_net_lt.gif) no-repeat 0 0; }
#flags #es a { background:transparent url(images/flags/flag_es.gif) no-repeat 0 0;  text-decoration: none; }
#flags #es a:hover { background:transparent url(images/flags/flag_es_lt.gif) no-repeat 0 0; }
.navigation { width:994px; height:94px; margin:0 auto; padding:0; background: url(images/logo_bg.gif) no-repeat;}
.logo { width:182px; height:51px; margin:22px 0 0 21px; padding:0; float:left;}
/* menu */
.menu { width:685px; margin:30px 0 0 0; padding:0 5px 0 0; float: right;}
.menu ul { float:left; margin:2px 0 0 0; padding:0; list-style:none;}
.menu li { float:left; margin:0; padding:0 0px 0 5px; color:#a6a6a6; float:left; /*background:url(images/m_l.gif) no-repeat right;*/}
.menu a { line-height:16px; float:left; font: normal 0.9em Tahoma, "Lucida Grande",  "Lucida Sans Unicode",Tahoma, Geneva, sans-serif; color:#383838; margin:0 0px; padding:6px 0 10px 0; text-decoration:none;}
.menu a span { padding:6px 6px 10px 6px; letter-spacing: -0.2px}
.menu a:hover { background:url(images/l_m_h.gif) no-repeat left top; color:#fff;}
.menu a:hover span {color:#fff; background:url(images/r_m_h.gif) no-repeat right top;}
.menu a.active { background: url(images/l_m.gif) no-repeat left top; color:#fff;}
.menu a.active span { background:url(images/r_m.gif) no-repeat right top;}

/* header_text */
.header_text { margin:5px auto; width:988px; height:365px; padding:0; }
.header_text strong { display:block; margin:-190px 420px 0 75px; color:#333333; font:normal 14px Tahoma, "Lucida Grande",  "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif; line-height:18px; text-align: right; }
.header_text span { display:block; color:  #0067AC; font:normal 30px Tahoma, "Lucida Grande",  "Lucida Sans Unicode", Verdana, Geneva, sans-serif;  letter-spacing: 0.1em;  line-height:36px; padding:0px 0 10px 0;}
.header_text strong a {text-decoration: underline; color:#0067ac;}
.header_text strong a:hover {text-decoration: none;  color:#208fa1;}
/*content*/
.content { width:988px; margin:5px auto 0px auto; padding:10px 0 ; border:1px solid #6a6a6a; background:#373737; }
.content h2 { font:normal 24px Tahoma, Tahoma, Helvetica, sans-serif; color:#f3f4f4; padding:0px 0 30px 50px; margin:0;}
.content p { font:normal 12px Tahoma, Geneva, sans-serif;color:#fff; }
.content a { font:normal 12px Tahoma, Geneva, sans-serif; color:#2bb9c5; text-decoration:none;}
.content p a { float:right;}
p.more-info a { background:url(images/more_info_button_off.gif) no-repeat left top; color:#fff; width: 93px; height: 26px;font-size: 0.9em; font-weight: bold; text-align: center; padding: 5px 0; margin-bottom: 0px; }
p.more-info a:hover { background:url(images/more_info_button_over.gif) no-repeat left top; width: 93px; height: 26px;}
.content .Ser { font:normal 12px Tahoma, Helvetica, sans-serif;float:left; width:288px; margin:0; padding:10px 20px 0 20px; height:180px;}
.content .Ser ul, .content .Ser p, .content .What p, .content .Feed  p {height:90px; margin-top:0; margin-bottom: 0; padding-bottom: 0px;} 
.content .Ser p.more-info, .content .What p.more-info, .content .Feed p.more-info {height:30px;}
.content .Ser ul { height:75px; font:normal 12px Tahoma, Geneva, sans-serif;margin:0 auto; padding:0px 0 0 0;  color:#fff; list-style:none;}
.content .Ser li { background:url(images/bg_ul_li.jpg) left no-repeat; padding:2px 0 2px 30px; margin:0; }
.content .Ser h2 { background:url(images/h2_Serv.jpg) left top no-repeat; padding-bottom: 5px;}
.content .Ser img { padding: 0 0 10px 10px; border: none;}
.content .Ser img a, .content .Ser img a:hover, .content .Ser img a:visited {text-decoration: none; border: none;}
.content .What   {float:left; width:288px; border-left:1px  solid #6d6d6d; margin:0; padding:10px 20px 0 20px;height:180px;}
.content .What  h2 { background:url(images/h2_what.jpg) left top no-repeat; padding-bottom: 10px;}
.content .Feed {float:right; width:288px; border-left:1px  solid #6d6d6d; margin:0; padding:10px 20px 0 20px;height:180px;}
.content .Feed h2 { background:url(images/h2_Feed.jpg) left top no-repeat; padding-bottom: 10px;}
p {font:normal 12px  Tahoma, Helvetica, sans-serif; color:#6f6f6f; padding: 10px 5px; margin:0; line-height: 1.6em; clear: both;}
/* body */
.body { width:994px; margin:5px auto 0 auto; padding:0; background: url(images/body_bg.jpg) top repeat-y; }
.body h1 { font: normal 30px  Tahoma, Helvetica, sans-serif; color:#636365; padding:10px 0 5px 10px; margin:0; border-bottom:1px  solid #cccccc;}
.body h2 { font: normal 20px  Tahoma, Helvetica, sans-serif; color:#636365; padding:10px 0 5px 10px; margin:0; border-bottom:1px  dotted #cccccc; clear: both;}
.body h3 { font: normal 24px  Tahoma, Helvetica, sans-serif; color:#636365; padding:10px 0 5px 10px; margin:0; border-bottom:1px  solid #cccccc;}
.body h4 { font: normal 20px  Tahoma, Helvetica, sans-serif; color:#636365; padding:10px 0 5px 10px; margin:0; border-bottom:1px  dotted #cccccc; clear: both;}
.body h2 a { font: normal 20px  Tahoma, Helvetica, sans-serif; color:#0067ac; text-decoration:none;}
.body h3 a { font-size: 0.70em; font-variant: small-caps; text-transform: uppercase; letter-spacing: 0.2em;line-height: 1.6em; }
.body h4 a { font: normal 20px  Tahoma, Helvetica, sans-serif; color:#0067ac; text-decoration:none;}
.body p {font:normal 12px  Tahoma, Helvetica, sans-serif; color:#6f6f6f; padding: 10px 5px; margin:0; line-height: 1.6em; clear: both;}
.body span { color:#6f6f6f; font:bold 12px Helvetica, "Times New Roman", Times, serif;}
.body a { color:#0067ac; font: 12px Tahoma, Helvetica, sans-serif; letter-spacing: 0.2em;}
.body a:hover { color:#208fa1; letter-spacing: 0.2em; }
.body img { float:left; margin:0; padding:0; }
/*main_body*/
.main_body { width:500px; padding:0 10px 20px 20px; margin:10px 0 0 15px; float:left; border-left:1px  solid #ebebeb;}
.main_body ul { font:normal 12px Tahoma, Helvetica, sans-serif; color:#0067ac; padding:5px 0; margin:0;}
.main_body p { font:normal 12px Tahoma, Helvetica, sans-serif; color:#6f6f6f; line-height:1.6em; padding:15px 0 0 0}
.main_body em { font:italic bold  12px Tahoma, Helvetica, sans-serif; color:#4e4e4e; float:right;}
.main_body li {padding:5px 0; margin:0;}
.main_body ul { width:300px; font: normal 12px Tahoma, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}
.main_body li { padding:0 0 0 30px; margin:0;}
.main_body .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.main_body .blog img { float:left; margin:20px; padding:0;}
.main_body a {font: 12px Tahoma, Helvetica, sans-serif; color:#0067ac; margin:0; padding:5px; text-decoration: underline;}
.main_body img { padding:0; margin:10px 15px 10px 15px; border:none;}
.main_body .More { background:#baa271; float:right; width:80px; text-align:center;  padding:5px 8px; margin:0 0 10px 0;}
.main_body .More a { font:normal 12px Tahoma, Helvetica, sans-serif; color:#fff; text-decoration:none; text-align:center;}
.Video { width:664px; padding:20px 0px; margin:0 165px; }
/*Services*/
#Breadcrumbs { margin: 5px 0 15px 5px;}
.Services { width:640px; padding:0 20px 20px 20px; margin:10px 0 0 10px; float:left; clear:none;}
.Services ul { font:normal 12px Tahoma, Helvetica, sans-serif; padding:5px 0; margin:0;}
.Services p, .Services ul { font:normal 12px Tahoma, Helvetica, sans-serif; color:#6f6f6f; line-height:1.6em; clear: both;}
.Services em { font:italic bold  12px Tahoma, Helvetica, sans-serif; color:#4e4e4e;}
.Services  li {  padding:0 0 0 30px; margin:0;}
.Services ul { list-style: disc inside; }
.Services li.tick { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;}
.Services .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.Services .blog img { float:left; margin:20px; padding:0;}
.Services a {font-weight: normal; color:#0067ac; }
.Services a u em {font-style: normal; font-weight: normal; color:#0067ac; margin:0; padding:0; text-decoration:none;}
.Services a:hover, .Services a:hover u em  {font-weight: normal; color:#208fa1; text-decoration: none; }
.Services img { padding:0; margin:10px 15px 10px 15px; border:none;}
.left img a { padding:0; margin:0px 5px 0px 10px; border:none; vertical-align: middle;}
.white_papers, .resources, .partners { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; float: left; padding: 0px 10px 0 0; margin: 5px 0; width: 100%; }
.Services .white_papers img {float: left; margin-right: 10px; margin-top: 0px; }
.white_papers p { float: left; clear: none; width: 420px; line-height: 1.6em; }
.white_papers h3 { float: left; font-size: 1.0em; margin-top: 20px; border: none; width: 420px; }
.resources h3 { float: left; font-size: 1.0em; margin-top: 0px; border: none; width: 450px; }
.resources img {float: left; margin-right: 20px; margin-top: 20px; }
.resources p { float: left; clear: none; width: 450px; line-height: 1.6em; }
.partners h3 { float: right; font-size: 1.0em; margin-top: 0px; border: none; width: 400px; }
.partners img {float: left; margin-right: 10px; margin-top: 20px; }
.partners p { float: right; clear: none; width: 400px; line-height: 1.6em; }
/* News*/
.News {padding:0 10px; margin:10px 0 0 20px !important; margin:10px 10px 0 10px; width:390px; float:left;}
.News p { font:normal 12px Tahoma, Helvetica, sans-serif; color:#666666; clear:both; padding: 15px 0 0 0; line-height:1.6em;}
.News a { color:#0067ac; text-decoration:none;}
.News a :hover {border-bottom: 1px dotted #208fa1; text-decoration:none;}
.News .data { float:left; font:normal 14px  Tahoma, Helvetica, sans-serif; color:#2c2c2c; background:#e5e5e5; text-align:center; margin:10px 5px 0 0px; padding:5px 5px;}
.News .title { float:right; font: bold 14px Tahoma, Helvetica, sans-serif; color:#2c2c2c; margin:10px 0px 0 0px; padding:5px 0;}
/*Syb*/
#left {width: 260px; float:left;}
.Syb {padding:0 5px 0 10px; margin:30px 0 20px 20px; width:240px; float:left; clear: none;}
.Syb ul { padding:0; margin:0;}
.Syb li { border-bottom: 1px solid #e3e3e3; list-style:none; background:url(images/Sub_li.jpg) left no-repeat; padding:3px 0 6px 20px; margin:0; line-height: 24px;}
.Syb a { font:normal 12px Tahoma, "Lucida Grande",  "Lucida Sans Unicode", sans-serif; color:#3a3c3c; text-decoration:none;}
.Syb a:hover, .Syb ul li a.here { color:#0067ac; text-decoration:underline; font-weight: normal;}
.casestudy_rotation_holder {padding:0 5px 0 10px; margin:30px 0 0 15px; width:235px; float:left; clear: left;}
.casestudy_rotation_item { border: 1px solid #e8e8e8; padding: 5px;}
.casestudy_rotation_item img { padding:10px 5px 0 10px;}
.casestudy_rotation_item p { font:normal 12px Tahoma, Helvetica, sans-serif; color:#6f6f6f; line-height: 1.6em; }
/*Contact_Info*/
.Contact_Info {padding:0 20px; margin:10px 0 0 20px; width:180px; float:left;}
.Contact_Info p { font:normal 12px Tahoma, Helvetica, sans-serif; color:#6f6f6f;}
.Contact_Info a { color:#2bb9c5; text-decoration:none; font:normal 12px Tahoma, Helvetica, sans-serif; text-decoration:none;}
/*Contact*/
.Contact { width:547px; padding:0 20px; margin:5px 0 5px 0; float:left;}
/*search*/
#cse-search-results { padding: 20px 50px;}
/* Conatct Form */
.response { font:normal 12px Tahoma, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Tahoma, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Tahoma, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 10px Tahoma, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#151515; border:1px solid #000; color:#FFF; float:left;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px   Tahoma, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}
/* Tables */
table { font:normal 12px Tahoma, Helvetica, sans-serif; color:#6f6f6f; line-height: 1.6em; margin:10px 0;}
th {  padding: 10px 0 5px 10px;text-align: left; background-color: #E3EBBA; border:none; font-size: 1.0em; font-variant: small-caps; text-transform: uppercase; letter-spacing: 0.2em;}

td { border-bottom: 1px solid #e5e2ea; padding: 10px 0 5px 10px;}
td.odd { border:none; background-color: #ECF1F7; }
td.even { border:none; background-color: #C1D2E6; }
td a { font-size: 1.8em; font-variant: small-caps; text-transform: uppercase; letter-spacing: 0.2em;line-height: 1.6em; }
td a:hover {text-decoration:none;}
/* footer */
#footer { width:968px; margin:5px auto 10px auto; padding: 0 10px 0 10px; font: normal 0.80em Tahoma, Geneva, sans-serif; color:#fefefe; border:1px solid #6a6a6a; background:url(images/plain_footer.jpg) no-repeat left top; height:128px;}
#footer ul { list-style-type: none; margin: 0; padding: 10px 0 0 0; float:left; clear:left; } 
#footer ul li { float: left; list-style-type: none; }
#footer ul li a { font: normal 1.0em Tahoma, Geneva, sans-serif; sans-serif;color: #fefefe; text-decoration: none; } 
#footer ul li a:hover { border-bottom: 1px dotted #fefefe; color:#fefefe;} 
#footer ul li span { margin-left: 5px; margin-right: 5px; } 
#footer span.contact { float: left; clear: none; padding-top: 10px; }
#footer span.ctac img { float: right; clear: right; margin:15px 105px 0 0; border:none; text-decoration:none  }
#footer span.copyright { float: left; clear: left; padding-top: 10px; }
#footer p {padding: 10px 10px; margin:0; }
#footer span.valid { float: right; padding-top: 30px; clear: right; }
#footer span.valid a img { float: right; padding-left: 10px; text-decoration: none; border: none; }
#footer a {font: normal 12px  Tahoma, Geneva, sans-serif; color:#fefefe;}
/* Home Page Slideshow */
#slider { margin:0;	padding:0; list-style:none; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }

#slider li, #slider div { width:988px; height:365px; overflow:hidden; }
#slider li a {color: #0067ac; text-decoration: underline;}
#slider li a:hover {color: #208fa1; text-decoration: none;}
#slider li span a {color: #0067ac; text-decoration: none;}
#slider li span a:hover {color: #208fa1; text-decoration: none;}

p#controls { margin:0; position:relative; }
#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; width:30px; height:77px; position:absolute; left:0; top:-205px; }
#nextBtn { left:958px; }
#prevBtn a { display:block; width:30px; height:55px; background:url(images/spacer.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:30px; height:55px; background:url(images/spacer.gif) no-repeat 0 0; }
/* Misc. */
.centred { text-align:center; margin:10px auto; padding:0px; clear:both; }
.Services h2 a:hover, .Services h4 a:hover { font-weight: normal; }
.mgmt { padding: 5px 0 10px 0; float: left; position: relative; border-bottom:1px  dotted #cccccc; margin: 0 0 15px 0;}
.mgmt h3 { float: left; font-size: 0.86em; margin: 0 0 10px 0px; border: none; width: 670px; letter-spacing: 0.25em; font-weight: bold; }
.mgmt img {float: left; margin: 15px 20px 0 5px; }
.mgmt p { float: right;  width: 490px; line-height: 1.6em; clear: none; margin-right: 25px; }

/* @group Image Slider */

#introslider {
	clear: left;
	float: left;
	height: 365px;
	margin: 0px;
	padding: 0;
	overflow: hidden;
	width: 988px;
	background-color: #e6ecf0;

}

#introsliderContent {
	overflow: hidden;
	width: 988px;
}

.introsliderImage {
	display: none;
	float: left;
	position: relative;
}

.introsliderImage img {
	margin: 0;
	padding: 0;
}

.introsliderImage span {
	background-color: #7d8aa2;
	color: #fff;
	display: none;
	font-size: 1.6em;
	overflow: hidden;
	padding: 30px 20px 20px;
	position: absolute;
	width: 988px;
}

.introsliderImage span.left {
	background-color: #719bbf;
	color:#0067ac ;
	display: none;
	overflow: hidden;
	padding: 130px 0 30px 50px;
	position: absolute;
	width: 988px;
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;
    font-size: 0.9em;
    font-family: Tahoma, Helvetica, sans-serif;	
}
.introsliderImage span.left h1 {}
.introsliderImage span.left p {	font-size: 1.0em; color:#6f6f6f;}
.introsliderImage span.left a { color:#2bb9c5; text-decoration:none; }
.introsliderImage span.left a:hover {color: #208fa1; text-decoration: none;}
.clear {
	clear: both;
}

.introsliderImage span strong {
	font-size: 2.5em;
	font-style: normal;
	font-weight: normal;
	line-height: 3em;
	letter-spacing: -2px;
}

.introsliderImage span {
	font-size: 1.7em;
}

.introsliderImage span em {
	color: #cacfd7;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
}

.left {
	height: 365px;
	left: 0;
	top: 0;
	width: 525px !important;
}

.right {
	border-left: 1px solid #929bad;
	bottom: 0;
	height: 365px;
	right: 0;
	width: 190px !important;
}

.bottom {
	height: 50px;
	right: 0;
	width: 988px;
	margin-top: -500px;
	left: 0;
}

#introslider ul {
	list-style: none;
		margin: 0;
	padding: 0;
}

/* Misc */

img.centeredImage    {
display: block;
    margin-left: auto;
    margin-right: auto 
    }

/* --- Images --- */


img.borderedImagel    {

	display: block;

	clear: both;

        float: left;

        padding: 5px;

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #cccccc;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

	border-left: 1px solid #e6e6e6;

	border-right: 1px solid #e6e6e6;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



img.borderedImager    {

	display: block;

	clear: none;

        float: right;

        padding: 5px;

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #cccccc;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

	border-left: 1px solid #e6e6e6;

	border-right: 1px solid #e6e6e6;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

img.borderedImagec    {
	
	display: block;

	clear: none;

        float: center;
		
	     padding: 5px;

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #cccccc;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

	border-left: 1px solid #e6e6e6;

	border-right: 1px solid #e6e6e6;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}


/* @end */

