body {font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0; background: #FFF;}
  
#container {position: relative; margin: 0 auto; width: 950px;}

#content {padding: 10px; padding-bottom: 100px; min-height: 600px;}
#header {position: absolute; top: 0px; left: 0px; height: 40px; width: 950px; border-bottom: 1px dotted #DDD;}
#home {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none;}
#home h4 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 2px; }
#garcia {color: #99ccff;}

#home a {text-decoration: none;}
#home a:link {color: #999;}
#home a:visited {color: #999;}
#home a:focus {color: #999;}
#home a:hover {color: #999;}
#home a:active {color: #999;}

#nav ul {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; position: absolute; top: 18px; right: 0px; width: 230px; text-align: right; list-style: none; margin: 0; padding: 0;}
#nav li {display: inline; padding: 0 0 0 .5em;}
#nav a {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #999999; text-decoration: none;}
#nav a:link {color: #999999;}
#nav a:visited {color: #999999;}
#nav a:focus {color: #99ccff;}
#nav a:hover {color: #99ccff;}
#nav a:active {color: #99ccff;}

#portfolio {color: #99ccff; margin: 0 .75em 0 0;}

#image {position: absolute; top: 90px; left: 0px; padding: 0 1.75em 0 0;}

div#sidebar {position: absolute; top: 90px; width: 210px; right: 0px; padding: 0 0 0 1.1em; border-left: 1px dotted #999999;}
#sidebar ul{list-style: none; margin: 0; padding: 0 0 0.5em 0; border-bottom: 1px dotted #999999;}
#sidebar li {letter-spacing: 0px; padding: 0 0 0.15em 0;}
#sidebar h5 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #CCCC66; margin: 0; padding: 0 0 .25em 0;}
#caption {padding: .5em 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 1.3em; letter-spacing: 0em; color: #999999}
#sidebar a {font-family: Georgia; font-size: 13px; color: #999999; text-decoration: none;}
#sidebar a:link {color: #676767;}
#sidebar a:visited {color: #676767;}
#sidebar a:focus {color: #FF6600;}
#sidebar a:hover {color: #FF6600;}
#sidebar a:active {color: #FF6600;}

#credits {padding: 1em 0 0 0; font-family: Lucida Grande; Verdana, Sans-Serif; font-size: 11px; font-weight: normal; color: #676767}
#credits h5 {font-family: Lucida Grande; Verdana, Sans-Serif; font-size: 12px; font-weight: normal; color: #CCCC66; margin: 0; padding: 0 0 .25em 0;}
#credits p {margin: 0; padding: 0;}


#footer {position: absolute; width: 950px; height: 38px; bottom: 0; border-top: 1px dotted #DDD; list-style: none;}
#footer ul {font-family: Arial, Helvetica, Verdana, sans-serif; color: #CCC; font-size: 11px; text-align: left; left: 0px; list-style: none; margin: 0; padding: 1em 0 0 0;}
#footer li {display: inline; padding: 0 1.25em 0 1.25em;}
#footer a {color: #CCC; text-decoration: none;}
#footer a:link {color: #CCC;}
#footer a:visited {color: #CCC;}
#footer a:focus {color: #FF6600;}
#footer a:hover {color: #99ccff;}
#footer a:active {color: #99ccff;}


#contact_info {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #676767; text-decoration: none; padding: 0 0 .5em 0; }
#contact_info a {color: #676767; text-decoration: none;}
#contact_info a:link {color: #676767;}
#contact_info a:visited {color: #999999;}
#contact_info a:focus {color: #FF6600;}
#contact_info a:hover {color: #CCCC66;}
#contact_info a:active {color: #FF6600;}

#download {font-family: Arial; font-style: italic; font-size: 13px; color: #AAA; padding: 0 0 .25em 0; text-decoration: none;}
#download a {font-family: Arial, serif; font-size: 13px; color: #CCCC66; letter-spacing: 0; text-decoration: none;}
#download a:link {color: #99ccff;}
#download a:visited {color: #99ccff;}
#download a:focus {color: #6473a4;}
#download a:hover {color: #6473a4;}
#download a:active {color: #6473a4;}
#dotted_line {border-bottom: 1px dotted #DDD; margin: 10px 0 10px 0;}



#resume_page {position: absolute; top: 80px; left: 0px; width: 650px; line-height: 1.1em; padding: 0; margin: 0; color: #999999; text-decoration: none;}
#res_description {font-family: Arial, Helvetica, sans-serif; color: #676767; font-size: 12px;}
#res_description a {font-family: Arial, sans-serif; font-size: 12px; color: #999999; font-style: none; letter-spacing: 0; text-decoration: none;}
#res_description a:link {color: #999999;}
#res_description a:visited {color: #99ccff;}
#res_description a:focus {color: #FF6600;}
#res_description a:hover {color: #FF6600;}
#res_description a:active {color: #FF6600;}
#res_description ul {list-style: url(images/bullet.gif); margin: 0 0 0 3em; padding: 0 0 0.5em 0;}
#res_description li {letter-spacing: 0px; padding: 0 0 0.15em 0;}

#blue {font-family: Georgia; font-size: 14px; color: #999; letter-spacing: .1em; margin: 0 0 .5em 0; padding: .25em 0 .25em 0; text-decoration: none;}
#yellow {font-family: Arial; font-size: 16px; color: #AAA; padding: 0 0 .25em 0; text-decoration: none;}
#educate {font-family: Arial; font-size: 14px; color: #AAA; padding: 0 0 .25em 0; text-decoration: none;}

#yellow a {font-family: Arial, sans-serif; font-size: 16px; color: #CCCC66; font-style: normal; letter-spacing: 0; text-decoration: none;}
#yellow a:link {color: #99ccff;}
#yellow a:visited {color: #99ccff;}
#yellow a:focus {color: #6473a4;}
#yellow a:hover {color: #6473a4;}
#yellow a:active {color: #6473a4;}
#gray {font-family: Arial; font-size: 13px; color: #bbb; padding: 0 0 .25em 0; text-decoration: none;}
#quokka {font-family: Arial; font-size: 13px; color: #aaa; margin: 0 0 0 5px; text-decoration: none;}