/*div containers (if fixed height, this because content is always the same)*/
#top-container-landing { 
	width: 800px; 
	margin-left: auto; 
	margin-right: auto; 
	height: 79px;
	text-align: left;
}

#flash-container-landing { 
	width: 800px; 
	margin-left: auto; 
	margin-right: auto; 
	height: 294px;
}

#bottom-container-landing {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height: 187px;
	padding: 0px 0px 14px 0px;	
	background-image: url(../images/landing-page/bgnd-branding-swirl.jpg);
	background-repeat: no-repeat;
}

#h1-container { 
	margin: 42px 14px 0px 0px;
	width: 280px; 
	height: 52px;
	float: right;
}

#enter-container { 
	margin: 42px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 86px; 
	height: 42px;
	float: right;
}

#knightfrank-container { 
	width: 737px; 
	padding: 42px 0px 28px 0px;
	margin: 0px 0px 0px 63px;
	height: 48px;
	float: right;
	text-align: left;
}

/*text styles*/
h1 {
	color: #4f4f4f;
	font-size: 1.2em;
	font-weight: normal;
	text-align: right;
}

#enter a { /*for this create a img id and assign rollover to it*/
	background-image: url(../images/landing-page/enter-button.jpg);
}

#enter a:hover {
	background-image: url(../images/landing-page/enter-button2.jpg);
}