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: relative; top: 60px; left: -10px; width: 700px; padding: 0 1.5em 0px 0; margin: 0 0 2em 0; border-right: 1px dotted #ddd;}

#sidebar {position: absolute; top: 70px; width: 215px; height: 1000px; right: 0px; padding: 0 0 0 1.1em; }
#sidebar ul{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; list-style: none; margin: 0; padding: 0 0 0.5em 0; border-bottom: 1px dotted #ddd;}
#sidebar li {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; letter-spacing: 0px; padding: 0 0 0.15em 0;}
#sidebar h5 {font-family: Georgia, serif; font-size: 14px; font-weight: normal; color: #BBB; margin: 0; padding: 0 0 .25em 0;}
#caption {padding: .5em 0 0 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.3em; letter-spacing: 0em; color: #999999}
#caption_sub {padding: 0 0 0 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 1.3em; letter-spacing: 0em; color: #999999}

#sidebar a {font-family: Arial; font-size: 13px; color: #999999; text-decoration: none;}
#sidebar a:link {color: #aaa;}
#sidebar a:visited {color: #aaa;}
#sidebar a:focus {color: #99ccff;}
#sidebar a:hover {color: #99ccff;}
#sidebar a:active {color: #99ccff;}


#credits {padding: 1em 0 0 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #676767}
#credits h5 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: normal; color: #99ccff; margin: 0; padding: 0 0 .25em 0;}
#credits p {margin: 0; padding: 0;}

#sidebartitle {padding: 1em 0 0 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #676767}
#sidebartitle  h5 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: normal; color: #888; margin: 0; padding: 0 0 .25em 0;}
#sidebartitle  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;}

#big_type {font-family: Georgia, Serif; font-style: normal; font-size: 28px; letter-spacing: 1px; line-height: 1.1em;}
#big_type a {color: #99ccff; text-decoration: none;}
#big_type a:link {color: #99ccff;}
#big_type a:visited {color: #99ccff;}
#big_type a:focus {color: #CCCC66;}
#big_type a:hover {color: #CCCC66;}
#big_type a:active {color: #99ccff;}

#date {font-family: Georgia; font-size: 12px; color: #BBB;  text-decoration: none; margin: 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, Verdana, sans-serif; color: #676767; font-size: 12px;}
#orange {font-family: Georgia; font-size: 13px; color: #99ccff; letter-spacing: .1em; text-decoration: none;}
#yellow {font-family: Georgia; font-size: 13px; color: #CCCC66; text-decoration: none;}
#yellow a {font-family: Georgia, serif; font-size: 13px; color: #CCCC66; font-style: italic; letter-spacing: 0; text-decoration: none;}
#yellow a:link {color: #CCCC66;}
#yellow a:visited {color: #CCCC66;}
#yellow a:focus {color: #99ccff;}
#yellow a:hover {color: #99ccff;}
#yellow a:active {color: #99ccff;}
#white {font-family: Georgia; font-size: 13px; color: #FFFFFF; text-decoration: none;}

#res_description a {font-family: Georgia, serif; font-size: 13px; color: #999999; font-style: italic; letter-spacing: 0; text-decoration: none;}
#res_description a:link {color: #999999;}
#res_description a:visited {color: #999999;}
#res_description a:focus {color: #99ccff;}
#res_description a:hover {color: #99ccff;}
#res_description a:active {color: #99ccff;}

#contact_info {position: absolute; top: 145px; left: 430px; width: 200px; height: 100px; font-family: Helvetica; font-size: 14px; color: #676767; text-decoration: none; padding: 0 0 .5em 1em; line-height: 1.25em; border-left: 1px dotted #999999;}
#contact_info a {color: #999999; text-decoration: none;}
#contact_info a:link {color: #CCCC66;}
#contact_info a:visited {color: #CCCC66;}
#contact_info a:focus {color: #99ccff;}
#contact_info a:hover {color: #99ccff;}
#contact_info a:active {color: #99ccff;}

-----