#topbox {
   width:760px;
	 float:left;
	 height:398px;
	 position:relative;
	 margin-bottom:30px;
}
#topboxleft {
   width:354px;
	 float:left;
	 height:398px;
	 position:relative;
	 background-color:#373129;
	 background-image:url(../img/portfoliobgleft.gif);
   background-repeat:no-repeat;
}
#topboxleft h2 {
   position:absolute;
	 bottom:315px;
	 left:53px;
	 color:#FFFFFF;
	 font-size:2em;
	 padding:0;
}
#details {
   position:absolute;
	 left:53px;
	 top:100px;
	 width:260px;
   font-size:1.1em;
}
#details p {
   margin-top:0;
	 padding-top:0;
}
#topboxright {
   width:398px;
	 float:right;
	 height:398px;
   background-repeat:no-repeat;
}
#controls {
   width:398px;
	 height:88px;
   background-repeat:no-repeat;
	 float:left;
	 position:relative;
	 background-color:#E8E8E8;
}
#controlsleft a,#controlsright a {
   display:block;
	 width:75px;
	 height:88px;
	 background-repeat:no-repeat;
	 background-position:top left;
}
#controlsleft a {
   float:left;
	 background-image:url(../img/arrowleft1.gif);
}
#controlsright a {
   float:right;
	 background-image:url(../img/arrowright1.gif);
}
#controlsleft a:hover {
	 background-image:url(../img/arrowleft2.gif);
}
#controlsright a:hover {
	 background-image:url(../img/arrowright2.gif);
}
#controlsleft a span,#controlsright a span {
   display:none;
}
#controlstitle {
   width:228px;
	 text-align:center;
	 position:absolute;
	 top:0px;
	 left:85px;
}
#controlstitle h2 {
   color:#999999;
	 font-size:1.4em;
}
#slide {
   width:398px;
	 height:299px;
   background-repeat:no-repeat;
	 float:left;
}
#screenshot {
	 width:398px;
	 height:109px;
	 margin-top:11px;
}