html {background: #7eb349 url(../images/main-bg-400x300.jpg) repeat-x top center;}
body {background:transparent;  text-align:center; font-family: Arial,Helvetica,sans-serif; font-size: 76%;}

.centered {text-align: center;}
a:link{color: #7eb349; background: white;}
a:visited{color:#5b8035; background: white;}
a:hover{color: #202020; background: #7eb349;}
a:active{color: white; background:#7eb349;}
a.external {background: url(../images/external-icon-10x10.gif) center right no-repeat; padding-right: 13px;}
a.external:hover {background: #7eb349 url(../images/external-icon-10x10.gif) center right no-repeat; padding-right: 13px; color: #202020;}
a.img:link, a.img:visited, a.img:hover, a.img:active {background: transparent;}
a image{border: 0;}
strong {font-weight: bold;}
/* CSS preloading */
#preload {height: 0; overflow: hidden;}

sup {line-height: 1em; font-size: 80%; color: #202020;}

p, h1, h2, h3, table{margin: .5em 0 .25em 0;}
img.fright {float: right; margin-left: 1em;}

h1 {font-size: 2em;  font-weight: normal; margin: .5em 0;}
/*Cover-up Text Replacement (http://wellstyled.com/css-replace-text-by-image.html)*/
body#home h1 {position:relative; margin: .5em auto 1em auto; overflow:hidden; width:78px; height:26px;}
body#home h1 span { display:block; position:absolute; left:0; top:0; z-index:1; width:78px; height:26px; margin:0; padding:0; background:url("../images/hello-78x26.gif") top left no-repeat; }
body#resume h1 {position:relative; margin: .5em auto 1em auto; overflow:hidden; width:190px; height:31px;}
body#resume h1 span { display:block; position:absolute; left:0; top:0; z-index:1; width:190px; height:31px; margin:0; padding:0; background:url("../images/forestroyse-190x31.gif") top left no-repeat; }
body#portfolio h1 {position:relative; margin: .5em auto 1em auto; overflow:hidden; width:124px; height:27px;}
body#portfolio h1 span { display:block; position:absolute; left:0; top:0; z-index:1; width:124px; height:27px; margin:0; padding:0; background:url("../images/portfolio-124x27.gif") top left no-repeat; }
/*end text replacement*/

h2 {font-size: 1.2em; font-weight: bold; margin: 1.5em 0 .25em 0;}
h2 a {font-size: .8em; font-weight: normal;}
h3 {font-size: 1.2em;}
#header {position: relative; width: 780px; margin: 20px auto -2px auto; text-align: left; overflow:visible; z-index: 2;}
#wrapper {position: relative; width: 780px; background: white; margin: 0px auto 10px auto; text-align: left; border: 2px solid #696969; z-index: 1;}
	#copy {position: relative; margin: 3em 72px; overflow: hidden; }
	#copy p {line-height:1.5em;}
	p.intro {font-size: 1.2em;}
	.section {border-bottom: 1px dotted #7eb349; margin: 0 0 1em 0;  padding-bottom: 1em;}
	.section .pieces { text-align:center;}
	.pieces a.img {margin: 0px 3px;}
#footer {position: relative; overflow:hidden; background: white; margin: 0 auto 20px auto; text-align: left; border: 2px solid #696969; width: 780px;}
	#footer p { float: left; width: 318px; margin: 0 0 0 72px; padding: 12px 0 0 0; /*border: 1px solid red;*/}
	#footer  #buttons li {float: right; margin: 0 4px 2px 0;}
	#footer #buttons {float:right; width: 318px; margin: 4px 72px 0 0;}


#contactInfo {width: 100%;}
#contactInfo tr td {width: 33%; padding: .2em 0;}
#contactInfo .c1 {text-align: left;}
#contactInfo .c2 {text-align: center;}
#contactInfo .c3 {text-align: right;}

#skills {position: relative; overflow: hidden;}
.skillGroup {float: left; width: 33%;}