body { background: #999; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; }
a:link, a:visited, a:active, a:hover { color:#0000CC; }
.container { width:950px; margin:0 auto; }
#header { width:950px; height:110px; display:block; background:url(../images/layout/header.jpg) no-repeat; }
#header h1 { display:none; }
#left_side { width:240px; background:url(../images/layout/left.jpg) no-repeat; }
#right_side { width:210px; background:url(../images/layout/right.jpg) no-repeat; }
#footer { clear:left; width:950px; height:38px; display:block; background:url(../images/layout/footer.jpg) no-repeat; }
#main_content { float:left; display:block; width:500px; height:600px; overflow:hidden; position:relative; background:#FFF; }
.column { float:left; position:relative; height:600px; }
.content { position:absolute; top:0; left:0; display:block; width:500px; height:600px; overflow:auto; background:#FFF; z-index:1; }
.content h2 { font-family:"Courier New", Courier, mono; font-size:20px; }
#yui-history-iframe { position:absolute; top:0; left:0; width:1px; height:1px; visibility:hidden; }

ul#main_menu { list-style:none; margin:10px 0 0 20px; padding:0; width:170px; }
ul#main_menu span { display:none; }
ul#main_menu li { margin:0; padding:0; display:inline; }
ul#main_menu li a { display:block; background:url(/images/layout/menu.jpg) no-repeat 0 0; width:170px; outline:none; }
ul#main_menu li#menu_home a { background-position:0 0; height:24px; }
ul#main_menu li#menu_aboutme a { background-position:0 -24px; height:34px; }
ul#main_menu li#menu_resume a { background-position:0 -58px; height:31px; }
ul#main_menu li#menu_photography a { background-position:0 -89px; height:35px; }
ul#main_menu li#menu_reel a { background-position:0 -124px; height:36px; }
ul#main_menu li#menu_contact a { background-position:0 -160px; height:31px; }

ul#main_menu li#menu_home a:hover, ul#main_menu li#menu_home a.active { background-position:-170px 0; height:24px; }
ul#main_menu li#menu_aboutme a:hover, ul#main_menu li#menu_aboutme a.active { background-position:-170px -24px; height:34px; }
ul#main_menu li#menu_resume a:hover, ul#main_menu li#menu_resume a.active { background-position:-170px -58px; height:31px; }
ul#main_menu li#menu_photography a:hover, ul#main_menu li#menu_photography a.active { background-position:-170px -89px; height:35px; }
ul#main_menu li#menu_reel a:hover, ul#main_menu li#menu_reel a.active { background-position:-170px -124px; height:36px; }
ul#main_menu li#menu_contact a:hover, ul#main_menu li#menu_contact a.active { background-position:-170px -160px; height:31px; }

#aboutme img { float:right; margin:0 0 10px 10px; border:1px solid #000; }

h3 { width:95%; border-bottom:1px double #999; }

#contact p { margin:0 0 10px 0; }
#contact label { display:-moz-inline-block; display:inline-block; width:120px; }
#contact input { width:200px; border:1px inset #000; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; }
#contact textarea { width:250px; height:75px; border:1px inset #000; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }
#contact #submit { width:60px; border:1px outset #000; background:#CCC; font-family:Georgia, "Times New Roman", Times, serif; }
#contact #contact_error { font-weight:bold; font-style:italic; }
#contact .missing { background-color:#FFCCCC; }

#resume { position:relative; }
#resume h3 { text-transform:uppercase; }
#resume .job { padding:10px 10px 10px 0; border-top:1px dashed #CCC; }
#resume .first { border:none; padding:0 10px 10px 0; }
#resume .job p { margin:0 0 2px; color:#666; }
#resume .job h4 { margin:0; font-size:1em; }
#resume .job ul { margin:5px 0; padding:0 0 0 25px; }
#resume .job ul ul { margin:0; padding:0 0 0 20px; }
#resume #word_version { position:absolute; top:0; right:10px; }
#resume #skills li { display:inline-block; width:200px; }