@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }
h2, h3, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }

/* =html */
html { background : #FFFFEE url(../images/background.gif) repeat; height:100%; overflow-y:auto; min-height: 100%; margin-bottom: 1px;}
/* =body */
body { font : bold smaller Arial, sans-serif;  color : #000000; }

a {text-decoration: none;}
a img { border:1px solid black;}
a, a:active {color: #000;}
a:hover {text-decoration: underline;}
#navigation a, a:active {color: #faf1dd;}
#navigation a:visited {color: #ddc692;}
#navigation a:hover {color: #FFFFFF;}

#portfolioNavigation a, a:active {color: #371d04;}
#portfolioNavigation a:visited {color: #371d04;}
#portfolioNavigation a:hover {color: #000;}
#portfolioNavigation li {color:#d56100;}

h2 { color : #a52c00; background-color:#faf1dd; padding :0 1em 0 2em;margin :0 -3em 0 -1.75em;}
h2.first {padding :0 1em 0 120px;}
ul {margin :1em 5em;cursor: default; }
#navigation li {color:#d56100;}
li {list-style-type:square; list-style-image:url(../images/hex.png); }
div#container { width : 800px; margin : 0 auto; text-align : left;  }

#mastheadTop{ width : 100%; height : 112px; background : url(../images/headerTop.png) no-repeat;  text-indent : -9999px; }
#mastheadBottom {display:block; width : 405px; height : 226px; position:relative; z-index : 1; background : url(../images/headerBottom.png) no-repeat;  text-indent : -9999px;  margin : 0 -15em 0 0; padding : 0 0 0 0; overflow : visible; }



#navigation { display: block; background-color : #371d04; padding : .5em 1em .5em 60px; margin : -226px 0 0 370px;}
#navigation li {display: inline; list-style-type:none; margin-right: 0.5em; padding-right: 0.75em; border-right: 1px solid #faf1dd; font : bold 12px Arial, sans-serif; }
#navigation li.last{border-right:0;}

#portfolioNavigation {color:#371d04;}
#portfolioNavigation { display: block; background-color : #c5d2c1; padding : .5em 1em .5em 126px; margin : 0 0 0 280px;}
#portfolioNavigation li {display: inline; list-style-type:none; margin-right: 0.5em; padding-right: 0.75em; border-right: 1px solid #371d04; font : bold 12px Arial, sans-serif; }
#portfolioNavigation li.last{border-right:0;}

#content_portfolio li {display: inline; list-style-type:none;}
#content_portfolio p.description {margin-top: 10px;}
#content_portfolio ul {margin-top:.5em;}
#webLink {display:block; color: #a52c00; background-color:#faf1dd; border: 1px solid #000; margin: -12px 67px 10px 404px; padding:5px 5px 5px 6px;}
#content_portfolio { background-color : #eee8c7; padding : 10px 35px 10px 34px; width : 560px;}
div#contentP {  border-left: 37px solid #c5d2c1;  margin : 0 0 0 134px; }
#introParagraph {margin: 0 0 10px 140px;}

div#content {  border-left: 120px solid #c5d2c1;  margin : 0 0 0 134px; }
/**//*#sidebar { background-color : #c5d2c1; float : left; height : 45em; width : 9em; margin : 0 -10em 0 -666px;} */
div#content_m {  border-left: 160px solid #c5d2c1;  margin : 0 0 0 134px; }
#content_main { background-color : #eee8c7;  padding : 80px 35px 125px 34px; width : 437px;}
#content_clients { background-color : #eee8c7;  padding : 80px 35px 125px 34px; width : 477px;}
#content_services { background-color : #eee8c7; padding : 50px 35px 10px 34px; width : 477px;}
#content_services ul {padding:2 0 0 0; }
#content_services li.first {list-style-image:none; list-style-type:none; margin: 0 0 .5em -1.5em;}
#servicesParagraph {margin: -40px 0 10px 120px;}

#content_contact { background-color : #eee8c7;  padding : 10px 35px 10px 74px; width : 437px;}
#sidebar { position:relative; float: left; margin:-280px 0 0 -165px; font : bold x-small Arial, sans-serif;  color : #000000;}

#footer {background-color : #faf1dd; margin : 0 0 0 134px; text-align:center; color:#371d04; font-size:smaller;}

#content img.illus {
	float: left;
	margin: 1em 1.5em 1em -1em;
}

#content img.bgElement {
	float: right;
	margin: -4em 1.5em 0em 0em;
}
/*div#navigation {  background-color : #371d04; float : left; height : 20em; width : 10em; margin : 0 -22em 0 134px;  padding : 22em 0 0 1em }
*/
}