@charset "ISO-8859-1";

body, html {
	margin: 0; 
	padding: 0;
	font-family: tahoma, arial, verdana, times new roman;
}

body {
	font-size: 62.5%;
	background: #fefefe url(/content/images/bg.gif) repeat-x top left;
	color: #fff;
}

img {
	border: none;
}

.clearfloat {
	clear: both;
	height:0px;
    font-size: 1px;
    line-height: 0px;
}

.left { position: relative; float: left; }
.right { position: relative; float: right; }

#pageWrapper {
	width: 973px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#topNavi {
	position: relative;
	float: left;
	height: 40px;
	width: 973px;
}

	#topNavi a {
		position: relative;
		float: right;
		height: 40px;
		text-decoration: none;
	}
	
	#topNavi a span {
		visibility: hidden;
	}
	
	#topNavi a.downloadBrochure {
		width: 137px;
		background: transparent url(/content/images/download_brochure.gif) repeat-x top left;
		margin-right: 19px;
	}
	
	#topNavi a.customerAccess {
		width: 111px;
		background: transparent url(/content/images/customer_access.gif) repeat-x top left;
		margin-right: 4px;
	}
	
	#topNavi a.sendToColleague {
		width: 130px;
		background: transparent url(/content/images/send_to_colleague.gif) repeat-x top left;
		margin-right: 3px;
	}
	
	#topNavi a:hover { background-position: bottom left; }

#navi {
	position: relative;
	float: left;
	height: 58px;
	width: 973px;
	/*border-left: 1px solid #000000;*/
	margin-bottom: 1px;
	padding-left: 7px;
}

	#navi img {
		position: relative;
		float: right;
		margin-right: 17px;
	}

	#navi a {
		position: relative;
		float: left;
		height: 58px;
		text-decoration: none;
		color: #ffffff;
	}
	
	#navi a.home {width:78px; background: transparent url(/content/images/navi/home.gif) no-repeat top left;}
	#navi a.about {width:85px; background: transparent url(/content/images/navi/about.gif) no-repeat top left;}
	#navi a.clients {width:93px; background: transparent url(/content/images/navi/clients.gif) no-repeat top left;}
	#navi a.resources {width:117px; background: transparent url(/content/images/navi/resources.gif) no-repeat top left;}
	#navi a.news_a_events {width:144px; background: transparent url(/content/images/navi/news_a_events.gif) no-repeat top left;}
	#navi a.products_a_services {width:188px; background: transparent url(/content/images/navi/products_a_services.gif) no-repeat top left;}
	#navi a.the_ai_way {width:115px; background: transparent url(/content/images/navi/the_ai_way.gif) no-repeat top left;}
	
	#navi a:hover, #navi a#current { color:#ffea00; background-position: bottom left; }
	#navi a span {visibility:hidden;}

#flash {
	float:left;
	margin-left:-52px;
	position:relative;
	text-align:center;
	width:1080px;
}

#contentHeader {
	position: relative;
	float: left;
	height: 46px;
	width: 973px;
	background: transparent url(/content/images/bg_main_header.png) repeat-x top left;
}

#frontpageTop {
	position: relative;
	float: left;
	height: 10px;
	width: 973px;
	background: transparent url(/content/images/bg_main_top.png) repeat-x top left;
}

#breadCrumbWrapper {
	position: relative;
	float: left;
	height: 46px;
	width: 973px;
}

#breadCrumb {
	float: left;
	height: 46px;
	width: 973px;
	background: transparent url(/content/images/bg_breadcrumb.png) repeat-x top left;
	color: #8d8d8d;
	font-size: 1.1em;
}

	#breadCrumb  .padding { padding:20px 28px 0; }
	
	#breadCrumb  a { color: #8d8d8d; text-decoration: none; }
	#breadCrumb  a:hover { text-decoration: underline; }
	#breadCrumb  span { color:#333333; }

#mainWrapper {
	position: relative;
	float: left;
	width: 973px;
	background: transparent url(/content/images/bg_main.png) repeat-y top left;
	color: #000;
}

	#topWrapper {
		position: relative;
		float: left;
		width: 960px;
		background: #ffffff url(/content/images/bg_main_top.gif) repeat-x top left;
		margin: 0px 6px 0px 7px;
	}
	
	#topWrapper ul {
		color:#333333;
		font-size:1.3em;
		line-height:19px;
		word-spacing:normal;
		list-style-image: url(/content/images/bullet.gif);
	}
		
		#topWrapper .padding { padding: 20px 20px 20px 35px; }
		#topWrapper .subPagePadding { padding: 20px 35px 20px 20px; }
		#topWrapper .topBorder { border-top: 1px dotted #d1d1d1; }
		
		#topWrapper .left { width: 575px; }
		
			#topWrapper .left p { font-size: 1.3em; color: #333333; line-height: 19px; word-spacing: normal;}
			#topWrapper .left a { color: #009fee; text-decoration: none; border-bottom: 1px dotted #009fee;}
			#topWrapper .left a:hover { border-bottom: 1px solid #009fee;}
			#topWrapper .left h1 { font-size: 2.0em; color: #333333; margin: 5px 0px 7px; }
				
				
		#topWrapper .right { width: 301px; }
		#topWrapper .rightTop { position:relative; float:left; width: 301px; background: #f9f9f9 url(/content/images/bg_main_top_right.gif) no-repeat top left; }
		#topWrapper .rightBottom { position:relative; float:left; width: 301px; background: transparent url(/content/images/bg_main_top_right_bottom.gif) no-repeat top left; height: 3px; margin-bottom:20px; }
		
			#topWrapper .right .padding { padding: 10px 10px; }

			#topWrapper .right p { font-size: 1.1em; color: #666666; line-height: 19px; word-spacing: normal;}
			#topWrapper .right a { color: #009fee; text-decoration: none; border-bottom: 1px dotted #009fee;}
			#topWrapper .right a:hover { border-bottom: 1px solid #009fee;}
			#topWrapper .right h1 { font-size: 2.0em; color: #666666; margin: 7px 9px 15px; }
			
			#topWrapper .right .row { position:relative; float:left; border-top: 1px dotted #c5c6c6; width:100%; }

				#topWrapper .right .row .padding { padding: 0px 10px; }
				#topWrapper .right .row .left { width:225px; }
				#topWrapper .right .row .right { width:35px; }
				
				#topWrapper .right .row  p { margin: 4px 0px; }
				
					#topWrapper .right .row .right p { padding:5px; }
				
					#topWrapper #answers .row a { width:27px; height:27px; background: transparent url(/content/images/arrow_button.gif) no-repeat top left; display:block; border:none; }
					#topWrapper #answers .row a.viewMoreButton { float:right; width:89px; height:41px;  background: transparent url(/content/images/view_more_button.gif) no-repeat top left; display:block; border:none; }
					#topWrapper #answers .row a:hover { background-position: bottom left; }
					#topWrapper #answers .row a span { visibility:hidden; }	
					#topWrapper #answers .contentImage { margin-bottom:20px; }	
					
					

	#lowWrapper {
		position: relative;
		float: left;
		width: 960px;
		background: #6b6b6b url(/content/images/bg_main_low.gif) repeat-x top left;
		margin: 0px 6px 0px 7px;
	}
	
		#lowWrapper .padding { padding: 20px 0px; }
		#lowWrapper .feature { position:relative; float: left; margin: 0px 35px; width: 245px; }
		#lowWrapper .topBorder { border-top: 1px dotted #717171; }
		
		#lowWrapper  p { font-size: 1.1em; color: #ffffff; line-height: 16px; word-spacing: normal; margin: 5px 0 0; }
		#lowWrapper  a { color: #009fee; text-decoration: none; border-bottom: 1px dotted #009fee; }
		#lowWrapper  a:hover { border-bottom: 1px solid #009fee; }
		#lowWrapper  h2 { font-size: 1.6em; color: #ffea00; margin: 0 0 5px; }
		#lowWrapper  h2 a { color: #ffea00; border:none; }
		#lowWrapper  h2 a:hover { border:none; }
		
	#subNavi { font-size: 1.3em; }
		
		#subNaviWrapper {position:relative; float:left; width:280px; min-height:93px;}
		#subNaviTop {float:left; background: transparent url(/content/images/bg_subnavi_top.png) no-repeat top left; width:280px; min-height:93px;}
		#subNaviBottom {position:relative; float:left; background: transparent url(/content/images/bg_subnavi_bottom.png) no-repeat top left; width:280px; height:8px;}
		
		#subNavi #subNaviTop .padding {padding:20px 20px 12px;}
		#subNavi #subNaviTop .row .padding {padding:5px 10px 10px; }
		
		#subNavi #subNaviTop .lastRow  {border-bottom: 1px dotted #c5c6c6;}
		
		#subNavi #subNaviTop .row  a {border:none;}
		#subNavi #subNaviTop .row  a span {border-bottom:1px dotted #009fee;}
		#subNavi #subNaviTop .row  a:hover span {border:none; border-bottom:1px solid #009fee;}
		
		#subNavi #subNaviTop .row {}


#footer {
	position: relative;
	float: left;
	height: 58px;
	width: 960px;
	background: transparent url(/content/images/bg_footer.gif) repeat-x top left;
	margin: 0px 6px 0px 7px;
	color: #8d8d8d;
	font-size: 1.1em;
}

	#footer .padding { padding: 20px 35px; }
	
	#footer  a { color: #8d8d8d; text-decoration: none; }
	#footer  a:hover { text-decoration: underline; }


/* CONTACT FORM */

#contactFormWrapper { background-color: #fbfbfb;width:577px; }
#contactFormTop { overflow:hidden;position:relative; float:left; width:577px;height:3px;background: transparent url(/content/images/bg_form_area.gif) no-repeat top left; }
#contactFormBottom { overflow:hidden;position:relative; float:left; width:577px;height:3px;background: transparent url(/content/images/bg_form_area.gif) no-repeat bottom left; }

	#contactFormWrapper .padding { padding: 18px 11px 7px; }
	#contactFormWrapper .row { padding-top: 11px; }
	
	#contactFormWrapper .block { position:relative; float:left; width:190px; }
	#contactFormWrapper .blockWide { position:relative; float:left; }
	
	#contactFormWrapper span.normal{ font-size:1.3em;color:#686868;font-weight:bold;line-height:1.9em; }
	#contactFormWrapper span.red { font-size:1.3em;color:#ff3333;font-weight:bold; }
	#contactFormWrapper span.sub { font-size:1.1em;color:#999999; }
	
	#contactFormWrapper .left span.normal, #contactFormWrapper .left span.red { font-weight:normal; }
	#contactFormWrapper .left  { width:200px; }
	#contactFormWrapper .right  { width:110px; }
	
	#contactFormWrapper .topBorder .topBorder  { padding-top:10px; }


/* SITEMAP */

#sitemapWrapper {margin-left:50px; padding-top:20px;}

#sitemapWrapper .list .list a {float:left; position:relative; font-size:1.1em; color:#333333; font-weight:normal;}
#sitemapWrapper a.firstLevel {float:left; position:relative; font-size:1.3em; color:#333333; font-weight:bold; }

#sitemapWrapper .item .topLevelItemWrapper { background: transparent url(/content/images/bg_sitemap_topnode.gif) repeat-y top center; padding-top:10px; }

#sitemapWrapper a.firstLevel { height:41px; display:block; border:none; border-right:1px solid #e0e1e1; text-align:center; background: transparent url(/content/images/bg_sitemap_node.gif) no-repeat top left;}
#sitemapWrapper .item a:hover { border:none; text-decoration: underline; border-right:1px solid #e0e1e1; }

	#sitemapWrapper .item a .padding { padding: 12px 20px 0; }

#sitemapWrapper .item { float:left; position:relative; background: transparent url(/content/images/bg_sitemap_topnode.gif) repeat-x top center; padding:0px 15px 10px; }
#sitemapWrapper .list { float:left; position:relative; }

#sitemapWrapper .leftItem { background: transparent url(/content/images/bg_sitemap_column_left.gif) no-repeat top center; }
#sitemapWrapper .rightItem { background: transparent url(/content/images/bg_sitemap_column_right.gif) no-repeat top center;}

#sitemapWrapper .root { background: transparent url(/content/images/bg_sitemap_root.gif) no-repeat top center; padding:0 15px 9px; margin-left:327px;}

#sitemapWrapper .list .list .item { height:5px; background: transparent url(/content/images/bg_sitemap_child.gif) no-repeat bottom left; border: none; padding: 4px 10px 10px; margin-left:10px;}
#sitemapWrapper .list .list .lastItem { background: transparent url(/content/images/bg_sitemap_child_last.gif) no-repeat bottom left; }
#sitemapWrapper .list .list .firstItem { padding-top:10px; }
#sitemapWrapper .list .list .item a { height:10px; background: none; border: none;}


/* FLASH */

DIV#flashBlock {
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	font-family: verdana;
	font-size: 10px;
	text-align: center;
}