body { text-align: center; font-family: sans-serif; }
#container { width: 990px; text-align: left; margin: 30px auto; color: #454f51; overflow: hidden; padding-top: 10px; }

a { color: #454f51; text-decoration: none; font-weight: bold; }

#content { padding: 10px 0; }
#content h1 { font-size: 18px; margin-bottom: 1.5em; }
#content p { line-height: 1.4em; margin-bottom: 1em; }

#header { text-transform: uppercase; }
#header h1, #header h2 { display: inline; }
#header h1 a { font-size: 30px; color: #818181; margin-right: 20px; }
#header h2 { font-size: 22px; color: #c5b1d2; }

#navigation { margin: 20px 0; }
#navigation li { display: inline; margin-right: 30px; }
#navigation li.last { margin-right: 0; }
#navigation li a { color: #a5a5a5; }
#navigation.design #design a,
#navigation.press #press a,
#navigation.links #links a,
#navigation.about #about a,
#navigation.contact #contact a { color: #606060; }
#navigation li a:hover { color: black; }

#grid li { display: block; float: left; width: 330px; height: 330px; }
#grid li a { display: block; width: 330px; height: 330px; overflow: hidden; }
#grid li a:hover img { display: none; }
#grid li div.on { font-size: 28px; width: 300px; height: 300px; padding: 15px; text-transform: uppercase; color: white; }

#clip-list {  }
#clip-list h2 { margin-bottom: 15px; font-size: 30px; }
#clip-list h3 { margin-bottom: 4px; font-weight: bold; display: inline; }
#clip-list h4 { margin-bottom: 3px; color: gray; font-size: 13px; display: inline; }
#clip-list ul { margin-bottom: 25px; }
#clip-list ul li { margin-bottom: 12px; }
#clip-list ul li a { outline: 0; font-weight: normal; border-bottom: 1px dotted gray; }
#clip-list div.expand { display: none; position: absolute; margin: 20px 0 20px 90px; border: 2px solid gray; }

#link-list li { line-height: 30px; float: left; display: block; width: 160px; margin-right: 30px; }
#link-list li a { font-size: 13px; border-bottom: 1px dotted gray; font-weight: normal; }

#overlay { z-index: 3000; background: rgba(79,84,90,0.85); width: 100%; height: 100%; top: 0; display: none; position: fixed; }
#overlay .container { width: 760px; margin: 0 auto; padding: 20px; text-align: center; }
#overlay .container img { border: 1px solid white; }
#overlay .close-overlay { text-transform: uppercase; line-height: 30px; color: white; }