body {font-family:"Lucida Console", Monaco, monospace;width: 870px;   margin-right: auto; margin-left: auto; padding:10px; height: 100%; }



#navigation {width: 160px;  position: fixed; }

#email {font-size: 11px; text-align: center; margin-bottom: 20px; letter-spacing:1px}

ul {list-style: none; letter-spacing: 1px; margin-left: -40px; font-size: 12px;color: #FFFFFF;text-align:left;padding-bottom:20px; }

li a { font-style: normal; color: #FFFFFF; text-decoration: none; white-space: nowrap;}
li a:link {font-style: normal;}
li a:hover {font-style: normal; color: #ff0099;}

li.current_page a{color: #ff0099;}


#spacer {height: 190px;}

#blacknavbox {background-color: #000000;width: 160px; overflow: hidden;}

/*.blacktop div {background: url(portfolio_images/bumper_2.gif) no-repeat top right;}*/
/*.blacktop_2 div {background: url(portfolio_images/bumper_1.gif) no-repeat top right;}*/

.blackbottom {}

/*.blackbottom div {background: url(portfolio_images/bumper_3.gif) no-repeat bottom right;}*/
/*.blackbottom_2 div {background: url(portfolio_images/bumper_4.gif) no-repeat bottom left;}*/

/*.blacktop div, .blacktop  .blackbottom, .blackbottom div {width: 100%; height: 35px;}*/
/*.blacktop_2 div, .blacktop_2  {width: 100%; height: 35px;}*/
/*.blackbottom_2 div, .blackbottom_2 {width: 100%; height: 35px;}*/

#samplenavbox {font-size: 12px;  position: fixed; margin-left: 705px; margin-top: 280px; width: 149px; overflow: hidden;}
#samplenavbox a{font-style: normal; color: #000000;text-decoration: none;text-align: left;white-space: nowrap;}
#samplenavbox a:link {font-style: normal; }
#samplenavbox a:hover {font-style: normal; color: #ff0099}

 #samplenavbox a.current_work {color: #ff0099}
 


#logo a, #logo2 a, #logo3 a, #logo4 a, #logo5 a { width: 157px; height:0px; padding-top: 87px; float: left;  overflow: hidden; background-image: url('portfolio_images/logo.jpg');margin-bottom: 8px; display:block;}
#logo a:link {background-position: 0px 0px;}
#logo a:hover {background-position: 0px -174px;}

#logo2 a:link {background-position: 0px 0px;}
#logo2 a:hover {background-position: 0px -87px;}

#logo3 a:link {background-position: 0px 0px;}
#logo3 a:hover {background-position: 0px -261px;}

#logo4 a:link {background-position: 0px 0px;}
#logo4 a:hover {background-position: 0px -348px;}

#logo5 a:link {background-position: 0px 0px;}
#logo5 a:hover {background-position: 0px -435px;}




#large-graphic {float:right; margin-top:25px;}



#movie-box {padding-left: 185px; width: 482px;}
#movie-box p {margin-bottom: 40px; border: 1px solid #000000;}

#quicktime_download { border: 0px; font-size: 9px; text-decoration: none; font-family:"Lucida Console", Monaco, monospace;}

#quicktime_download a{ font-size: 9px; text-decoration: none; font-family:"Lucida Console", Monaco, monospace;color: #ff0099;}
#quicktime_download a:link { color: #ff0099;}
#quicktime_download a:hover { color: #000000;}


#artwork-box {padding-left: 187px; width: 480px; }
#artwork-box p {margin-bottom: 45px;text-align: left; font-size: 12px;}


#description-box {position: fixed;margin-left: 705px; margin-top: 12px;background-color: #000000;width: 150px; font-size: 11px; color: #FFFFFF;}

.description {padding-left: 20px; padding-right: 20px; padding-top: 50px; padding-bottom: 20px; margin-top: -1px; margin-bottom:10px;text-align: left;}

.description a {font-size: 11px; color: #ff0099;
 text-decoration: none; text-align: center;}
 
.description a:link {font-style:normal;}
 
.description a:hover {font-style:normal;color: #99ff00;}
 
 




.pinktop div {background: url(portfolio_images/bumper_8.gif) no-repeat top right;}

.pinkbottom div {background: url(portfolio_images/bumper_9.gif) no-repeat bottom right;}

.pinktop div, .pinktop  .pinkbottom, .pinkbottom div {width: 100%; height: 35px;}


.pinktop_2 div {background: url(portfolio_images/bumper_7.gif) no-repeat top right;}

.pinkbottom_2 div {background: url(portfolio_images/bumper_6.gif) no-repeat bottom right;}

.pinktop_2 div, .pinktop_2  .pinkbottom_2, .pinkbottom_2 div {width: 100%; height: 35px;}



#resume-download-box {float: right;background-color: #000000;width: 110px; margin-left: 8px;margin-top: 13px;text-align: center; padding-top: 50px; padding-bottom: 20px; }

#resume-download-box a {font-size: 12px; color: #FFFFFF;
 text-decoration: none; text-align: center; }
#resume-download-box a:link {font-style: normal;}
 
#resume-download-box a:hover {font-style: normal; color: #00ff00;}



#resume-copy {float: right; width: 600px; text-align: right; font-size: 12px;padding-right: 10px; }

#resume-copy a {font-size: 12px; color: #000000;
 text-decoration: none; text-align: center; }
#resume-copy a:link {font-style: normal;}
 
#resume-copy a:hover {font-style: normal; color: #00ff00;}



#aleclinkbox, #morelinkbox {float: right ;margin-bottom: 30px; width: 670px; overflow: hidden;text-align:right;}

#aleclinkbox li, #morelinkbox li {margin-left:1em; padding-left: 2em;text-align:right;}

#more_alec, #more_more {float: right; background-color: #000000; font-size: 13px; color: #ffffff; width: 100px; text-align: center; margin-left: 10px; margin-top: 20px;height:80px;}

#more_alec p, #more_more p {margin-top:40px; margin-bottom: 20px;}





.links { padding-top: 7px;float: right; text-align: right; font-size: 12px; width: 560px; overflow: hidden; }

.links li a { font-style: normal; color: #000000; text-decoration: none;}
.links li a:link {font-style: normal;}
.links li a:hover {font-style: normal; color: #99ff00;}