body, html { background-color:#e1e1e1; }

#page { background-image: url( images/home_page_bg.png ); }

#main h2 { display: none; }

#filter-menu { top: 450px; }

#filter-menu li { background-color: #e9e9e9; }

#top-container {
	background-image: url( images/main_head_background_fade.png );
	background-repeat: no-repeat;
	background-position: top right;
	width: 950px;
	height: 280px;
	padding: 40px 0 0 0;
	overflow: hidden;
	color: #ffffff;
	margin: 75px 0 0 0;
}

#preview-image {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	float: left;
} 

#preview-image, 
#preview-image a,
#preview-image a .thumb-overlay,
#preview-image a .thumb-overlay .inner {
	width: 350px;
	height: 220px;
	margin-right: 40px;
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
}



#preview-image a .thumb-overlay {
	position: absolute;
	background-image: url( images/thumb_overlay_large.png );
	background-color: #666666;
	filter:alpha(opacity=80);	/* Internet Explorer       */
	-moz-opacity:0.8;			/* Mozilla 1.6 and below   */
	opacity: 0.8;				/* newer Mozilla and CSS-3 */
	display: none;
}

#preview-image a .thumb-overlay .inner {
	background-image: url( images/thumb_overlay_large.png );
	filter:alpha(opacity=100);	/* Internet Explorer       */
	-moz-opacity: 1.0;			/* Mozilla 1.6 and below   */
	opacity: 1.0;				/* newer Mozilla and CSS-3 */
}

#preview-image.demo a .thumb-overlay,
#preview-image.demo a .thumb-overlay .inner {
	background-image: url( images/thumb_overlay_large_demo.png );
}

#preview-image a:hover .thumb-overlay {
	display: block;
}

#preview-copy {
	width: 520px;
	float: left;
}

#preview-copy .description {
	height: 180px;
}

#top-container h3 { 
	font-size: 30px;
	line-height: 35px;
	margin: 0;
	padding: 0;
}

#top-container h3 a {
	color: #ffffff; 
}

#top-container h4 { 
	font-size: 20px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

#top-container .copy a {
	color: #ffffff;
}

#top-container .copy {
	height: 160px;
}

#top-container .details {
	color: #6E6A6A;
	padding: 10px 0 0 0;
}

#top-container .details p {
	margin: 0;
	padding: 0;
	width: 360px;
	float: right;
}

#top-container .details p.honorarium {
	padding: 0 0 0 15px;
	line-height: 38px;
	width: 345px;
}

#entry-list {
	padding: 20px 0 0 0;
}

#join-today {
	float: right;
	margin-left: 50px;
}


.program-icon {
	padding: 8px;
	background-image: url( images/esession_shadow_bg.png );
}

.program-icon, 
.program-icon a, 
.program-icon a .thumb-overlay, 
.program-icon a .thumb-overlay .inner, 
.program-icon a img {
	width: 148px;
	height: 93px;
	background-repeat: no-repeat;
	text-align: center;
	display: block;
}

.program-icon a {
	background-color: #ffffff;
	color: #ffffff;
}

.program-icon a .thumb-overlay {
	position: absolute;
	background-image: url( images/thumb_overlay.png );
	background-color: #666666;
	filter:alpha(opacity=80);	/* Internet Explorer       */
	-moz-opacity:0.8;			/* Mozilla 1.6 and below   */
	opacity: 0.8;				/* newer Mozilla and CSS-3 */
	display: none;
}

.program-icon a .thumb-overlay .inner {
	background-image: url( images/thumb_overlay.png );
	filter:alpha(opacity=100);	/* Internet Explorer       */
	-moz-opacity: 1.0;			/* Mozilla 1.6 and below   */
	opacity: 1.0;				/* newer Mozilla and CSS-3 */
}

.program-icon a:hover .thumb-overlay {
	display: block;
}

a.view-demo { 
	width: 123px;
	height: 38px;
	background-image: url( images/button_viewdemo_large_sprite.png );
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	padding: 0;
	display: block;
}

a.view-demo:hover {
	background-position: 0 -38px;
}

a.startsession { 
	width: 90px;
	height: 30px;
	background-image: url( images/button_startsession.png );
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	padding: 0;
	display: block;
}
a.startsession.large { 
	width: 142px;
	height: 38px;
	background-image: url( images/button_startsession_large.png );
	float: left;
	margin-right: 10px;
}
a.startsession:hover {
	background-position: 0 -30px;
}
a.startsession.large:hover {
	background-position: 0 -38px;
}

a.view-demo .inner, a.startsession .inner { display: none }

.count { display: block; clear: both; font-size: 22px; font-weight: bold; line-height: normal; text-align: center; }
.participants { display: block; font-size: 11px; text-align: center; }

a.comments {
	display: block; 
	padding: 36px 0 0 0;
	background-image: url( images/a_peer_comment_bg.png );
	background-repeat: no-repeat;
	background-position: top center;
	white-space: nowrap;
}

p.honorarium {
	background-image: url( images/honoraria_bg.png );
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 12px;
}