body { background: #fbf7e6; font-size: 100%; line-height: 1.125em; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; }

p { margin: 0 0 15px 0; }

a { color: #4c493d; text-decoration: none; }

#topbar { background: url("../images/topbar.gif") repeat-x; height: 6px; }

.overlay { background: url("../images/topbar.gif"); position: absolute; top: 761px; left: 0; height: 100%; width: 100%; z-index: 50; cursor: pointer; }

.container { position: absolute; top: 0px; left: -9999em; z-index: 51; }

#header { position: fixed; top: 40px; height: 161px; width: 100%; font-size: .75em; background: url("../images/header-bg.png"); }
#header div { width: 960px; margin: 0 auto 0; }
#header div img { float: left; margin-right: 77px; }
#header div ul { list-style: none; padding-top: 76px; }
#header div li { float: left; margin: 0 60px 0 0; }

.section { margin: 238px auto 0 auto; width: 960px; }

#about { clear: left; color: #b2b19d; font-size: .75em; }
#about h1 { background: url("../images/h1-welcome.png") no-repeat; width: 804px; height: 93px; text-indent: -9999px; margin-bottom: 37px; }
#about #resume { float: left; width: 300px; }

.english { float: left; margin: 0 10px 0 0; width: 300px; }

.spanish { float: left; margin: 0 10px 0 0; width: 300px; }

.active { height: 56px; background-position: 0 0; }

#work { clear: both; padding: 244px 0 0 0; }
#work ul#sort { float: left; width: 102px; background: url("../images/project-ul-bg.jpg") no-repeat; background-position: right top; height: 137px; }
#work ul#sort li#motion { margin-top: 2px; display: block; height: 15px; width: 102px; background: url("../images/motion_button.png") no-repeat; background-position: 0 -56px; }
#work ul#sort li#print { display: block; height: 15px; width: 102px; background: url("../images/print-button.png") no-repeat; background-position: 0 -56px; }
#work ul#sort li#code { display: block; height: 15px; width: 102px; background: url("../images/web-button.png") no-repeat; background-position: 0 -56px; }
#work ul#sort li#all { display: block; float: right; width: 26px; height: 15px; background: url("../images/all-button.gif") no-repeat; background-position: 0 0; }
#work ul#sort li { display: block; cursor: pointer; text-indent: -9999px; margin-bottom: 12px; }
#work div#projects { float: left; width: 858px; height: 975px; }
#work div#projects div { border: 4px; border-style: solid; border-color: #e5e1d1; float: left; width: 272px; height: 223px; margin: 0 6px 6px 0; }

#tipographia { display: none; width: 800px; height: 361px; z-index: 99; }

#bumper, #poster { display: none; }

#contact { color: #b2b19d; font-size: .75em; height: 530px; clear: both; padding: 244px 0 0px 0; }
#contact h1 { background: url("../images/h1-contact.png") no-repeat; width: 386px; height: 109px; text-indent: -9999px; margin-bottom: 37px; }
#contact a { font-family: Georgia, serif; font-style: italic; }

.tooltip { position: absolute; top: 0; left: 0; background: url("../images/tooltipbg.png") no-repeat; height: 125px; font-size: 1.125em; width: 125px; font-family: Georgia, serif; font-style: italic; text-align: center; padding-top: 40px; color: #fbf7e6; z-index: 3; display: none; }