/* this stylesheet is only included on the splash page, as it overwrites styles defined in application.css so cannot be imported with the others.*/

.ok_notice, .error_notice {
    width: 350px;
}

#header #wwflogo{
	background:url(/images/backgrounds/logo_wwf_homepage.gif) 0 0 no-repeat;
}

#content{
	margin-top:-230px;
}

h1{
	text-align:left;
	font-size:2.5em !important;
	line-height:1.1em;
	min-height: 165px; /* to ensure that photos are pushed onto the white background regardless of text size */
	border:0;
	padding-bottom:20px;
}
#content.wi h1{
	text-align:left;
	font-size:2.7em;
	line-height:1.2em;
}

h2 a.startbutton{
	position:absolute;
	background:url(/images/lang/en/buttons/start.gif) 0 100% no-repeat;
	display:block;
	width:148px;
	height:65px;
	text-indent:-5000px;
	outline:none;
	float:right;
	margin-top:-40px;
	right:100px;
}

form#signin{
	float:left;
	overflow:hidden;
	width:110px;
	margin:20px 0 0 0;
	padding:0;
}
	form#signin h2{
		color:#666;
		font-size:1.2em;
		letter-spacing:0;
		margin-bottom:7px;
	}
	form#signin label{
		color:#666;
	}
	form#signin input{
		width:90%;
		margin:2px 0 5px 0;
		display:block;
		padding:3px 3px;
		font-size:1em;
		background:url(/images/forms/large_shadow_bg.gif) 0 0 no-repeat;
		//background-attachment:fixed;
		border:1px solid #CCC;
	}
	form#signin input.button{
		width:auto;
		background:none;
		border:0;
		padding:0;
	}


ul#questiongraphics{
	list-style-type:none;
	overflow:hidden;
	float:right;
	width:500px;
	margin-top:20px;
}
ul#questiongraphics li{
	background-position:0 100%;
	background-repeat:no-repeat;
	height:150px;
	text-indent:-5000px;
	outline:none;
	float:left;
}
ul#questiongraphics li.food{
	width:106px;
	background-image:url(/images/lang/en/backgrounds/food_homepage.jpg);
}
ul#questiongraphics li.travel{
	width:179px;
	background-image:url(/images/lang/en/backgrounds/travel_homepage.jpg);
}
ul#questiongraphics li.home{
	width:108px;
	background-image:url(/images/lang/en/backgrounds/home_homepage.jpg);
}
ul#questiongraphics li.stuff{
	width:103px;
	background-image:url(/images/lang/en/backgrounds/stuff_homepage.jpg);
}