#accordion
{
   height: 404px;
   border: 1px solid #1f1f1f;
   background: #020202 url('images/home-main.jpg') no-repeat top left;
   overflow: hidden;
}

.haccordion .header, .haccordion .content
{
   float: right;
   height: 404px;
}

.haccordion .header
{
   width: 54px;
   background: #020202;
   border-right: 1px solid #1f1f1f;
}

.haccordion-opened
{
   border-right: 1px solid #1f1f1f;
}

.haccordion .header:first-child
{
   border-right: none;
}

.haccordion .header [title="photogallery"]
{
   background: url('images/accordion-photogallery.jpg');
   width: 54px;
   height: 404px;
}
   
.haccordion .header [title="dreamlovers"]
{
   background: url('images/accordion-dreamlovers.jpg');
   width: 54px;
   height: 404px;
}

.haccordion .header [title="philosophy"]
{
   background: url('images/accordion-philosophy.jpg');
   width: 54px;
   height: 404px;
}

.haccordion .header [title="clientlounge"]
{
   background: url('images/accordion-clientlounge.jpg');
   width: 54px;
   height: 404px;
}

.haccordion .header [title="videography"]
{
   background: url('images/accordion-videography.jpg');
   width: 54px;
   height: 404px;
}

.haccordion .header [title="enquire"]
{
   background: url('images/accordion-enquire.jpg');
   width: 54px;
   height: 404px;
}

.haccordion .content
{
   display: none;
   width: 0px;
   overflow: hidden;
   height: 404px;
   position: relative;
}

.haccordion .content p
{
   font-family: arial;
   font-size: 9pt;
   text-align: justify;
   margin-bottom: 20px;
   color: #9c9a9a;
   clear: right;
}

.haccordion .content h4
{
   color: #00aeff;
   font-size: 30pt;
   text-transform: uppercase;
   font-weight: normal;
   float: right;
   margin-bottom: 10px;
}

.haccordion .content div.padding
{
   padding: 40px;
   overflow: hidden;
   height: 390px;
}



/* updates */

.special1
{

position:relative;
margin: 20px auto 25px 30px;
width: 160px;
height: 160px;

}



.special2
{

position:relative;
margin:25px 0px 0px 30px;
width: 160px;

}