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

    File:   
        common.css
    Brief:  
        Hold common styles for whole website
    Author:
        DigitalCavalry
    Author URI:
        http://graphicriver.net/user/DigitalCavalry
*********************************************************************/

          
/*************************
    GLOBAL
*************************/ 

* 
{
    border:0px none;  
    font-family:inherit;  
    font-size: 100%;  
    font-style:inherit;  
    font-weight:inherit;  
    margin:0px;  
    padding:0px;  
    vertical-align:baseline;
    background-attachment:scroll;
    background-repeat:no-repeat;
}

img 
{
    border:none;        
}
        
a  
{
    text-decoration:none;
} 

body 
{

    background-color: #000;
    text-align:left;
    padding:0px;
    margin-top:0px;  
}

#bodyContainer
{
    width:783px;
    margin:auto;
    min-height: 200px; 
    margin-top:0px; 
    padding-top:15px;
    padding-bottom: 0px; 
    border:0px solid black; 
    background-color:#000;
    position: relative;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

p
{
    color:#000;
    font: 11px Verdana;
}

.bodyEndBlock
{
    width:1040px; 
    height:80px; 
    margin:auto;
    margin-top:0px;
    margin-bottom: 0px;
    padding:0px; 
    border:0px solid black; 
    background-color:transparent;
}

.bodyStartBlock
{
    width:1040px; 
    height:80px; 
    margin:auto;
    margin-top:0px;
    margin-bottom: 0px;
    padding:0px; 
    border:0px solid black; 
    background-color:transparent;
}
/********************************
     ASYNCHRONOUS IMAGE LOADING
*********************************/ 

.asyncImgLoad { clear: none; }


/*************************
    UTILITY
*************************/ 

.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

.displayNone { display: none; }

.floatLeft { float: left; }
.floatRight { float: right; }  

.spanBold { font-weight: bold !important; }
.spanItalic { font-style: italic !important; }
.spanBoldItalic { font-weight: bold !important; font-style: italic !important;}


/**********************************************************
    FADER/MOVER SLIDER
**********************************************************/

#faderMoverSlider
{
    width: 960px;
    height: 300px;
    overflow: hidden;
    position: relative;
    background-color: #000;
}

#faderMoverSliderContainer
{
    margin-top: 15px;
    margin-left: 40px;
    width: 960px;
    height: 300px;
}

#faderMoverSlider  .column
{
    width:300px;
    height: 300px;
    float:right;
    background-color: #000;
}

#faderMoverSlider  .slideFaderDescBack
{
    bottom:-70px;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    left:0px;
    width:960px;
    height:69px;
    opacity:0.8;
    filter:alpha(opacity=80); /* IE */ 
    background-color:#000;
    border-top:1px solid #111;    
} 

#faderMoverSlider .slideFaderDesc 
{
    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;
} 

#faderMoverSlider .slideFaderDesc p
{
    color:#DDD;
    font-weight:normal;
    font-family: verdana;
    font-size:10px;    
}

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

#faderMoverSlider .slide
{
    width: 960px;
    height: 300px;
    position: absolute;
    left:960px;
    top:0px;
}


#faderMoverSlider .descColumn
{
    padding-left: 20px;
    padding-right: 20px;
    font: normal 11px Verdana;
    line-height: 130%;
    text-indent: 20px;
    color: #ccc;
}

#faderMoverSlider .image
{
    width:960px;
    height: 300px;
    display:block;
    overflow: hidden;
    background-image: url('../loading10.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #000
}

#faderMoverSlider .imageForColumn
{
    width:660px;
    height:300px;
    display:block;
    overflow: hidden;
    
    background-image: url('../loading10.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #000    
}