html, body { background: #464849 url(images/backgroundRepeat.png) top center no-repeat; margin: 0; padding: 0; margin-left: -0.1px; font-family:Helvetica,Arial,sans-serif; font-size: 12px; line-height: 15px; min-height: 100%; }
#backgroundTop { background: url(images/backgroundTop.png) top no-repeat; min-height: 835px; height: auto !important; height: 850px; min-width: 951px; margin: 0 auto; padding: 0; max-width: 1427px; }
#backgroundBottom { background: url(images/backgroundBottom.png) bottom no-repeat; min-height:725px; height: auto !important; height:850px; margin: 0; padding: 0 0 110px;min-width: 951px; max-width: 1427px;}

#footer { margin: -95px auto 0; width: 925px; font-size: 11px; color: #111; text-align: right; padding-right: 15px; }

#wrapper { width: 940px; margin: 0 auto; min-height: 285px; padding: 0 6px 0 5px;} 
#header { height: 75px; width: 100%; text-align: center; margin: 0; padding: 30px 0 0;}
#nav { margin: 60px 0 0; padding: 0; height: 300px; width: 197px; float: left; list-style-type: none; padding: 0 0 0 15px; }
#nav li { padding: 0; padding: 15px 0; }
.active { background: url(images/pointer.png) right center no-repeat;}
#right { width: 723px; float: left; min-height: 400px; }
#content { width: 685px; margin: 23px 20px 10px 22px;}

#workWrapper, #workContent, #workContent li { height: 481px; }
#workWrapper { width: 100%; overflow: hidden;}
#workContent { list-style-type: none; margin: 0; padding: 0;}
#workContent li { float: left; width: 675px; margin-right: 35px; }
.workButton { float: left;width:179px; height: 40px;  padding-top: 14px; cursor: pointer;  }
#workMiddle { float: left; width: 346px; height: 30px; margin-top: 4px; background: #3a3a3a; border-top:#000 1px solid; text-align: center; padding-top: 19px;}
#workMiddle img { margin: 0 10px; cursor: pointer;}
#workNav { width: 704px; height: 54px; margin: 0 10px; }
.workMainImage { height: 300px; float: left; width: 520px; margin-right: 20px; background-color: #fff; border: 2px #000 solid;}
.workImages { float: left; height: 300px; }
.siteButton, .siteButton:hover { height: 27px; width: 102px; background: url(images/siteBtn.png) no-repeat top left; text-align: center; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; display: block; line-height: 28px; text-decoration: none; }
.workImage { width: 115px; height: 66px; margin-bottom: 8px; background-color: #fff; border: 2px #000 solid; display: block; cursor: pointer;}
.workText { height: 112px;}
#workContent li p { margin: 9px 0 8px;}
#workContent li h3 { margin: 10px 0 7px;}
#nextButton { background: url(images/nextBtn.png) no-repeat top left;font-size: 21px; padding-left: 39px; width: 140px; }
#prevButton { background: url(images/previousBtn.png) no-repeat top left;font-size: 21px; padding-left: 57px; width: 122px; }

#aboutLeft { width: 55%; float: left;}
#aboutRight { width: 40%; float: right;}
.aboutRow { width: 100%; min-height: 20px; background: url(images/aboutRow.png) top repeat-x; line-height: 18px; margin-bottom: 5px; }
.aboutDetails, .aboutValue { float:left; background: #a5a5a5; }
.aboutDetails { font-weight: bold; }
.aboutValue { float: right; padding-left: 2px; text-align: right; max-width: 200px; }
#resumeButton { height: 52px; width: 182px; background: url(images/btnResume.png) no-repeat top left; display: block; text-align: center; color: #000; font-size: 24px; line-height: 19px; padding: 10px 0 0 20px; margin: 20px 0 0 20px; }
#resumeButton:hover { text-decoration: none; }
.smallButton { font-size: 10px; color: #fff; text-shadow: 0 1px 0 #333;}
#mePic { border: 2px solid #000;}

#contactForm, #contactDetails { float: left; width: 49%;}
#contactMessage { display: none; font-weight: bold; width: 100%; text-align: center; }
#contactForm label { width: 150px; line-height: 25px; display: block;}
#contactForm input, #contactForm textarea {font-family:Helvetica,Arial,sans-serif;}
.formField { height: 20px; width: 300px; font-size: 12px; margin-bottom: 5px; }
#contactForm textarea { height: auto;}
#fbutton { background: url(images/btn.png) no-repeat left top; border: 0; width: 102px; height: 32px; cursor: pointer; float: left;}
#loadingSpace { height: 25px; width: 25px; float: left; margin:  3px 0 0 20px;}

p { line-height: 18px;}
h2 { padding: 0 0 0 25px; margin: 0; font-size: 20px; line-height: 64px; height: 50px;text-shadow: 0 1px 0 #a5a5a5; text-transform: uppercase; display: block;  }
h3 { text-transform: uppercase; text-shadow: 0 1px 0 #cccccc; font-size: 18px; margin: 12px 0; }
a { text-decoration: none; color: #4C4C4C;}
a:hover { text-decoration: underline; color: #3F5763; }
a img { border: 0;}

.clr { float: none; clear: both; }
.headingFirst { margin-top: 0;}
.buttonText { text-transform: uppercase; text-shadow: 0 1px 0 #a5a5a5; font-size: 14px; font-weight: bold; line-height: 28px; }