#coming {
  position: absolute;
  top: 400px;
  left: 15px;
  width: 180px;
  height: 200px;
  z-index: 999;
  color: #24485a;
  font-weight: bold;
  line-height: 25px;
  text-align: right;
  }
  #coming h2{
  	font-size: 18px;
	color: #24485a;
	text-align: right;
	margin-bottom: 4px;
	padding-right: 4px;
	font-style: italic;
  }

/* main styles --------------------------------------------------*/
* {margin: 0; padding: 0;}
img {border: 0;}
body {
  font: 12px arial,sans-serif;
  color: #000;
  background-color: #c2e0ff;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

body.nu {background-color: #c7e2ff;}

div#preload {display: none;}

#container {
  position: relative;
  top: 0px;
  width: 1024px;
  margin: 0 auto;
  text-align: center;
}

#sunbg, #background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1024px;
  background: url(images/sunbg.jpg) no-repeat;
  height: 575px;
  z-index: 1;
}

#background {
	height: 768px;
	background: url(images/background.jpg) no-repeat;
}

#leftcol {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 203px;
	z-index: 2;
}

#leftnav {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 203px;	
	color: #24485a;
	z-index: 200;
}

#leftnav ul {
	margin-bottom: 0px;
}

#leftnav h2 {
	font-size: 18px;
	color: #24485a;
	text-align: right;
	margin-bottom: 4px;
	padding-right: 4px;
}

#leftnav li, #rightnav li {
	font-weight: bold;
	list-style: none;
	margin: 0px;
	text-align: right;
	color: #24485a;
	line-height: 24px;
	font-size: 12px;
	width: 203px;
}

#rightnav li {line-height: 18px;}

#leftnav li a, #rightnav li a, #leftnav li.current {
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #24485a;
	padding-right: 8px;
	margin-bottom: 2px;
	width: 195px;
}
	
#leftnav li a:hover {color: #24485a; background: #fff; margin-bottom: 0px; border-bottom: 2px solid #798594;}

#leftnav li.current {color: #24485a; background: #fff; margin-bottom: 0px; border-bottom: 2px solid #798594;}

#rightnav {
	position: absolute;
	top: 138px;
	left: 820px;
	width: 200px;	
	color: #24485a;
	z-index: 201;
}

#rightnav li a {margin-bottom: 0;}
	
#rightnav li a:hover {color: #24485a; margin-bottom: 0px; text-decoration: underline;}

#tagline {
	position: absolute;
	top: 110px;
	left: 256px;
	width: 766px;
	text-align: center;
	margin: 0;
	padding: 0;
	z-index: 97;
	font-size: 14px;
}

#tagline.nu {
	top: 10px;
	left: 0;
	width: 1024px;
	text-align: center;
	font-size: 14px;
		z-index: 97;
}

#logo {
	position: absolute;
	top: 10px;
	left: 204px;
	width: 820px;
	text-align: center;
	margin: 0;
	padding: 0;
	z-index: 96;
}

#footer {
	position: absolute;
	left: 204px;
	top: 780px;
	padding: 0;
	width: 820px;
	text-align: center;
	color: #000;
	padding-bottom: 10px;
	z-index: 98;
	background: url(images/logo_eho.gif) bottom right no-repeat;
}

#footer.nu {
	left: 0px;
	top: 700px;
	width: 1024px;
}

#footer a {text-decoration: none; color: #000;}
#footer a:hover {text-decoration: underline; color: #000;}
.bold {font-weight: bold;}

/* site home page pics and rollovers ----------------------------------------------------- */
#map {
  position: absolute;
  top: 234px;
  left: 468px;
  width: 304px;
  height: 393px;
  z-index: 77;
}

#content, #content.home, #content.sub {
	position: absolute;
	top: 150px;
	left: 206px;
	width: 788px;
	text-align: center;
	margin: 0;
	padding-left: 30px;
	z-index: 90;
}

#content.sub {text-align: left;}


#content.home ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
	height: 158px;
	/*z-index: 100;*/
}

#content.home a {height: 158px; width: 157px; display: block;}

/* nuhorizon home page pics and rollovers ----------------------------------------------------- */
#map.nu {
  top: 119px;
  left: 213px;
  width: 599px;
  height: 520px;
  background: url(http://www.mi-apartments.com/images/maps/pic.jpg) no-repeat;
}

#site {
	width: 1024px;
	margin: 0px auto; 
	padding: 0;
	position: relative;
	top: 0;
	z-index: 99;
}

#site li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
	height: 140px;
	z-index: 101;
}

#site a {height: 140px; width: 208px; display: block;}
#pic0 a {width: 294px;}

#pic0 {left: 368px; top: 27px; width: 294px; background: url(http://www.mi-apartments.com/images/pic0.gif) no-repeat;}
#pic2 {left: 104px; top: 141px; width: 208px; background: url(http://www.mi-apartments.com/images/pic2.jpg) no-repeat;}
#pic3 {left: 52px; top: 320px; width: 208px; background: url(http://www.mi-apartments.com/images/pic3.jpg) no-repeat;}
#pic4 {left: 146px; top: 496px; width: 208px; background: url(http://www.mi-apartments.com/images/pic4.jpg) no-repeat;}
#pic5 {left: 408px; top: 532px; width: 208px; background: url(http://www.mi-apartments.com/images/pic5.jpg) no-repeat;}
#pic6 {left: 671px; top: 496px; width: 208px; background: url(http://www.mi-apartments.com/images/pic6.jpg) no-repeat;}
#pic7 {left: 767px; top: 319px; width: 208px; background: url(http://www.mi-apartments.com/images/pic7.jpg) no-repeat;}
#pic8 {left: 714px; top: 141px; width: 208px; background: url(http://www.mi-apartments.com/images/pic8.jpg) no-repeat;}

/* amenities page --------------------------------------------------------------------------*/

/*#content.sub {width: 788px; padding-left: 30px;}*/
#content.sub p {margin: 10px; text-align: left; color: #24485a; font-size: 14px; margin-bottom: 20px;}
#content.sub li {list-style: none; text-align: left; color: #24485a; font-size: 14px; line-height: 18px;}

h1 {
	font-size: 18px;
	color: #24485a;
	text-align: left;
	margin: 10px;

	margin-bottom: 20px;
}

#content ul.list1 {
	float: left;
	margin-left: 30px;
}

#content ul.list2 {
	margin-left: 360px;
}

#ampics {height: 150px; width: 100%; float: left; margin-top: 20px;}

#content ul.list1 a {
	text-align: left; color: #24485a; font-size: 14px; line-height: 22px; text-decoration: none;
}
#content ul.list1 a:hover {text-decoration: underline; color: #24485a;}


/* contact page ------------------------------------------------------------------------------*/


#form {text-align: left; color: #24485a; font-size: 14px; padding-left: 40px;}
#formfield {padding-top: 14px; padding-bottom: 4px;}
#hours {
	position: absolute;
	top: 125px;
	left: 580px;
	width: 200px;
	text-align: left;
	font-size: 14px;
	z-index: 301;
	border: 3px solid #7a8594;
}

#Submit, #Email_Address, #Name, #Telephone_Number, #Message, #community {padding: 5px;}
#content.sub p#red {color: red; font-style: italic;}

/* floorplans page ------------------------------------------------------------------------------*/

h4, #dir h4 {
	font-size: 14px;
	color: #24485a;
	text-align: right;
	padding-right: 8px;
}

#fplan, #dir {
	margin-left: 10px;
	width: 230px;
	float: left;
	text-align: left;
}

#fplan ul, #dir ul {
	margin-bottom: 8px;
	margin-top: 8px;
}


#fplan li, #dir li {
	list-style: none;
	text-align: right;
	color: #24485a;
	line-height: 24px;
	font-size: 12px;
	width: 220px;
}


#fplan li a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #24485a;
	padding: 2px 10px 2px 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: right;
	width: 220px;
}


#fplan li a:hover {color: #000; background: #fff; padding: 0px 10px 0 0; border: 2px solid #798594; border-right: none; text-align: right;}

#fplan li.current a {color: #000; background: #fff; padding: 0px 10px 0 0; border: 2px solid #798594; border-right: none; text-align: right; margin: 0px;}

#fplan2 {
	position: absolute;
	left: 270px;
	top: 56px;
	width: 530px;
	height: 550px;
	text-align: center;
	border: 2px solid #798594;
	background: #fff;
	z-index: -1;
}

#fplan2 img {text-align: center;}

span {font-weight: bold;}
.coupon {text-align: left;}
#coupon {margin: 0 0 18px 10px; padding: 10px; background: #7a8594; width: 210px; height: 20px; display: block; text-align: left;}
#coupon a {text-decoration: none; color: #fff; width: 210px; height: 20px; text-align: right; font-size: 14px;}

#fplan p.note {font-size: 11px; text-align: right; padding-right: 4px; margin-top: 20px;}
#fplan p.note a {color: #24485a;}
#fplan p.note a:hover {color: #000;}

#printable {
	text-align: center;
	color: #fff;
	margin: 0; 
	margin-top: -14px;
	padding: 2px; 
	background: #7a8594; 
	width: 118px; 
	margin-left: 652px;
}

#printable a {text-decoration: none; color: #fff; text-align: center;}

#app a {
	display: block;
	font-weight: bold;
	margin: 20px 0px;
	text-align: right;
	color: #000;
	line-height: 24px;
	font-size: 14px;
	width: 206px;
	text-decoration: none;
}
#app a:hover {text-decoration: underline;}

/* maps page ------------------------------------------------------------------------------*/

#dir {width: 430px;}

#dir h4, #dir ul, #dir li {width: 400px; margin-right: 5px;}

#dir {height: 550px; overflow: auto;}

#dir h4, #app.dir a {
	text-align: left;
}

#dir h4 {margin-top: 12px;}

#smallmap {
	position: absolute;
	left: 480px;
	top: 56px;
	width: 320px;
	height: 280px;
	text-align: center;
	border: 2px solid #798594;
	background: #fff;
	z-index: -1;
}

#siteplan {
	left: 0px;
	top: 56px;
	width: 758px;
	height: 550px;
	text-align: center;
	border: 2px solid #798594;
	background: #fff;
}

#siteplan img {text-align: center;}