p, h1, h2, h3, h4, h5, form { margin: 0; padding: 0; }

a { color: #FFF100; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

body { background-color: black; color: white; font-family: arial,tahoma; font-size: 12px; margin:0; }
img { border: none; }

.clear { clear:both; }

div#container { position: relative; width: 100%; }
div#main { left: 50%; margin-left: -400px; width:800px; position: fixed; text-align: center; z-index: 2;  }
div#menu { left: 50%; margin-left: -400px; width:800px; position: fixed; text-align: center; z-index: 3;  }

div#menu a { color: #999B65; font-size: 18px; font-weight: bold; margin: 0 10px 0 10px; }
div#menu a:hover { color: black; text-decoration: none;}
div#menu a.current { color: black; }




div#content { height:100%; left: 50%; margin-left: -400px; position: absolute; text-align: center; top:360px; width:800px; }
div#footer { padding: 50px; }





/* design page */
.thumbnails img { margin: 0 10px 20px 10px; border: 1px solid #999B65; }
.design img {border: 1px solid #999B65; }
.notes {  background: #3B3D09; font-size: 11px; margin: 20px 0 100px 190px; padding: 10px; width: 400px; }

.notes strong { color: #999B65; font-size: 14px; margin-right: 5px; }
.notes strong.title { color: white; font-size: 16px; }



/* experience page */

#resume { width: 600px; padding: 0 100px; }
#resume h1 { font-size: 26px; font-weight: bold; }
#resume h2 { font-size: 12px; font-weight: bold; margin: 5px 0 0 0; }
#resume h2 a { color: #F5C810; font-size: 16px; }
#resume h2.occupation { color: #B7B7B7; }
	#resume .section { margin: 60px 0 0 0; }
	#resume .section .info { padding: 10px 30px; }

.section h3 { color: #FFF100; font-size: 16px;  margin: 0; }
.section hr { color: #FFF100; height: 2px; width: 100%; margin: 0; }

.info p { color: #FFF438; font-size: 16px; font-weight: bold; padding-top: 10px; }
.tabs div { font-size: 13px; }