#wrapper {
width: 960px;
margin: 0 auto 0 auto;}

h1 { font: normal 23px 'trebuchet ms', sans-serif; color: #523884; margin-bottom: 20px;}
.clearleft {clear:left;}
p {text-transform: uppercase;
color: #523884;
text-align: center;
margin: 20px;}

cite {font-size: 12px; margin-top: 10px; display: block; text-transform: lowercase;}

.haccordion {position: static;margin: 0 auto 30px auto; overflow: hidden; margin-bottom: 40px;}
.haccordion .header, .haccordion .content { float: left; height: 300px; }
.haccordion .header { width: 80px; height: 267px; cursor: pointer; }
.haccordion .content { overflow: auto; display: none; width: 0px;}
/*.haccordion .content.last { overflow: auto; display: none; width: 250px; display: block; }*/

.haccordion .content.one {
background: #fff url(jukemedia-webdesign-image1-right-pale.png) no-repeat top left;}

.haccordion .content.two {
background: #fff url(jukemedia-webdesign-image2-right-pale.png) no-repeat top left;}

.haccordion .content.three {
background: #fff url(jukemedia-webdesign-image3-right-pale.png) no-repeat top left;}

.haccordion .content.four {
background: #fff url(jukemedia-webdesign-image4-right-pale.png) no-repeat top left;}

.haccordion .content.five {
background: #fff url(jukemedia-webdesign-image5-right-pale.png) no-repeat top left;}