@charset "utf-8";

/* Teaser Bar */
#teaser { clear: both; height: 307px; background: #fff url(../images/frontpage_teaser/teaserbg.png) repeat-x; margin-bottom: 15px; }
	#teaser .wrap { height: 307px; }
		#teaser .wrap .teaser_caption_solutions { position: relative; top: 150px; left: 35px; width: 800px; height: 90px; }
		#teaser .wrap .tag_line_solutions{ position: relative; top: 45px; left: 60px; width: 750px; height: 50px; font-size: 1.3em }
	
		#teaser .wrap .teaser_caption_consulting { position: relative; top: 155px; left: 35px; width: 800px; height: 90px; }
		#teaser .wrap .teaser_caption_development { position: relative; top: 155px; left: 35px; width: 800px; height: 90px; }

	#teaser .wrap p { color: #FFFFFF; font-size: 1.3em; text-transform: lowercase; }
		
/* Feature Products */
#featureproduct_col{ float: left; width: 552px; margin: 7px 0 16px 0; }
	#featureproduct_col h3{ border-bottom: none !important; }
	/*.feature_prod{ margin-top: -0.6em; background: #f4f4f4; border: 1px solid #e0e0e0; background: #f4f4f4; text-align: center; padding-top: 15px; padding-bottom: 15px; height: 195px; }*/
	
	.feature_prod { border: 1px solid #e0e0e0; margin-top: -0.6em; text-align: center; }
	.feature_prod img { padding: 1px; }
	
	.feature_prod .solutions_caption
	{
		font-size: 2em; font-weight: normal;
		position: absolute;
		top: 22px;
		left: 45px;
	}
	
/* News */
#news_col {	float: right; width: 310px; margin: 0 0 16px 0;  }
	#news_col h3{ border-bottom: 1px solid #eee; margin: 0 0 0 0 !important; }
	.news_container { padding-top: .8em; }
	.rss { margin-right: 5px; }
	.news_title { font-weight: bold; }
	.news_article{ padding: 5px;}
		.news_article p { margin: 0 0 1em 0; }
		.news_article a:hover{ text-decoration: underline !important; }
	.news_readmore { float: right; margin-top: -1.2em; margin-bottom: .2em; }
	
/* Hidden Elements onLoad */
#teaser_consulting { display: none; }
#teaser_development { display: none; }

/* Fade Declarations */

#teaser ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

#fade-teaser li {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 307px;
	visibility: hidden;
	text-align: center;
}