/*
CSS HOME
*/

/*
========================================================
TEASER IMAGE
========================================================
*/

#teaser,
#teaser img
{
		height:			521px !important;
}

/*
========================================================
IMAGE
========================================================
*/

#image
{
		height:			275px !important;
		padding:		75px 0 0 0;
}


/*
========================================================
POPUP
========================================================
*/

#dialog
{
	position:		absolute;
	left:			50%;
	top:			50%;
	margin-left: 	-375px;
	margin-top:		-345px;
	display:		block;
	width:			325px;
	height:			220px;
	padding:		30px 25px 0 150px;
	background-image: url(/images/survey-welcome.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FFF;
	z-index:		999;
}

#modal
{
	position:		absolute;
	display:		block;
	height:			100%;
	width:			100%;
	background-color:#000;
	z-index:		500;
	filter:alpha(opacity=50); /* IE */
	-moz-opacity: 0.50; /* Mozilla */
	opacity: 0.50; /* Opera */
}

#dialog p
{
	margin:			12px 0 12px 0;
}

#dialog a.survey
{
	display:block;
	width:149px;
	height:30px;
	background-image: url(/images/buttons/survey.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#dialog a.homepage
{
	display:block;
	margin-left:15px;
	width:149px;
	height:30px;
	background-image: url(/images/buttons/homepage.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#dialog a.survey:hover,
#dialog a.homepage:hover
{
	background-position: left bottom;
}