* {
margin: 0;
padding: 0;
}

html {
font-size: 100%;
}

body { 
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 62.5%;
color: #362f2d;
line-height: 1.5;
}

#black {
background: url(images/blackfooter.gif) left bottom repeat-x;
}

#skip {
position: absolute;
top: 10px;
right: 10px;
color: #ffffff;
}

#skip a {
color: #ffffff;
}

#container {
width: 943px;
margin: 0 auto;
}

#logo {
margin-top: 78px;
display: block; /*prevents small gap after image */
}

#contact {
float: right;
width: 293px;
margin-top: -161px;
background: #e1e1e1 url(images/contactbg.gif) 0 0 no-repeat;
padding: 16px 0 6px 11px;
font-size: 1.15em; /* made slightly smaller for Verdana */
font-weight: bold;
}

#maintitle {
min-height: 51px;
margin: 26px 0 34px 0;
background: url(images/maintitleblack.gif) 0 0 no-repeat;
}

h1 {
margin-left: 161px;
font-size: 1.8em;
}

#strapline {
margin-left: 161px;
font-size: 1.4em;
}

#web {
float: left;
clear: left;
width: 303px;
}

#multimedia {
float: left;
width: 303px;
margin-left: 17px;
}

#consulting {
float: left;
width: 303px;
margin-left: 17px;
}

h2 {
margin-bottom: 20px;
padding: 18px 0 10px 0;
line-height: 1;
font-size: 1.2em;
text-transform: uppercase;
background: #ececec url(images/h2bg.gif) 0 0 repeat-x;
text-align: center;
}

h3 {
font-size: 1.2em;
}

h4 {
font-size: 1.2em;
text-transform: uppercase;
}

p {
margin-bottom: 1em;
font-size: 1.2em;
}

#footer {
clear: left;
color: #ffffff;
height: 185px;
background: url(images/mhfooterblack.gif) 0 67px no-repeat;
}

#footer p {
padding: 70px 0 0 321px;
}

a, a:link, a:visited, a:hover {
text-decoration: none;
border-bottom: solid 1px;
padding-bottom: 1px;
}

a:link {
color: #362f2d;
}

a:visited {
color: #616161;
}

a:hover {
color: #0074D9;
}

#footer a:link {
color: #ffffff
}

#footer a:visited {
color: #ececec;
}

#footer a:hover {
color: #4192D9;
}

.imagecaption {
margin: -70px 0 27px 11px;
}