@charset "UTF-8";
/* CSS Document */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, em, img, ins, small, strike, strong, sub, sup, tt, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
body {
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 62.5%;
line-height: 62.5%;
color: #464646;
text-align: center;
background-color: #B2B2B2;
background-image: url(images/body-bkg.gif);
background-repeat: repeat-x;
min-height: 550px; /* for good browsers */
min-width: 822px; /* for good browsers */
background-position: left center;
}
/* mac hide \*/
html,
body{
height:100%;
}
/* end hide */
p,
li {
margin-bottom: 1em;
font-size: 1.1em;
line-height: 1.4em;
}
h1 {
font-size: 1.5em;
line-height: 1.1em;
}
#content a:link {
color: #1D74D6;
font-weight: bold;
text-decoration: none;
}
#content a:visited {
font-weight: bold;
color: #6AA3E3;
text-decoration: none;
}
#content a:hover {
color: #0053A7;
text-decoration: underline;
}
#content a:active {
text-decoration: underline overline;
}

table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: collapse;
}
input, textarea {
margin-top: .5em;
}
#wrap-vertical {
float: left;
height: 50%;
width: 100%;
margin-top: -258px; /* half of #wrapper's height */
}

#wrapper {
width: 802px;
height: 516px;
margin-right: auto;
margin-left: auto;
text-align: left;
clear: both;
}
#header  h2 {
font-size: 0px;
line-height: 0px;
}

#header a {
background-image: url(images/header-text.gif);
background-repeat: no-repeat;
display: block;
height: 27px;
width: 270px;
text-indent: -9999px;
background-position: 0px 0px;
}
#header a:hover {
background-position: 0% 100%;
}
#content-wrapper {
background-image: url(images/wrapper-bkg.gif);
background-repeat: repeat-x;
background-color: #E9E9E9;
}
#content-wrap-top-right {
background-image: url(images/wrap-tr.gif);
background-repeat: no-repeat;
background-position: right top;
}
#content-wrap-btm-left {
background-image: url(images/wrap-bl.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 20px;
height: 420px;
padding-top: 24px;
}

#content {
width: 730px;
margin-left: 35px;
height: 420px;
}
/* vertical centering technique for subpages from http://www.dynamicsitesolutions.com/css/vertically-centering-elements/ */
#content-subpage { /* was div.valignmid1 in example */
position: relative;
display: table;
vertical-align: middle;
height: 420px;
}
#inner { /* was div.valignmid2 in example */
display: table-cell;
vertical-align: middle;
position: relative;
}

#about #inner {
width: 214px;
}
#about #content {
background-image: url(images/20080308_08.jpg);
background-repeat: no-repeat;
background-position: 500px center;
}

#contact h1, #about h1 {
background-repeat: no-repeat;
background-position: right center;
float: left;
height: 420px;
width: 250px;
margin-right: 15px;
text-indent: -9999px;
}

#about h1 {
background-image: url(images/about-header.jpg);
}

#contact h1 {
background-image: url(images/contact-header.jpg);
}

#mePic   {
float: right;
padding-top: 3px;
padding-bottom: 10px;
padding-left: 10px;
}
#copyright-vertical {
height: 0px;
width: 0px;
}
#copyright-vertical p {
font-size: 0px;
line-height: 0px;
text-indent: -9999px;
}
#footer-nav {
height: 17px;
margin-top: 4px;
}
#footer-nav li {
float: right;
list-style: none;
}
#footer-nav li a {
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
height: 17px;
background-image: url(images/footer-btns.gif);
background-position: 0% 0%;
font-size: 0px;
line-height: 0px;
}
#footer-nav #contact-btn a {
width: 84px;
background-position: 100% 100%;
}
#footer-nav #contact-btn a:hover {
background-position: 100% 0%;
}
#footer-nav #resume-btn a {
width: 91px;
background-position: 67% 100%;
}
#footer-nav #resume-btn a:hover {
background-position: 67% 0%;
}
#footer-nav #about-btn a {
width: 79px;
background-position: 35% 100%;
}
#footer-nav #about-btn a:hover {
background-position: 35% 0%;
}
#footer-nav #portfolio-btn a {
width: 92px;
background-position: 0% 100%;
}
#footer-nav #portfolio-btn a:hover {
background-position: 0% 0%;
}