html, body { min-height: 100%; }
body { font-family: arial, helvetica, sans-serif; text-align: center; background: white url(../images/background.jpg) 40% top no-repeat; padding: 30px 0; color: white; } * html body { height: 100%; }
#container { width: 624px; text-align: left; margin: 0 auto; min-height: 1000px; }

a { color: white; text-decoration: none; }
a:visited {  }

strong { font-weight: bold; }
em { font-style: italic; }

#header { position: relative; height: 241px; margin-top: 50px; }
#header h1 { line-height: 0.8em; position: absolute; font-family: "times new roman", serif; font-style: italic; font-weight: bold; text-transform: uppercase; font-size: 27pt; margin-top: 4px; } * html #header h1 { line-height: 1em; margin-top: 0; left: 0; }
#header h1 span { font-style: normal; font-weight: normal; padding-left: 57px; font-size: 40pt; }
#header h1 a { text-decoration: none; }
#header #subscriber_form { margin-left: 257px; border: 1px solid white; width: 357px; height: 59px; padding: 2px; }
#header #subscriber_form input#id_email { font-size: 14px; font-style: italic; color: gray; width: 250px; border: 0; background: none; border-bottom: 1px solid white; color: #c5d1f6; float: left; margin: 20px 26px 0 20px; padding-bottom: 1px; }
#header #subscriber_form input#id_email.focus { font-style: normal; color: white; }
#header #subscriber_form .submit { font-size: 11px; display: block; float: left; border: 1px solid white; padding: 8px 2px 8px 2px; width: 55px; height: 41px; }
#header #subscriber_form .submit:hover { background: white; color: #4667be; }
#header #short_bio { position: absolute; padding-top: 8px; text-align: justify; font-size: 13px; color: #eff3ff; line-height: 16px; letter-spacing: 0.05em; }
#header ul { position: absolute; top: 211px; width: 624px; text-align: right; }
#header ul li { display: inline; }
#header ul li a { text-transform: uppercase; font-weight: bold; text-decoration: none; font-style: italic; font-size: 12px; color: #eff3ff; letter-spacing: 1px; }

#content {  }
#content ul#grid { overflow: hidden; }
#content ul#grid li { width: 130px; height: 130px; padding: 9px; background: white; position: relative; float: left; margin: 0 10px 10px 0; }
#content ul#grid li .on, #content ul#grid li .off { width: 130px; height: 130px; position: absolute; }
#content ul#grid li .off a { display: block; height: 130px; width: 130px; font-size: 13px; padding: 2px; color: #4667be; }
#content ul#grid li img {  }
#content ul#grid li.right-side { margin-right: 0; }

.images li { padding-bottom: 10px; }

#work { padding: 10px 10px 0 10px; background: white; color: #4667be; }
#work .description { margin-bottom: 12px; font-size: 13px; line-height: 16px; letter-spacing: 0.05em; }