a {
	color: #3a90fc;
}

a:hover {
	background-color: #3a90fc;
	color: #fff;
	text-decoration: none;
}

a#login {
	color: #555;
	display: block;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	text-decoration: none;
	top: 10px;
}

a#login:hover {
	background: none;
	text-decoration: underline;
}

body, html {
	background: #ddd url(bg.jpg) repeat;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
}

#centerline {
	background-color: none;
	display: block;
	height: 1px;
	left: 0;
	overflow: visible;
	position: absolute;
	text-align: center;
	top: 50%;
	visibility: visible;
	width: 100%;
}

img#logo {
	float: right;
	margin-top: 20px;
	width: 21%;
	min-width: 150px;
}

#wrapper {
	color: #555;
	font: bold 75px/90px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 330px;
	left: 50%;
	margin-left: -480px;
	position: absolute;
	text-align: left;
	top: -175px;
	visibility: visible;
	width: 960px;
}

/* FOR SMALLER SCREENS */

@media handheld, only screen and (max-width: 1060px) {	
	#wrapper {
		font-size: 67px;
		height: 300px;
		line-height: 78px;
		margin-left: -430px;
		top: -150px;
		width: 860px;
	}
}

@media handheld, only screen and (max-width: 960px) {	
	#wrapper {
		font-size: 59px;
		height: 270px;
		line-height: 71px;
		margin-left: -380px;
		top: -135px;
		width: 760px;
	}
}

@media handheld, only screen and (max-width: 860px) {
	#wrapper {
		font-size: 51px;
		height: 240px;
		line-height: 61px;
		margin-left: -330px;
		top: -120px;
		width: 660px;
	}
}

@media handheld, only screen and (max-width: 760px) {
	#wrapper {
		font-size: 43px;
		height: 210px;
		line-height: 52px;
		margin-left: -280px;
		top: -105px;
		width: 560px;
	}
}

@media handheld, only screen and (max-width: 660px) {
	#wrapper {
		font-size: 35px;
		height: 180px;
		line-height: 42px;
		margin-left: -230px;
		top: -90px;
		width: 460px;
	}
}

@media handheld, only screen and (max-width: 560px) {
	img#logo {
		margin-right: 105px;
	}
	
	#wrapper {
		font-size: 27px;
		height: 150px;
		line-height: 33px;
		margin-left: -180px;
		top: -75px;
		width: 360px;
	}
}

@media handheld, only screen and (max-width: 460px) {
	img#logo {
		margin-right: 75px;
	}
	
	#wrapper {
		font-size: 23px;
		height: 120px;
		line-height: 28px;
		margin-left: -150px;
		top: -60px;
		width: 300px;
	}
}