@import url(https://fonts.googleapis.com/css?family=Nunito:300,700|Architects+Daughter);

body { border:0; margin:0; padding: 0; }

#h { background: #fff; height: 80px; }
#hi { width: 900px; height: 80px; margin: 0 auto; }
#hi a { display: block; background: url('_imgs/logosm.png') no-repeat scroll top left; width: 95px; height: 38px; font-size: 2px; text-indent: -999em; color: #fff; position: absolute; top: 20px; }

#mh { display: block; background: url('_imgs/mastheadbg.png') repeat-x; width: 100%; height: 201px; }

#mhi { position: relative; width: 900px; height: 200px; margin: 0 auto; padding: 0; z-index: 1; background: url('/_imgs/lxplaninv.jpg'); }
#mhm { position: absolute; height: 200px; top: 0px; left: 0px; width: 900px; z-index: 20; border: none; padding: 0; margin: 0; background: url('/_imgs/mastheadol-alt.png');} 

#mht { display: block; position: absolute; top: 20px; left: 600px; background: rgb(230, 230, 230); background: rgba(230, 230, 230, 0.9); width: 350px; height: 50px; z-index: 20; }
#mht h2 { font-family: 'Architects Daughter', cursive; margin: 0px 0 5px 10px; padding: 0; font-size: 24pt; }

#c { width: 100%; background: url('_imgs/bgc_eb.png') repeat; background-color: #ebebeb; border-top: 1px solid #ebebeb; }
#ci { width: 900px; margin: 0 auto; padding: 0; font-family: 'Nunito', sans-serif; font-size: 12pt; background: url('_imgs/foot-ol.png') bottom no-repeat; }

p.intro { font-size: 1.2em; }

img { border: 0; }
a {  font-family: 'Nunito', sans-serif; text-decoration: none; color: #369; border: 0; }
#c strong { font-family: 'Nunito', sans-serif; font-weight: 700; }

#fi { width: 900px; margin: 0 auto; padding: 0; font-family: 'Nunito', sans-serif; font-size: 12pt; background: url('_imgs/foot-ol.png') bottom no-repeat; height: 150px; color: #444;}
#fi p { float: left; margin: 16px 0 0 0; color: #444; }
#fi p.small { font-size: 9pt; clear: both; color: #444; }
#fi_resources { background: url('_imgs/lamp-sp.png') 10px 10px no-repeat; float: right; font-size: 12pt; font-weight: bold; width: 165px; height: 50px; border: 2px solid #ccc; padding: 10px 0 0 25px; margin: 16px 0 0 0; color: #444; }
#fi_resources:hover { color: #369; border: 2px solid #bbb; }

ul#fpmenu { display: block; width: 900px; height: 190px; list-style: none; padding: 0; margin: 0; }
ul#fpmenu li { margin: 0; padding: 0; }
ul#fpmenu li a { display: block; float: left; height: 190px; width: 190px; background-image: url('/_imgs/menu2.jpg'); text-indent: -999em; margin: 0; }

ul#fpmenu li a#fpm_theatre { background-position: 0 0; margin-right: 45px; }
ul#fpmenu li a#fpm_schools { background-position: -190px 0; margin-right: 45px; }
ul#fpmenu li a#fpm_events { background-position: -380px 0; margin-right: 45px; }
ul#fpmenu li a#fpm_architectual { background-position: -570px 0; }

.pg_home #mhi { background: url('/_imgs/lxplaninv.jpg'); }
.pg_theatre #mhi { background: url('/_imgs/mh_theatre.jpg'); }
.pg_avotitan #mhi { background: url('/_imgs/mh_titan.jpg'); }
.pg_intarchi #mhi { background: url('/_imgs/mh_corridor.jpg'); }
.pg_schools #mhi { background: url('/_imgs/mh_schools.jpg'); }
.pg_events #mhi { background: url('/_imgs/mh_events.jpg'); }
.pg_architectual #mhi { background: url('/_imgs/mh_architectual.jpg'); }