
body     { color: #564b47; font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; background-color: #fff; background-image: url(graphics/dot_bg.gif); margin: 0; padding: 0 }
img { border: 0px;  }
a  { color: #333; font-stretch: semi-expanded; text-decoration: none }
a:visited  { color: #999 }
a:hover  { color: #b4bd94 }
a:active  { color: #8a9857 }
#current { color: #8a9857; text-decoration: underline }
h1  { font-size: 11px; background-color: #dce0cc; background-image: url(graphics/top_fade.gif); margin: 0; padding: 3px 15px 3px 5px; border-top: 1px solid black; border-right: 1px solid #000; border-left: 1px solid black }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
h3  { color: #8b9858; font-size: 10px; text-indent: 0; margin: 0; padding-top: 0; padding-bottom: 2px; clear: both; border-bottom: 1px dotted black }
h4 { color: #8b9858; font-size: 10px }
p  { margin: 0; padding: 5px }
pre  { font-size: 10px; text-indent: 0 }
img.download {vertical-align:middle;}
#photoholder        { background-image: url(graphics/top_fade_02.gif); background-repeat: repeat-x; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 70px; padding-left: 100px; position: relative; width: 648px; height: auto; min-height: 300px; overflow: hidden }
#photoholderSS     { background-image: url(graphics/top_fade_02.gif); background-repeat: repeat-x; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 70px; padding-left: 100px; position: relative; width: 648px; height: 400px; min-height: 300px; overflow: hidden }


#container     { background-color: white; margin: 0 auto; padding: 0; width: 749px; height: 100% }
#banner   { background-color: #000; background-image: url(graphics/hl_banner_01.gif); background-repeat: no-repeat; background-position: 5px 2px; text-align: left; text-indent: 0; padding-top: 1px; padding-bottom: 3px; padding-left: 400px; height: 110px; border-right: 1px solid #ccc }
.whitetxt { color: #fff; font-size: 10px }
#thumbnails { margin: 0; padding: 0; width: 347px; height: 75px; max-width: 348px; max-height: 75px; overflow: auto; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
.blacktxt { font-size: 11px }
#portfolio { background-color: #d9b200; width: 250px; height: 111px; vertical-align: top }
#content{ 
position: relative; 
margin: 0px; 
}
#nav   { background-color: white; background-position: 0 0; padding-top: 5px; width: 390px; border-right: 1px solid black }
#navcontainer    { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; display: inline }
#navcontainer UL  { list-style-type: none; display: inline; margin: 0; padding: 0; border-style: none; border-color:  }
#navcontainer LI  { display: inline; margin: 0; padding: 0 }
#navcontainer A  { color: #000; text-decoration: none; display: inline; margin: 0; padding: 5px 10px 0 5px; border-right: 1px dashed black }
#navcontainer A:hover, #navcontainer A:active  { color: #8a9857 }
#navcontainer #current   { color: #8b9858 }
#navcontainer A.active:link, #navcontainer A.active:visited { font-weight: bold; background: #bbbbbb; position: relative; z-index: 102 }
#subnav { font-size: 10px; text-align: left; padding-top: 15px; padding-right: 5px; padding-left: 190px; width: 195px; border-right: 1px solid black }
#base     { background-image: url(graphics/base_fade.gif); background-repeat: repeat-x; background-position: 0 bottom; text-indent: 10px; height: 260px }
#portfoliobase  { background-image: url("graphics/base_fade.gif"); background-repeat: repeat-x; background-position: 0 bottom; text-indent: 10px; width: 749px; height: 260px }
#newsheader { background-repeat: repeat-x; text-indent: 0; margin-left: 350px; width: 287px }
#newstext { font-size: 10px; background-image: url(graphics/base_fade.gif); background-repeat: repeat-x; text-indent: 0; margin-right: 210px; margin-left: 350px; padding: 5px 5px 5px 10px; width: 270px; border: solid 1px black }
#contactxt { font-size: 10px; background-image: url(graphics/base_fade.gif); background-repeat: repeat-x; text-align: left; text-indent: 0; letter-spacing: 1px; margin-right: 20px; margin-left: 300px; padding: 5px 5px 5px 10px; width: 350px; height: 200px; border: solid 1px black }
.email a:hover   { color: #fff }
#projectdesnote  { font-size: 10px; background-position: 0 top; text-indent: 0; margin-top: -177px; margin-left: 200px; padding: 5px 5px 5px 10px; width: 250px; float: left }
#projectdes  { font-size: 10px; background-position: 0 top; text-indent: 0; margin-top: -140px; margin-left: 200px; padding: 5px 5px 5px 10px; width: 250px; float: left }
#footer     { color: #dce0cc; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #8a9857; text-align: center; margin: 0 auto 0; padding-top: 20px; padding-right: 0; padding-bottom: 2px }
.footer a:link { color: #fff }
