@charset "UTF-8";

/* CSS Document */

/* position: absolute */


* {margin: 0; padding: 0;} /* heavy-handed way to neutralize default padding and margin */

#IE6Message {display:none;} /* this hides the page from Internet Explorer 6 by default */

html {
	font-size: 67%;
	font-weight: bold;
	letter-spacing: 0.3em;
	text-align: center;
} /* reduce font size so that 1em (declared in BODY) will roughly equal 10px; 1.1em = 11px, etc. */
body {background: #FFF url(../images/backfill_gold.gif) repeat-x 0 0; font: 1em Geneva, sans-serif;} /*notice that the background property is a short cut */
img {border: 0 none;}
        
#container {margin: 0 auto; width: 724px;}

h1 {width: 332px; height: 70px; background: url(../images/mbda_logo_red.png) no-repeat 0 0; margin: 40px 0;} /* h1 for better accessibility and SEO */
h2 {clear: both; width: 721px; height: 24px; background: url(../images/row_fill.png) no-repeat 0 0; text-align: left; padding: 0 0 0 6px; font-weight: normal; font-size: 1em; text-shadow: 2px 2px 2px #CCC; color: #CE5C3F; letter-spacing: 0.4em; font-size: 1.1em;}
h3 {font-size: 1.25em;color: #353731;text-align: right; padding: 0 6px 0 6px; font-weight: normal; text-shadow: 2px 2px 2px #CCC;letter-spacing: 0.2em;}

h1 span, h2 span, h3 span {position: absolute;    left: -10000px;    overflow: hidden; top: auto; width: 1px;    height: 1px;} /* accessibility and SEO; moves text off-screen for screen readers */

ul {clear: both; margin: 20px 0; list-style-type: none;} /* naviation is usually best put in a UL because it is a list after all */
ul li {float: left; width: 180px; height: 40px; margin: 6px 0; margin-top: -40px;} /* floating cancels normal flow so see next comment */
* html ul li {width: 170px;} /* for IE6; also note that your PNGs will not work in IE6 */
ul li img {display: block; margin: 0 auto;} /* so since floatted containers don't center, we apply centering on the content of the DIV */
ul li.graphics img {margin-left: 0;}
ul li.design img {margin: 0 24px;}
ul li.illustration img {margin: 0 60px;}
ul li.contact img {margin-right: 0;}

.row {clear: both; margin: 4px 0;} /* stop floating */
.row div {float: left; width: 240px; height: 160px;}
.row div img {display: block; margin: 0 auto;}
.row div.short {height: 100px; margin-top: 40px;}
img.tall {display: block; margin: 60px auto 0;}

a:link {padding: 0; margin: auto;
	text-decoration: none;
	color: #353731;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}