/* ------------------------------  effects  ---------------------------- */

.selectRoll a { 
	float: left; width: 500px; height: 53px; color: white; 
	margin-bottom: 2px; text-decoration: none; background-color: #5b0e16;
}

.selectRoll a:hover { background-color: #b31b2a; color: #999999; text-decoration: underline; } 

.selectRoll a:active { background-color: #5b0e16; color: white; }

/* ------------------------------  layout  ----------------------------- */

#mobileContainer {
	position: absolute; left: 21px; top: 266px; width: 768px; 
	overflow: auto;
	background: url('../img/mobile/back-mid.gif');
}

#mobileContent {
	width: 768px; 
	overflow: auto;
	background: url('../img/mobile/back-top.jpg') no-repeat;
}

#mobileBot {
	float: left; width: 768px; height: 31px;
	background: url('../img/mobile/back-bot.gif') no-repeat;
}

#mobileLeftCol {
	float: left; width: 160px;
	padding: 49px 0px 0px 15px;
}

#mobileRightCol {
	float: right; width: 520px; 
	margin: 70px 37px 0px 0px; display: inline; 
	padding-left: 12px;
	background: url('../img/mobile/content-grad-back.gif') no-repeat;
	background-position: left top;
}

#footerContainer {
	width: 768px; padding-top: 28px; height: 90px; 
	background: url('../img/generic/footer-grad.jpg') no-repeat;
	background-position: 0px 14px;	
	background-color: #383838;
}