html, body { margin:0em 0 0 0; padding:0; background-color:#996; }
body { font: 0.8em  Verdana, Arial, Helvetica, sans-serif}
p { margin: 0px 10px 10px; } /* left & right 10px */
a { color: #990000; }
img { border: none; }

h1 { font: "Century Gothic"; font-size: 1.2em; font-weight: bold; }
h2 { font-size: 1em; font-weight: bold; }
h3 { font-size: 0.8em; font-weight: bold; font-style: italic; }

div#container{ width:980px; height: auto; margin:0 auto; text-align:left; background-color: #cc9;}
div#header{ background-color: #cc9; }
div#content{ width:980px; margin:0 auto; text-align:left; background-color: #cc9; }
div#leftcol{ width:170px; float: left;}
div#contenttext { width:780px; min-height: 350px; height: auto; margin: 0em 1em 1em 185px; }
div#footer{ width:980px; margin:0 auto; }
div#footer a { display: inline; padding-left: 0; font-size: 0.8em; color: #900; text-decoration: none; }
div#footer p { padding-bottom: 1em; text-align: center; font-size: 1em; font-weight: bold; color: #663;}

div#Nav { float:left; font-size: .8em; margin: 1em; width: 150px; background: url('/_images/liquidback2.jpg') z-index:5;}
div#Nav a { padding-left: 0; }
div#Nav ul { margin: 0; padding: 0; list-style: none; }
div#Nav ul li { display: block; margin-left: 0px; text-align: center; padding: 0px 5px 5px 5px;}
div#Nav ul li a { color: #000; font-size: .85em; text-decoration: none; }
div#Nav ul li img { padding: 10px 0px 0px 0px; }
div#Nav ul li.current { font-weight: bold; }
div#Nav ul li a:hover { color: #663; }
div#Nav ul li a:active { font-weight: bold; }

.copyright { text-align: center; font-size: 0.75em; color: #fff; }
.vinjoy { display:inline; text-decoration: none; color: #000; }
.hdrTagline { float:right; margin-right:.5em; color:#663; }
table.gridText { border-style:none; border-collapse:collapse; }
.gridText td { padding: .2em; }
.gridText li { margin-left: -18px; } 

#imap {display:block; width:332px; height:332px; background:url('/_images/construction-materials.png') no-repeat; position:relative; margin:0 auto; z-index:10;}

#imap a#boxes:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #general {left:7px; top:7px; z-index:20;}
#imap #electrical {left:166px; top:7px; z-index:20;}
#imap #plumbing {left:7px; top:166px; z-index:20;}
#imap #projects {left:166px; top:166px; z-index:20;}

#imap a#link_g {display:block; width:155px; height:155px; text-decoration:none; z-index:20;}
#imap a#link_e { display:block; width:155px; height:155px; text-decoration:none; z-index:20;}
#imap a#link_p { display:block; width:155px; height:155px; text-decoration:none; z-index:20;}
#imap a#link_pm { display:block; width:155px; height:155px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a#link_g:hover em, #imap a#link_e:hover em, #imap a#link_p:hover em, #imap a#link_pm:hover em {z-index:30;}

#imap a#link_g:hover {border:2px solid #000; background:url('/_images/general_transp.png') no-repeat;}
#imap a#link_e:hover {border:2px solid #000; background:url('/_images/electrical_transp.png') no-repeat;}
#imap a#link_p:hover {border:2px solid #000; background:url('/_images/plumbing_transp.png') no-repeat;}
#imap a#link_pm:hover {border:2px solid #000; background:url('/_images/project_transp.png') no-repeat;}
