* { margin: 0; padding: 0; }

body { background: #1d1b1b; font-family: arial, helvetica, verdana, sans-serif; font-size: 62.5%; color: #eeeeee; }

h1 { width: 264px; height: 24px; display: block; float: left; background: url(../images/main-header.png); text-indent: -999999em; margin-bottom: 9px;}

h2 { width: 265px; height: 12px; display: block; float: left; background: url(../images/sub-header.png);  text-indent: -999999em; margin-bottom: 28px;}
img { border: none; }
a { text-decoration: none; color: #eeeeee;}
a:hover { text-decoration: underline; }
#wrapper { width: 800px; margin: 0 auto; /* background: url(../images/bg-main.gif) top left no-repeat; */ padding: 80px 0 0 0; overflow: hidden; position: relative; }
.error { background: #1d1b1b url(../images/error.jpg) top center no-repeat; }


#header { width: 306px; float: left; margin-bottom: 40px;}
#header p { clear: both; font-size: 1.2em; margin-bottom: 10px;}

#options { position: absolute; z-index: 5000; left: 417px; top: 150px; width: 300px; list-style: none; }
#options li { display: block; float: left; margin-right: 20px;}

#content { width: 800px; float: left; }

.project { width: 800px; float: left; margin-bottom: 40px;}

.project .preview { width: 397px; border: 1px solid #eeeeee; float: left; }
.project .synopsis { width: 378px; float: right; padding: 0 0 0 22px;}
.project .synopsis h3 { text-transform: uppercase; border-bottom: 1px solid #eeeeee; padding-bottom: 8px; margin-bottom: 10px; letter-spacing: 1px; font-size: 1.4em;}
.project .synopsis p { font-size: 1.3em; line-height: 1.3em; margin-bottom: 10px;}
.project .synopsis ul.info { list-style: none; font-size: 1.3em; margin-bottom: 5px;}