* { margin:0; }
html, body { height:100%; }

.clear {clear:both;}

#wrapper { background:url(images/topbg.png) repeat-x;  min-height:100%; height:auto !important; height:100%; margin:0 auto -187px; }
#wrapper2 { width:960px; margin:auto; }
#wrapper3 { width:960px; margin:auto; }
#header { height:72px; width:100%; padding-top:17px; }
#push { height:187px; }
#footer { height:187px; width:100%; background:url(images/bottombg.png) repeat-x; background-color:#6a9c9c; position:absolute; }
.dontoverlap {width:100%;height:100%;overflow:auto;margin-bottom:30px;}
object {margin-bottom:40px;}

h1#title { text-indent:-2000em; background:url(images/clairearmstrong.png) no-repeat; float:left; width:360px; height:44px; }
h2 { font: 24px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#616161;letter-spacing:-0.5px; }
h3 { font: 18px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#6a9c9c;letter-spacing:-1px; }
p { font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#414141; }
.heavy { font: small-caps bold 12px Arial, Helvetica, Geneva, sans-serif; }
.employer { font: bold 12px Arial, Helvetica, Geneva, sans-serif; text-transform:uppercase; }
em {font: italic 12px Arial, Helvetica, Geneva, sans-serif; }

#globalnav { display:block; float:right; margin-top:23px; height:40px; width:440px; }
#globalnav li { display:block; float:left; height:40px; }
#globalnav a { text-indent:-2000em; display:block; float:right; height:40px; }

a#resume { width:99px; background:url(images/resume.png) no-repeat; }
a#blog { width:80px; background:url(images/blog.png) no-repeat; }
a#web { width:77px; background:url(images/web.png) no-repeat; }
a#print { width:80px; background:url(images/print.png) no-repeat; }
a#identity { width:103px; background:url(images/identity.png) no-repeat; }
a:hover#resume { width:99px; background:url(images/resume_on.png) no-repeat; }
a:hover#blog { width:80px; background:url(images/blog_on.png) no-repeat; }
a:hover#web { width:77px; background:url(images/web_on.png) no-repeat; }
a:hover#print { width:80px; background:url(images/print_on.png) no-repeat; }
a:hover#identity { width:103px; background:url(images/identity_on.png) no-repeat; }

#col1 {width:278px; height:145px; padding:20px; float:left;}
#col2 {width:278px; height:145px; padding:20px; float:left;}
#col3 {width:278px; height:145px; padding:20px; float:left;}
.vertbar {width:3px; height:169px; background:url(images/vertbar.png) no-repeat; float:left; padding:0; margin-top:5px;}

ul.social {list-style-type: none; margin-top:10px; padding:0; width:125px; float:left;}
.social a {font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#414141; text-decoration: none;}
.social img {margin:4px;}

ul#services1 {width:125px; display:block; padding: 0 0 0 10px; float:left; list-style-type: square; margin-top:10px; font: 11px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#414141; text-decoration: none;}
ul#services2 {width:115px; display:block; padding: 0 0 0 25px; float:left; list-style-type: square; margin-top:10px; font: 11px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#414141; text-decoration: none;}

#contact {margin-top:10px;}
.contactform {font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#414141; border:1px solid #7e7c7c; padding:3px; margin-bottom:5px; width:175px;}
label {font: 11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#414141; text-transform: uppercase; width:70px; height:15px; float:left;}
.submit {font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#414141; border:1px solid #7e7c7c; padding:3px; margin-left:204px; width:50px;}

#downloadresume {height:40px; width:100%; padding:5px; background:#f0f0f0; text-align:right; margin-bottom:20px;}
#downloadresume img {margin:5px;}
#downloadresume a {font: 12px/22px bold "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform:uppercase; color:#616161; text-decoration:none;}
#resumewrapper {margin-left:200px;}
.skills {float: left; border-collapse: collapse; border: 0px solid #000000; display:block; margin-right:20px;}
.skills .rowa {background: #f0f0f0;}
.skills .rowb {background: #fff;}
.skills .cell {padding: 5px; border: 0px solid #000000;font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#414141; width:150px;}

#photo {width:430px; float:left; clear:left;}
#aboutme {width:530px; float:left;}