/* Main page background */
body.home #body2 {
	background: #000 url(images/redbull_home.jpg) no-repeat top center;
}

/* Header is part of the background image in this instance */
body.home #headarea {
	background: transparent;
}

/* Change link colours in the header */
body.home .kiss-user-data a,
body.home .kiss-user-data a:hover,
body.home .kiss-user-data a:link,
body.home .kiss-user-data a:active {
	color: #9e0101;
}

/* We need a transparent container so the background shows through in the mid creative */
body.home #container {
	background: transparent;
}
body.home .main-content {
	background: transparent;
}

#takeover-head
{
    height: 110px;
    width: 320px;
    float: right;
}

#takeover-head span, #takeover-head span a
{
    display: block;
    height: 100%;
    width: 100%;
}

/* Mid creative image. 'span' positions and 'span a' sets size of the clickable area. */
#takeover-mid {
	background-color: transparent;
	width:986px;
	height:550px;
}
#takeover-mid span {
	position:relative;
	top:50px;
}
#takeover-mid span a {
	display:block;
	width:986px;
	height:485px;
}