*{
padding: 0;
margin: 0;
}

body {
margin: 0;
padding: 0;
font-family: "Lucida Grande",sans-serif;
font-size: medium;
background-image: url(http://www.mplpropertiesinc.com/images/bg.gif);
}

ul {
list-style: none; padding-left: 30px;}


#main-text p {
text-align: left;
margin-left: 20px;
margin-right: 20px;
background-color: #ffffff;
}

h1 {
font-size: 100%;
padding-bottom: 4px;
padding-top: 8px;
padding-left: 50px;
padding-right: 0;
color: #000000;
border-bottom: 1px #0061c9 solid;
border-top: 1px solid #0061c9;
letter-spacing: 5px;
font-weight: normal;
background-color: #e1ecee;
margin-top: 0;
margin-bottom: 0;
}

h1.project { font-size: 100%; margin-top: 20px;
background-color:#0061c9;
color: white;
}


h1.list { font-size: 100%; margin-top: 20px;
background-color:#c98a00;
border-top: 1px solid #003c7c;
color:#003c7c;
}

h2 {
padding-bottom: 3px;
padding-right: 0;
color: #000000;
border-bottom: 1px #003c7c solid;
letter-spacing: 5px;
margin-left: 20px;
margin-right: 20px;
font-size: 110%;
font-weight: bold;
margin-top: 0;
padding-top: 12px;
}

/* entire page holder */

#wrapper {
width: 720px;
height: auto;
margin: 30px auto;
padding: 0;
border: 1px #0061c9 solid;
}

/* Banner across top of page that says the name of the whole site */

#main-title {
margin: 0;
font-size: .7em;
letter-spacing: 5px;
text-align: right;
padding: 8px 50px 8px 0;
font-weight: bold;
background-color: #828282;
color: #ffffff;
border-bottom: 1px #0061c9 solid;
}

/* To create the main logo area near the top of the page. */

#header-image {
background: #fff; text-align: center;
height: 177px; padding-top: 10px;
border-top: 2px #003c7c solid;
}

/* For the main navigation bar for the site. */

#navbar {
float: left;
margin: 0;
width: 100%;
padding: 0;
list-style: none;
background-color: #003c7c; 
}

#navbar li {
float: left;
margin: 0; padding: 0;
font-family: "Lucida Grande",sans-serif;
font-size: 70%; background: # 7d7d7d url(http://www.mplpropertiesinc.com/images/buttonbottom.png) repeat-x bottom left;
}

#navbar a {float: left; display: block; margin: 0 5px 0 0;
padding: 4px 8px; color: #003c7c; text-decoration: none; 
background: #003c7c url(http://www.mplpropertiesinc.com/images/buttonbg.png) repeat-x top left; color: white;
border-left: 1px solid #82b4e9; border-right: 1px solid #034791;
border-top: 1px solid #82b4e9}

#navbar a.current {
color: black; background: #7d7d7d url(http://www.mplpropertiesinc.com/images/buttonover.png) repeat-x top left;
}

#navbar a:hover {
color: black;
text-decoration: none; background: #003c7c url(http://www.mplpropertiesinc.com/images/buttonhover.png) repeat-x top left; border-right: 1px solid #82b4e9; border-left: 1px solid #034791;
}

/* For the headline or other text directly under the navigation bar. */

#headline {
clear: left;
padding-top: 10px;
text-align: center;
background-color:#7d7d7d;
margin: 0;
border-bottom: 2px #0061c9 solid;
}

p.headliner {
color: white;
letter-spacing: .1em;
font-size: .7em;
padding: 0 20px 0 20px;
line-height: 1.4em;
margin-top: 10px;}

/* Main text area on main page below featured listings bar */

#main-text {
width: 720px;
height: auto;
margin: 0 0;
font-size: .7em;
line-height: 1.8em;
background-color: #ffffff;
}

/* the left box containing listing info */

div.floatleft {
width: 100%;
float: left;
height: auto;
clear: both;
background-color:#ffffff;
}

/* the slide show */

a.slidea {background:url(http://www.mplpropertiesinc.com/images/1.gif); }
a.slideb {background:url(http://www.mplpropertiesinc.com/images/2.gif); }
a.slidec {background:url(http://www.mplpropertiesinc.com/images/bldgsm.gif); }
a.slided {background:url(http://www.mplpropertiesinc.com/images/1.gif);}

div.holder {background-color:#ffffff;position:relative; float: right;padding-bottom:0px;margin: 10px 20px 20px 20px; background: url(http://www.mplpropertiesinc.com/images/mpllogo.gif) no-repeat; border: 1px solid gray;}
div.scrollbox {width:80px; height:150px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; float: right; }
a.gallery {display:block; border:1px solid #000; width:55px; height:34px; margin:3px;}
a.gallery span {display:block; position:absolute; left:5px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {display:block; position:absolute; width:230px; height:150px; background:#fff; z-index:100; top: 5px;}


/* Styles for the footer at the bottom of the page */

#footer {
clear: both;
text-align: center;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: 12px;
margin-top: 20px;
padding-right: 50px;
background-color:#0061c9;
color:#ffffff;
font-weight: bold;
}

#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #ffffff;
}