/*  Layout for MLC Splash Only  */
/*  RT, Intrinsix NY  */


html, body, #page {
  width: 100%;
  margin: auto;
  margin-top: 12px;
  _margin-left: 12px; /*  temp for the non-centering ie */
  text-align: center;
  }

#wrap {
  	width: 724px;
	margin: auto;
	padding: 0;
	text-align: center;
}


#chooseBox { background:#fff; border: 1px solid #aaa; padding: 0; margin: 50px auto; width: 724px; text-align: center;  }

#chooseGrid { padding: 0; margin: 20px; width: 706px; text-align: left;  }

#gridLeft { float:left; width: 343px;  }

#gridRight { float:left; width: 343px;  }

.choice { width: 100%; background-color: #ccc; background: url('../imgs/splash/site-choice.gif'); height: 98px; width: 100%; margin-bottom: 4px;}

h1.title {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 24px;
	font-weight: normal;
	text-align: right;
  	line-height: 24px;
	padding: 20px 10px;
	color: #777;
	background-color: #fff;
	float: right;
	margin-right: 8px;
	margin-top: -32px;
	margin-bottom: -32px;
}

#chooseGrid h1 {
	font-family: "Trebuchet MS", Tahoma, Arial, tahoma, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
	text-align: left;
  	line-height: 27px;
	margin: 0; 
	padding: 20px 10px;
	color: #444;
}

a { text-decoration: none; border: 0; }
a:hover { text-decoration: none; border: 0; }
a:active { text-decoration: none; border: 0; }

#chooseMLCC:hover { background: url('../imgs/splash/site-choice-grape.gif'); cursor: pointer; }
#chooseMLCC h1:hover {color: #fff; cursor: pointer; }

#chooseLMO:hover { background: url('../imgs/splash/site-choice-amber.gif'); cursor: pointer;  }
#chooseLMO h1:hover {color: #000; cursor: pointer; }