/* CSS Reset By Eric Meyer: meyerweb.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

body{background: #fefefe url(../images/dh2logo.jpg) fixed 0% 8% no-repeat; font-size: 11pt; font-family: sans-serif ;}
h1 {font-weight: bold; font-size: 14pt; color: #0b7c3f; width: 97%; border-bottom: 3px double #040; padding-top: 10px}
h2 {font-weight: bold; font-size: 12pt; color: #359334; margin-top: 12px}
sup{vertical-align: text-top; font-size:  70%;}
td{padding: 2px 3px}
tr td:first-child{border-bottom: 1px dashed #000;padding: 3px 3px 0 0; width: 170px}
input[type="submit"]{color: #f0f5f0; border:  1px dotted #f0f5f0; background-color: #0b7c3f;}

#wrapper{position: relative; margin:40px auto 0px 300px; width:650px; min-height:300px; border-right: 1px dotted #0b7c3f; padding-bottom: 25px}

#wrapper > * {padding-left: 5px}
#wrapper p {width: 95%; margin: 10px 0;}
#wrapper ul {width: 95%; margin: 10px 0 10px 35px;}
#wrapper ul li { list-style-type: disc; padding: 5px 0 0 10px}
#wrapper ul li ul li{list-style-type: square}

.portfolio-item{width: 90%; margin-top: 5px; border-bottom: 1px dashed #0b7c3f}
.portfolio-item img{display: block; float: left; margin: 0 5px 0 0;}
.portfolio-item div{ margin-left: 215px}
.portfolio-item div ul {margin: 4px 0 10px 0 !important}
.portfolio-item div ul li{list-style-type: none !important; padding-left: 0 !important}
.portfolio-item div h3 {font-weight: bold; margin-bottom: 0px; text-decoration: underline;}
.right-text{text-align: right; width: 240px !important}

#options {margin: 0 auto 15px auto; width: 50%; background: #405}
#options  li{float: left; width: 25%; text-align: center; height: 25px; list-style-type: none !important}

#contact_content{clear: left;  margin-top: 56px}
#footer {margin: 1px auto 15px 300px; width:650px; border-top: 1px dotted #0b7c3f; clear: both}
#footer ul{margin: 0 auto; width: 94%}
#footer ul li{float: left; width: 18%; text-align: center; height: 25px; margin: 0 1%}
#footer a{display: block;  height: 20px; padding-top: 4px}
#footer a:link{color: #0b7c3f; text-decoration: underline;}
#footer a:visited{color: #000}
#footer a:hover, #footer a.active {color: #0b7c3f; border:  1px dotted #0b7c3f; border-top: none; background-color: #f0f5f0; text-decoration: none}
#footer a:active {color: #007000}

#header {position: absolute; top: 0px; margin: 10px auto 5px 300px; width:650px; border-bottom: 1px dotted #0b7c3f;}
#header ul{margin: 0 auto; width: 94%}
#header ul li{float: left; width: 18%; text-align: center; height: 25px; margin: 0 1%}
#header a{display: block;  height: 20px; padding-top: 4px}
#header a:link{color: #0b7c3f; text-decoration: underline;}
#header a:visited{color: #000}
#header a:hover, #header a.active {color: #0b7c3f; border:  1px dotted #0b7c3f; border-bottom: none; background-color: #f0f5f0; text-decoration: none}
#header a:active {color: #007000}