/* CSS Document Miami Art Space */
/* author: zmei 10.17.07 */

html, body {
padding: 20;
margin: 0 auto;
width: 965px;
text-align: center;
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
height: 100%;
}

img {
border: 0;
}

a {
text-decoration: none;
}

#container {
     display: table;
     height: 100%;
     width: 100%;
	 padding: 0;
	 text-align: left;
	 margin: 0;    
}

#content {
     display: table-cell;
     vertical-align: middle;
     position: relative;
}

/* \*/
* html #content {
     top: 50%;
     left: 0;
     height: 1px;
}

* html #content #inner {
     position: relative;
     top: -50%;
}

#MES_hdr {
text-align: right;
}

#MES_hdr img {
width: 160px;
margin: 8px 0;
height: 9px;
}

.letterspacing {
letter-spacing: .5px;
}

.no_letterspacing {
letter-spacing: normal;
}

.container_common {
width: 100%;
padding: 0;
margin: 0;
height: 530px;
font-size: 11px;
font-weight: 300;
}

#home_container {
background: url(images/bg_meshome.jpg) no-repeat 1px 0;
}

#about_container {
background: url(images/bg_about.jpg) 1px 0 no-repeat;
}

#floorplans_container {
background: url(images/bg_district.gif) no-repeat 1px 0;
}

#art_catalog_container {
background: url(images/bg_district.gif) 1px 0 no-repeat;
}

#contact_container {
background: url(images/bg_contact.gif) no-repeat 1px 0;
}

#news_container {
background: url(images/bg_news.jpg) no-repeat 1px 0;
}

#about_txt {
width: 765px;
padding: 230px 0 0 0;
text-align: right;
line-height: 170%;
color:black;
}

#about_txt #toptxt {
}

#about_txt #btmtxt, #about_txt span {
padding-right: 0px;
}

#about_txt .ident {
padding-right: 80px;
}


#contact_txt {
padding: 30px 0 0 35px;
line-height: 170%;
}

#news_txt {
padding: 90px 0px 0 50px;
line-height: 170%;
float: left;
}

#news_txt a:link, #news_txt a:visited {
color: #09F;
}

#catalog_detail {
width: 430px;
height: 325px;
border: 15px solid #BBB;
background-color: #FFF;
margin-left: 25px;
}

#catalog_detail_img {
border: 6px solid #FFF;
width: 418px;
height: 259px;
padding-bottom: 5px;
border-bottom: 1px solid #09F;
vertical-align: middle;
text-align: center;
}

#pagelist {
width: 200px;
height: 20px;
text-align: center;
color: #09F;
}

#pagelist a:link, #pagelist a:visited, #pagelist a:hover {
color: #FFF;
}

#arttitle {
margin-right: 10px;
}

#catalog_thumbs {
float: right;
width: 200px;
height: 325px;
margin-right: 50px;
margin-left: 10px;
}

#catalog_thumbs img {
width: 55px;
height: 55px;
margin-right: 6px;
margin-bottom: 6px;
border: 1px solid #FFF;
}

#catalog-caption {
width: 190px;
height: 200px;
background-color: #FFF;
}

#catalog-caption p, #catalog_detail p {
margin: 0;
color: #666;
padding: 7px;
font-size: 10px;
}

#catalog-caption a:link, #catalog-caption a:visited {
color: #666;
text-decoration: none;
}

#catalog-caption a:hover {
text-decoration: underline;
} 
#catalog_detail hr {
width: 100%;
height: 1px;
color: #09F;
}

#legal_txt {
width: 622px;
padding: 30px 0 0 25px;
line-height: 170%;
}

#mailing_txt {
padding-left: 90px;
}

#mailing_txt p {
line-height: 170%;
width: 100px;
margin-top: 20px;
margin-right: 40px;
color: #09F;
float: left;
font-weight: 550;
}

#mailing_txt #thankyou {
font-weight: bold;
position: relative;
top: 20px;
color: #09F;
}

#mailing_txt form {
float: left;
padding-top: 50px;
}

#mailing_txt form *, #mailing_txt form textarea {
width: 250px;
font-family: inherit;
margin-bottom: 15px;
font-size: 11px;
color: black;
border: 0px solid #CCC;
}

#mailing_txt td {
color: #CCC;
}

#mailing_txt textarea {
height: 105px;
}

#mail_list_submit {
text-align: right;
color: #F93;
background: #FFF;
}

#mailing_txt a:link, #mailing_txt a:visited {
color: #09F;
}

#hours_txt {
padding: 100px 0 0 600px;
line-height: 170%;
float: left;
}

#IE_shim {
height: 20px; 
border: 0px dashed #C00;
}

#months_list {
margin: 30px 0 0 15px;
padding: 10px;
line-height: 200%;
border: 1px solid #09F;
border-left: none;
border-right: none;
width: 120px;
float: left;
color: #09F;
}

#gallery_list {
margin: 30px 0 0 15px;
line-height: 200%;
width: 120px;
float: left;
color: #09F;
}

#floorplans_list a:link, #floorplans_list a:visited {
color: #09F;
}

#floorplans_list {
padding: 0px 10px 0 15px;
float: left;
line-height: 150%;
}

#floorplans_list p {
width: 150px;
letter-spacing: 0;
margin-top: 20px;
font-size: 14px;
line-height: 22px;
padding: 8px 0 10px 0;
border: 1px solid #09F;
border-left: none;
font-weight: normal;
color: #FFF;
border-right: none;
}

#floor_specs {
width: 140px;
}

#months_list a, #months_list a:visited {
color: #FFF;
}

#floorplans_all {
background: url(images/bg_allplans.gif) no-repeat;
}

#bg_gallery1 {
background: url(images/bg_plan7520.jpg) no-repeat;
}

#bg_gallery2 {
background: url(images/bg_plan7580.jpg) no-repeat;
}

#bg_gallery3 {
background: url(images/bg_plan7580Annex.jpg) no-repeat;
}

#bg_gallery4 {
background: url(images/bg_planpiazza.jpg) no-repeat;
}

#bg_gallery5 {
background: url(images/bg_plan7610S.jpg) no-repeat;
}

#bg_gallery6 {
background: url(images/bg_planDC.jpg) no-repeat;
}

.align_floorplan {
width: 582px;
height: 400px;
}

.gallerytitle {
text-transform: uppercase;
height: 35px;
font-weight: bold;
}

.galleryfooter {
color: #FFF;
width: 525px;
height: 35px;
text-align: center;
font-size: 10px;
font-weight: normal;
}

/* floor plans spacer rollovers 
// these must be floated in order to work
// otherwise, causes FF hotspot twitching
*/

#spacer_plan1 {
width: 137px;
height: 178px;
margin-left: 213px;
margin-top: 1px;
float: left;
}

#spacer_plan2 {
clear: both;
width: 218px;
height: 122px;
margin-left: 185px;
margin-top: 63px;
float: left;
}

#spacer_plan3 {
width: 191px;
height: 125px;
margin-left: 247px;
margin-top: 76px;
float: left;
}

#spacer_plan4 {
width: 196px;
height: 169px;
margin-left: 184px;
margin-top: 34px;
float: left;
}

#spacer_plan5 {
width: 109px;
height: 254px;
margin-left: 232px;
margin-top: 9px;
float: left;
}

#spacer_plan6 {
width: 109px;
height: 137px;
margin-left: 235px;
margin-top: 44px;
float: left;
}

#calendar_grid {
height: 400px;
font-size: 12px;
color: #09F;
float: left;
margin-left: 20px;
}

#calendar_grid #grid_today {
background-color: #9CF; 
}

#calendar_grid #wkdays_heading {
height: 20px; 
font-size: 9px; 
border: none; 
color: #FFF; 
background: #171326;
}

#calendar_eventlist {
float: right;
width: 160px;
height: 400px;
color:black;
}

#calendar_eventlist img {
clear: right;
margin-bottom: 5px;
}

#calendar_eventlist a:link, #calendar_eventlist a:visited {
color: black;
text-decoration: underline;
}

.calevent {
font-size: 9px;
line-height: 12px;
text-align: right;
margin-right: 3px;
letter-spacing: 0;
color: #09F;
}

.eventlist_dots {
width: 90%;
margin: 10px 0;
border-top: 1px dotted #FFF;
border-bottom: 1px dotted #FFF;
padding: 10px 0;
}

#calendar_grid table tr td {
margin: 0;
border: 1px solid #667;
width: 57px;
height: 55px;
color: #000;
background: #FFF;
vertical-align: top;
text-align: right;
}

#calendar_grid table tr td span {
margin: 5px;
}

#calendar_grid table {
border-collapse: collapse;
margin-top: 20px;
}

#district_wrapper {
background: url(images/bg_mimo.gif) no-repeat right bottom;
height: 454px;
width: 642px;
}

#district_txt {
width: 160px;
padding: 30px 0 0 30px;
line-height: 170%;
letter-spacing: .2px;
}

#mimo_mapclick {
float: right;
width: 105px;
height: 120px;
margin: 20px 25px;
text-align: center;
}

#mimo_mapclick img {
width: 103px;
height: 122px;
}

#mimo_mapclick a {
text-decoration: underline;
}

h1 {
color: #09F;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
}

#hp_people {
width: 750px;
height: 20px;
}

#bubble_wrap {
height: 180px;
width: 100%;
z-index: 12;
}

#bubble1 {
position: relative;
visibility: hidden;
left: 290px;
top: 130px;
}

#bubble2 {
position: relative;
visibility: hidden;
top: 120px;
left: 263px;
}

#bubble3 {
position: relative;
visibility: hidden;
top: 115px;
left: 209px;
}

#bubble4 {
position: relative;
visibility: hidden;
top: 46px;
left: 103px;
}

#bubble5 {
position: relative;
visibility: hidden;
top: 77px;
left: 64px;
}

#person1 {
z-index: 1;
margin-left: 425px;
margin-top: 49px;
width: 25px;
height: 72px;
float: left;
}

#person2 {
position: relative;
z-index: 1;
left: -1px 0 0 0;
width: 42px;
height: 97px;
float: left;
margin: 28px 0 0 16px;
}

#person3 {
position: relative;
z-index: 1;
margin: 18px 0 0 0px;
width: 33px;
height: 112px;
float: left;
}

#person4 {
position: relative;
z-index: 1;
margin: -46px 0 0 53px;
width: 32px;
height: 88px;
float: left;
}

#person5 {
position: relative;
z-index: 1;
margin: -19px 0 0 75px;
width: 32px;
height: 103px;
}

#home_spacer {
float: left;
width: 156px;
height: 84px;
position: relative;
left: 20px;
top: -50px;
}

#sm_plan1 {
width: 62px;
position: relative;
left: 21px;
top: 178px;
height: 48px;
float: left;
}

#sm_plan2 {
position: relative;
left: 33px;
top: 153px;
width: 33px;
height: 58px;
float: left;
}

#sm_plan3 {
float: left;
position: relative;
top: 137px;
left: 48px;
width: 27px;
height: 10px;
}

#sm_plan4 {
position: relative;
left: 35px;
top: 133px;
width: 39px;
height: 43px;
float: left;
}

#sm_plan5 {
width: 107px;
height: 45px;
position: relative;
left: 38px;
top: 120px;
float: left;
}

#sm_plan6 {
position: relative;
left: 208px;
top: 95px;
width: 45px;
height: 36px;
float: left;
}

/* for the MAS logo link in lower left corner */

#home_spacer img {
width: 100%;
height: 100%;
}

#hp_rightnav a:link, #hp_rightnav a:visited {
color: #09F;
}

#hp_rightnav, #hp_rightnav a:hover {
color: black;
text-align: left;
letter-spacing: 0;
}

#hp_rightnav {
background: url(images/bg_yellownav.gif) no-repeat;
line-height: 22px;
float: right;
width: 165px;
font-size: 11px;
height: 466px;
}

#hp_rightnav i {
font-style: normal;
font-size: 18px;
font-weight: normal;
}

#hp_rightnav div {
margin: 50px 0 0 12px;
}

#redlink a:link, #redlink a:hover, #redlink a:visited {
color: #F33;
}

.whitelink {
color: #FFF;
text-decoration: underline;
}

#whitelink a:link, #whitelink a:hover, #whitelink a:visited{
color: #FFF;
font-size: 11px;
text-decoration: none;
}

#maplink {
width: 300px;
height: 117px;
}

#maplink span {
float: left;
}

#mapcircle {
float: left;
width: 117px;
height: 117px;
margin-left: 10px;
}

#footer {
letter-spacing: .2px;
clear: both;
text-align: right;
font-size: 11px;
color: #838383;
}

#footer_on {
color: #09F;
}

#footer a:link, #footer a:visited {
font-size: 11px;
color: #838383;
line-height: 200%;
}

#footer a:hover {
color: #09F;
}

#bluelink a:link, #bluelink a:hover, #bluelink a:visited {
font-size: 11px;
color: #00AFEF;
}

#orangelink a:link, #orangelink a:hover, #orangelink a:visited {
font-size: 11px;
color: #f7901e;
}

#events_container {
background: url(images/bg_events.gif) no-repeat 1px 0;
}

#district_container {
background: url(images/bg_district.gif) no-repeat 1px 0;
}

#mailing_list_container {
background: url(images/bg_mailing.jpg) no-repeat 1px 0;
}

#hours_container {
background: url(images/bg_hours.gif) no-repeat 1px 0;
}

#legal_container {
background: url(images/bg_legal.jpg) no-repeat 1px 0;
}

#gallery_container {
background: url(images/bg_district.gif) no-repeat 1px 0;
}

#flashcontent {
float: left;
margin-top: 10px;
}

#sustainability_container {
background: url(images/bg_sustainability.gif) no-repeat 1px 0;
}

#sustainability_txt {
width: 750px;
padding: 50px 0 0 50px;
line-height: 170%;
float: left;
color:white;
}

#campus_container {
background: url(images/bg_campus.jpg) no-repeat 1px 0;
}

#campus_txt {
width: 750px;
padding: 250px 0 0 400px;
line-height: 170%;
text-align:right;
color: black;
}

#production_container {
background: url(images/bg_production.gif) no-repeat 1px 0;
}

#production_txt {
width: 750px;
padding: 25px 0 0 25px;
line-height: 170%;
float: left;
color: white;
}

#production_txt a:link, #production_txt a:visited {
color: #09F;
}