/********************************************************************
    INNOVATION+SCIENCE WORDPRESS THEME (Ideal For Business And Personal Use: Creating Magazine, Portfolio and Blog)

    File:   
        indexCSS.css
    Brief:  
        Hold styles used in index.html
    Author:
        DigitalCavalry
    Author URI:
        http://graphicriver.net/user/DigitalCavalry
*********************************************************************/

/******************************** 
    ACCORDION
*********************************/

#accordionContainer {
    width:774px; 
    height:370px; 
    overflow:hidden; 
    background-color:#000; 
    position:relative;
    border:0px solid #EEE; 
    margin-left:5px; 
    margin-top:0px;
}

.asyncImgLoadAccordion { clear: none; }

.accordionImgDiv 
{
    width: 760px;  
    height: 370px; 
    position: absolute;  
    border-left:1px solid #222;  
    margin-left: 0px; 
    background-color: black; 
    cursor:pointer;
    overflow: hidden;
}

.accordionImgDiv .slideStrip
{
    position: absolute;
    width: 258px;
    height: 370px;
    left:0px;
    top:0px;
    overflow: hidden;
    background-image: url('loading6.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent
}    

.accordionImgDiv .slideDesc
{
  position: absolute;
  left: 15px;
  bottom: 15px;
  font: normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #eee;     
}

.accordionSlideImage 
{
    border-left: 0px solid #AAA; 
    width:760px; 
    height:300px;
    display:block;
    
   background-image: url('loading10.gif');
   background-repeat: no-repeat;
   background-position: 50% 50% 
}    

.accordionDescBack 
{
    bottom:-70px;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    left:0px;
    width:760px;
    height:70px;
    opacity:0.0;
    filter:alpha(opacity=0); /* IE */ 
    background-color:#000;
    border-top:1px solid #111;
}

.accordionDesc 
{
    font-weight:normal;
    font-family: verdana;
    font-size:10px;
    padding-top:0px;
    padding-left:10px;
    text-align:left;
    color:#DDD;
    bottom:-70px;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    left:0px;
    width:760px;
    height:70px;
    opacity:0.0;
    filter:alpha(opacity=0); /* IE */ 
    background:none;
    border:0px solid red;
}

.accordionDesc p
{
    color:#DDD;
    font-weight:normal;
    font-family: verdana;
    font-size:10px;
    width:680px;    
}

.accordionDescHeader 
{
    margin-top:5px;
    position:static;
    color:#FFF;
    font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-bottom:3px;
    margin-bottom:0px;
}