#container{height: 300px; width: 700px; overflow: hidden; background-color: #bbbbbb;}
div.option{height: 300px; width: 24px; float: left; overflow: hidden; border-right: 1px solid white; background-color: #777777;}
div.opti6on:hover{width: 549px; background-color: #333333;}
div.picture{float: right; height: 500px; width: 300px; padding: 25px;}
div.browserimage{width: 400px; height: 280px; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 5px;  }
div.browsertext{width: 138px; height: 280px; float: left; background-color: #222222;  margin-top: 10px; margin-bottom: 10px; margin-right: 4px; border-left: 1px solid #555555;}
div.spine{float: left; height: 300px; width: 24px; padding: 0px; margin: 0px; color: white; visibility: visible;}
p.browser{float: left; width: 130px; padding: 5px; margin: 0px; font-size: 10px; color: white; text-align: left; overflow: hidden;}
h5{float: left; width: 130px;  padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 0px; margin: 0px; font-weight: normal; font-size: 20px; color: white;  overflow: hidden; font-family: Georgia, Times, Times New Roman, serif;}
img.porfolioimage{max-width: 400px; max-height: 280px; float: left;}
img.pagenumber{margin-top: 225px; width: 24px;}
img#portfoliotitle{border:0px; padding:0px; margin: 0px;}
img#portfoliocoverart{float: left; margin: 0px; padding: 0px; width: 549px; height: 300px;}
p.portfoliotitlepage{padding-top: 5px; padding-bottom: 5px; margin: 0px; font-size: 10px; color: white; text-align: left;} 
div#covertext{float: left; height: 200px; width: 370px; margin-top: 50px; margin-bottom: 50px; margin-right: 10px; margin-left: 3px;}