/* CONTENT */



.feature

{

	position: relative;

	display: inline;

	float: left;

	width: 711px;

	height: 270px;

	margin-bottom: 0;

	background-repeat: no-repeat;

}



.feature a:hover

{

	cursor: hand;

	c\ursor: pointer;

}



.feature span.replacement

{

	display: none;

    _display: block;

    _z-index: 30;

    position: absolute;

	top: 0;

	width: 711px;

	height: 270px;

	background-repeat: no-repeat;

}



* h\tml .feature span.replacement

{

	display: block;

	z-index: 30;

}



.feature a span.replacement

{

	display: block;

	z-index: 35;

}



.feature span.linkText

{

	position: relative;

	z-index: 25;

}



#featurePanorama

{

    z-index: 8;

    margin: 17px 0 0 25px;

    position: relative;

}



#featurePanorama span.replacement.bamboo

{

	background-image: url( ../images/homepage_feature_bamboo_2.png );

}



#featurePanorama span.replacement.codegeist

{

	background-image: url( ../images/homepage_feature2.jpg );

}



#featurePanorama span.replacement.usergroupsUS

{

	background-image: url( ../images/homepage_feature_usergroups_us.png );

}



#featurePanorama span.replacement.usergroupsEurope

{

	background-image: url( ../images/homepage_feature_usergroups_europe.png );

}



#featureNav {

    height: 15px;

    clear: both;

    font-size: 10px;

    position: relative;

    top: -10px;

    left: 608px;

    z-index: 99;

    width: 100px;

    text-align: right;

}



#featureNav a {

    padding: 5px;

}



a .featureDot {

    text-decoration: none;

    color: #FFFFFF;

    font-size: 16px;

    font-weight: bold;

    height: 15px;

    width: 11px;

    background: url( ../images/square.gif ) 0 -30px no-repeat;

}



#featureNav a.last {

    margin-right: 0;

}



a:hover .featureDot {

    background-position: 0 -15px;

    margin: 0;

}



a.on .featureDot, a:hover.on .featureDot {

    background-position: 0 0;

}



#midInfoBar

{

	text-align: center;

    color: #333333;

    border: 2px dotted #CCCCCC;

	border-left: 0;

	border-right: 0;

	width: 690px;

	margin: 15px auto 0;

	font-size: 100%;

    padding: 2px 0;

}



.subFeature

{

	display: inline;

	float: left;

	width: 349px;

	height: 77px;

	margin-top: 15px;

	margin-left: 25px;

    background-repeat: no-repeat;

    position: relative;

    margin-bottom: 0;

}



.subFeature a:hover

{

	cursor: hand;

	c\ursor: pointer;

}



.subFeature span.replacement

{

	display: none;

    _display: block;

    _z-index: 30;

    position: absolute;

	top: 0;

	width: 349px;

	height: 77px;

	background-repeat: no-repeat;

}



.subFeature a span.replacement

{

	display: block;

	z-index: 35;

}



.subFeature span.linkText

{

	position: relative;

	z-index: 25;

}



#collaborationTools span.replacement

{

    background: url( ../images/tools_banners_formularz.png ) top left no-repeat;

    width: 349px;

}



#developmentTools span.replacement

{

    background: url( ../images/development_tools.gif ) top left no-repeat;

}



#developmentTools

{

	margin-left: 13px;

}



#content1

{

	display: inline;

	float: left;

	width: 690px;

	margin-left: 35px;

	font-size: 90%;

}



.navSection

{

	clear: both;

	border-top: 2px dotted #CCCCCC;

	padding: 7px 3px;

    line-height: 140%;

}



.first

{

	margin-top: 15px;

}



.last

{

    padding-bottom: 0;

}



.navSection .title

{

	color: #999999;

	font-size: 110%;

	font-weight: bold;

	text-transform: uppercase;

	width: 200px;

	display: inline;

	float: left;

}



.navSection .news

{

	height: 50px;

}



.navSection .links

{

	font-size: 125%;

	color: #666666;

	width: 100%;

	display: inline;

}



.navSection .moreLink

{

	display: inline;

	float: right;

	vertical-align: top;

	margin-top: -17px;

    font-size: 120%;

}



.navSection a:link, .navSection a:visited

{

	font-size: 85%;

	text-decoration: none;

    padding: 0 4px;

}



.navSection a:hover, .navSection a:active

{

	text-decoration: underline;

}



.navSection link

{

	float: right;

}