@charset "utf-8";
/* CSS Document */
body {background:url(back1.gif) top center repeat;}
#wrap {width:800px; margin:0 auto; padding:0; border-left:1px solid #000; border-top:1px solid #999; border-right:1px solid #EEE; border-bottom:1px solid #F2F2F2; background:url(wrapback.png) top left repeat-y;}
a:link {color:#000; text-decoration:none;}
a:visited {color:#4D4D4D; text-decoration:none;}
a:hover, a:visited:hover {color:#FF0000; text-decoration:underline;}

/* Identity and Sidebar */
#side {width:296px; margin:0; padding:0; float:left;}
h1#identity {width:59px; display:block; margin:0; padding:26px 0 0 0; float:left; font:normal 32px/1.4em Georgia, "Times New Roman", Times, serif; color:#FFF; text-align:center; text-transform:lowercase; background-color:#000; cursor:pointer;}
ul#nav {width:237px; display:block; list-style:none; margin:0; padding:0; float:left; font:normal 18px/1.2em Arial, Helvetica, sans-serif; letter-spacing:6px; text-align:center;}
ul#nav li {width:237px; display:block;}
ul#nav li a {width:237px; height:54px; display:block; margin:0; padding:32px 0 0 0; text-decoration:none;}
ul#nav li a:visited {text-decoration:none;}
ul#nav li a:hover {color:#FF0000;}
ul#nav li a.current {font-weight:bold;}
a#home {background-color:#4D4D4D;}
a#experience {background-color:#666666;}
a#education {background-color:#808080;}
a#portfolio {background-color:#999;}
a#video {background-color:#B3B3B3;}
a#about {background-color:#CCC;}
a#contact {background-color:#E6E6E6;}
a#home, a#experience, a#education, a#home:visited, a#experience:visited, a#education:visited {color:#FFF;}
a#video, a#about, a#contact, a#video:visited, a#about:visited, a#contact:visited, a#portfolio, a#portfolio:visited {color:#000;}

/* Content area */
#content {width:504px; float:left; background:#FFF;}
.layer {width:474px; min-height:590px; margin:0; padding:5px 10px 5px 20px; display:none;}
h4 {font:bold 48px/1.2em Georgia, "Times New Roman", Times, serif; font-style:italic; margin:0 0 16px 0; padding:8px 0 0 0; letter-spacing:6px;}
.container {display:inline; margin:0; padding:0; border:0;}

/* Lower Nav Area */
.lowernav {width:442px; margin:10px 0; padding:10px; border:1px solid; text-align:center;}
.lowernav ul {width:442px; margin:0; padding:0; border:0; display:block; list-style:none;}
.lowernav ul li {display:inline;}
.lowernav ul li a, .lowernav ul li a:visited {display:inline-block; margin:0; padding:0 5px; font:bold 12px/1.2em Arial, Helvetica, sans-serif; text-decoration:none;}
.lowernav ul li a:hover {color:#FF0000!important; text-decoration:none!important;}
.lowernav ul li a {border-right:1px solid;}
.lowernav ul li a.lastlink {border-right:none;}
.lowernav p {margin:0; padding:9px 0 0; font:normal 18px/1.2em Georgia, "Times New Roman", Times, serif; letter-spacing:3px;}
.lowernav p a, .lowernav p a img {border:0;}
.lowernav p a {margin-right:10px;}

/* Home Layer */
.home h3 {margin:0; padding:6px 0 0 0; font:bold 60px/1.2em Georgia, "Times New Roman", Times, serif; font-variant:small-caps; color:#B3B3B3; letter-spacing:6px;}
.home h3 span {color:#4D4D4D;}
.home p, .home ul {font:normal 18px/1.2em Georgia, "Times New Roman", Times, serif; color:#4D4D4D; letter-spacing:3px;}
.home ul {list-style:circle;}
.home p span, .home ul span {color:#000;}

/* Experience Layer */
.experience {width:464px; padding:5px 20px; background-color:#666666; color:#FFF; font:normal 14px/1.2em Arial, Helvetica, sans-serif;}
.experience h4 {color:#FFF;}
#exp-control {margin:0 0 27px 0; padding:10px; border:1px solid #FFF; font:normal 12px/1.2em Arial, Helvetica, sans-serif;}
#experience-control {margin:0 0 0 150px;}
ul.job {font:normal 12px/1.2em Arial, Helvetica, sans-serif;}
p.skills, p.workexp, ul.skills li span, .company, .jobtitle, .jobtech {font-weight:bold;}
.jobdate {font-style:italic;}
p.skills, p.workexp {text-align:center; margin:14px 0 5px 0; padding:5px 0; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
.experience .lowernav {border-color:#999;}
.experience .lowernav ul li a:link, .experience .lowernav ul li a:visited {border-right-color:#999; color:#FFF;}
.experience .lowernav p {color:#999;}
.experience .lowernav p span {color:#FFF;}

/* Education Layer */
.education {width:464px; padding:5px 20px; background-color:#808080; color:#FFF; font:normal 14px/1.2em Arial, Helvetica, sans-serif;}
.education h4 {color:#FFF;}
#edu-control {margin:0 0 27px 0; padding:10px; border:1px solid #FFF; font:normal 12px/1.2em Arial, Helvetica, sans-serif;}
#education-control {margin:0 0 0 214px;}
.education h5 {font:bold 14px/1.2em Arial, Helvetica, sans-serif; text-align:center; margin:14px 0 5px 0; padding:5px 0; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
.degree, .schoolname {font-weight:bold;}
.schooldate {font-style:italic;}
.education .lowernav {border-color:#B3B3B3;}
.education .lowernav ul li a:link, .education .lowernav ul li a:visited {border-right-color:#B3B3B3; color:#FFF;}
.education .lowernav p {color:#B3B3B3;}
.education .lowernav p span {color:#FFF;}

/* HTML Portfolio Styles */
.portfolio {width:464px; padding:5px 20px; background-color:#999;}
.portfolio h4 {color:#000; padding:0 0 0 5px;}
.project {width:442px; margin:0 0 10px 0; padding:10px; border:1px solid #FFF; font:normal 11px/1.2em Arial, Helvetica, sans-serif;}
.project h5 {font:bold 24px/1.2em Georgia, "Times New Roman", Times, serif; margin:0 0 5px; padding:0; border:0; letter-spacing:2px;}
.project h6 {font:bold 14px/1.2em Georgia, "Times New Roman", Times, serif; margin:0 0 10px; padding:0; border:0; letter-spacing:1px;}
.project .text {width:161px; margin:0; padding:0; float:left;}
.text p {margin:0 0 6px 0; padding:0;}
.text p.date, .text p.status {font:normal 12px/1.2em Arial, Helvetica, sans-serif;}
.text p.date, .text p.status span, .text p.standards span {font-style:italic;}
.text ul {margin:0; padding:0 5px 0 14px; list-style-type:circle;}
.text ul li {margin:0 0 6px;} 
.project .image {width:271px; margin:0; padding:0 0 0 10px; float:left;}
.image a.mainimg, image a.thumb, .image a.mainimg img, .image a.thumb img {border:0;}
.image a.mainimg {display:block; margin:0 0 5px 0; padding:0;}
.image a.thumb {display:block; float:left; margin:0 5px 5px; padding:0;}
.image p {margin:11px 0; padding:0 0 0 5px; float:none; clear:left;}
.portfolio .lowernav {border-color:#CCC;}
.portfolio .lowernav ul li a, .portfolio .lowernav ul li a:visited {border-right-color:#CCC; color:#000;}
.portfolio .lowernav p {color:#CCC;}
.portfolio .lowernav p span {color:#000;}

/* Video */
.video {width:464px; padding:5px 20px; background-color:#B3B3B3;}
.video h4 {color:#000;}

/* About this Site */
.about {width:464px; padding:5px 20px; background-color:#CCC;}
.about h4 {color:#000;}

/* Contact */
.contact {width:464px; padding:5px 20px; background-color:#E6E6E6; font:normal 18px/1.2em Georgia, "Times New Roman", Times, serif; color:#000;}
.contact h4 {color:#000;}
ul.coninfo {width:464px; margin:0 0 20px; padding:0; float:left; list-style:none;}
ul.coninfo li {display:block; float:left; margin:0; padding:7px 0 0; list-style:none;}
ul.coninfo li.last {float:right; padding:0;}
ul.coninfo li a, ul.coninfo li a img, ul.networkinfo li a, ul.networkinfo li a img  {border:0;}
p.networkinfo {clear:both; padding-top:40px;}
ul.networkinfo {width:404px; margin:0 auto; padding:0 20px; list-style:none;}
ul.networkinfo li {display:block; float:left; margin:10px; padding:0;}
ul.networkinfo li.clearleft { clear:left; }

/* Self-Clearing Floats */
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden; }

/* IE 7 Clearfix */
*:first-child+html .clearfix { height:1%; }