@charset "utf-8";
/* CSS Document */

body { height: 100%; overflow: hidden; margin: 0; padding: 0; background-color: #fff; font-family: arial, sans-serif; text-align: center; color: #333333; font-size: 9px; line-height: 18px; letter-spacing: 1px; }

#container { height: 100%; width: 900px; margin: 0 auto 0 auto; padding: 0; }

#header { margin: 50px 0 0 0; padding: 0; width: 900px; height: 60px; text-align: left; border-bottom: 1px solid #333; background-image: url('jamie.gif'); background-repeat: no-repeat; position: relative; z-index: 1;}

#box-nav { margin: 31px 0 0 450px; padding: 0; width: 450px; text-align: left; float: left; }





#nav, #nav ul { /* all lists */	padding: 0; margin: 0; list-style: none; line-height: 100%; }

#nav li span { display: block; padding: 10px; text-decoration: none; color: #333; border-bottom: 1px solid #333; cursor: pointer; }

#nav li a { display: block; padding: 10px; text-decoration: none; color: #333; border-left: 1px solid #fff; }

#nav li { /* all list items */ float: left; width: 150px; }

#nav li ul { /* second-level lists */ position: absolute; width: 150px; height: auto; left: -999em; z-index: 3; }

#nav li:hover ul { left: auto; background-color: #fff; }

#nav a:hover { /* top level */ color: #333; border-left: 1px solid #333; background-color: #ffffcc; }





#content { height: 75%; width: 900px; background-color: #ffffff; margin: 0; padding: 0; float: right; position: relative; z-index: 0;}

#flashcontent { width: 100%; height: 100%; }



#bio { text-align: justify; }
.biopic { border: solid 1px #333; margin: 25px 25px 25px 0; }

.space { margin-top: 25px; }

#portfolios { text-align: left; }
#ptfimg { margin: 0 32px ; float: left;  }
#portfolios a { text-decoration: none; color: #333; }
#portfolios a:hover { color: #333; text-decoration: none; background-color: #ffffcc; }
#ptf-nav { margin: 0; float: left; width: 250px; }
#ptf, #ptf ul { padding: 0; margin: 10px 0 0 0; list-style: none; line-height: 100%; }
#ptf li a { display: block; padding: 10px; text-decoration: none; color: #333; border-left: 1px solid #fff; }
#ptf li { /* all list items */ width: 150px; }
#ptf li:hover ul { background-color: #fff; }
#ptf a:hover { color: #333; border-left: 1px solid #333; background-color: #ffffcc; }





#contact { height: 200px; text-align: left; }
#contact a { text-decoration: none; color: #333; }
#contact a:hover { color: #333; text-decoration: none; background-color: #ffffcc; }	



#footer { width: 600px; margin: 20px 150px ; padding: 0; clear: both; font-size: 9px; color: #999; }

#footer a { text-decoration: none; color: #333; }
#footer a:hover { color: #333; text-decoration: none; background-color: #ffffcc; }
.nolink { color: #ffffff; background-color: #ffffff; }
.nolink a { background-color: #999; }