/*Welcome pg.
---------------------------------*/

/*(Welcome Top Section)*/
.object-container /*gives a placeholder while video/slidedshow are loading into the page, prevents the page from jumping up and down while no object are loaded in that space */
{
    position:relative;
    margin:0 auto;
    z-index:1;
}

video/*intro video*/
{
    margin:10px auto 0 auto;
    border:1px solid #888;
    background:#000;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

/*Slideshow Banner*/
.slide-show-c
{
   position:relative;
   top:10px;
   display:block;
   margin:0 auto;
  /*  border:1px solid #777;*/
   -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}


.slide-show 
{
    position: relative;
    padding: 0; margin: 0;
    list-style: none;
    overflow: hidden;
    clear:both;
    width: 100%;
 }

.slide-show li
 {
   -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0; left: 0;
    display: none;
    width: 100%;
  }

.slide-show li:first-child
 {
    float: left;
    position: relative;
    display: block;
  }

.slide-show img 
{
    display: block;
    /*width: 100%;*/ height: auto;
    float: left;
    border: 0;
}  
  
.slide-controls 
{
    display:none;
    position:absolute;
    bottom:10px; right:5px;
    list-style:none;
    text-align:center;
    margin: 0 auto;
    padding:0;
    z-index:99;
}

.slide-controls li
{
    float:left;
    margin:0 5px;
    font-size:14px;
    background:none !important;/*NOTE: for slideshows under the .ui-listview class */ 
    border: none 0;
}

/*.slide-controls li a 
{
    color:#FFF;
    padding:5px;
    background:#111;
    border:1px solid transparent;

    -webkit-box-shadow:
        0px 0px 4px rgba(000,000,000,0.7),
        inset 0px 0px 1px rgba(255,255,255,1);
        
    box-shadow:
        0px 0px 4px rgba(000,000,000,0.7),
        inset 0px 0px 1px rgba(255,255,255,1);
}*/

.slide-controls li a 
{
    display:block;
    width:7px; height:7px;
    padding:5px;
    background:#FFF;

    
    -webkit-box-shadow:
        0px 0px 4px rgba(000,000,000,0.7),
        inset 0px 0px 1px rgba(255,255,255,1);
        
    box-shadow:
        0px 0px 4px rgba(000,000,000,0.7),
        inset 0px 0px 1px rgba(255,255,255,1);
        
        -webkit-border-radius: 15px;
         border-radius: 15px;
}


.slide-controls .rslides_here a/*On /Active Banner Stage*/
{
    color:#FFF; 
    background:#1279c1;
    border:1px solid #66d2ff;
    
    
    -webkit-box-shadow:
        0px 0px 8px rgba(21,177,242,0.7),
        inset 0px 0px 1px rgba(255,255,255,1);
        
    box-shadow:
        0px 0px 8px rgba(21,177,242,0.7),
        inset 0px 0px 1px rgba(255,255,255,1);
}



/*(Welcome Top Section)
-----------------------------------*/
.welcome-c.top 
{
    margin:0; padding:0;
    border-bottom:1px solid #ddd;
    text-align:center;
}


.welcome-c.top p 
{
    line-height: 1.6em;
    word-spacing: -0.06em;
    padding:0 20px;
    color: #666666;
    text-align:left;
    font-family: Georgia, Serif;

}

.welcome-c.top p span /* "Free" italic text inside top paragraph*/
{
    color:#05a00c;
    font-style:italic;
    font-family: Georgia, Serif;
    font-weight:500;
    padding:0 3px 0 5px;
    font-size:1.2em;
}

.welcome-c.top .bt{margin-bottom:10px;}


/*(Welcome Bottom Section)
-------------------------------*/
.welcome-c.bottom
{
    padding:0 10px;
    padding-bottom:15px;
    
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9),to(#f0f0f0));
    background: -moz-linear-gradient(top,#f9f9f9,#f0f0f0);
    background: -ms-linear-gradient(top, #f9f9f9, #f0f0f0); 
}

.welcome-c.bottom .comp {margin:0 auto;}

/*.welcome-c .comp.comp1{background: url(../images/welcome/comp1.png) no-repeat 0 0;}*/ /*NOTE: This image is unique for every site*/

.welcome-c .comp.comp1{background: url(../images/welcome/comp1.png) no-repeat 0 0;}

.welcome-c .comp.comp2{background: url(../images/welcome/comp2.png) no-repeat 0 0;}

.welcome-c .comp.comp3{background: url(../images/welcome/comp3.png) no-repeat 0 0;}

.welcome-c.bottom  h1
{
    text-align:center;
    margin:10px auto 0 auto;
    padding:10px 0 10px 0;
    color:#444;
}

.welcome-c.bottom .section-text p
{
    margin:0;
    padding:0 10px;
    line-height: 1.5em;
    color:#666666;
/*  font-family: Georgia, Serif;*/
    word-spacing: -0.06em;
    z-index:99;
}


/*(Learn More Link Buttons)*/
.welcome-c.bottom p + a , .welcome-c.bottom p + a
{
    background:#FFF;
    padding:5px 18px;
    line-height:25px;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px solid #ddd;
}

.welcome-c.bottom p + a > span , .learn-more  p + a > span /*Arrow Icon*/
{
    display:inline-block;
    position:relative;
    top:5px;
}

/*Sign Up Section*/
.welcome-c.sign-up
{
    margin:0;
    border-top:1px solid #d4d4d4;
    text-align:center;
    
}

/*Live Feed Section*/
.welcome-c.feed
{
    background-color: #c6d1dd;
    border-top:1px solid #ccc;
}

.welcome-c.feed .li-divider {background:#3b5168 ;}

/*(Learn More) Pages
----------------------------------*/
.welcome-c.learn-more.loading {border:0 none;}

.welcome-c.learn-more
{
    width:100%;
    margin:0; padding:0;
    background:#FFF;
}

.welcome-c.learn-more .section-text
{
    position:relative;
    color:#7f878f;
    z-index:99;
}

.welcome-c.learn-more p
{
    margin:0;
    font-size:16px;
    line-height:23px;
    word-spacing: -0.06em;
}

.welcome-c.learn-more h1 
{
    padding:0; margin:0;
    color:#444;
}

.welcome-c.learn-more .section2
{
    /*float:left;*/
    position:relative;
    border-top:1px solid #d4d4d4;
    background:linear-gradient(#f7f7f7, #fff 30px);
}

.welcome-c.learn-more .section3
{
    position:relative;
    margin:0;
    width:auto;
    background:#f0f0f0;
    border-top:1px solid #d4d4d4;
}

/*(Learn More 3 pg.) Colleagues
----------------------------------------*/
.learn-more.colleagues .section1 .loading , .learn-more.colleagues .section1 IMG {max-width: 100%;} /*liquidfy image for all devices*/





/*(Learn More 2) Forum/eTalk
----------------------------------------*/
.welcome-c.learn-more.forums .section2{border:0 none;}

.welcome-c.learn-more.forums .section3
{
    position:relative;
    background:#ecf9ff;
}




/* HD/"retina" sprite*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{


    .welcome-c.bottom .comp
    {
        display:block;
        -moz-background-size:       100% 100%;
        -o-background-size:         100% 100%;
        -webkit-background-size:    100% 100%;
         background-size:           100% 100%;
    }
    
    .welcome-c.bottom .comp.comp2   {background-image: url(../images/welcome/comp2@2x.png);}
    
    .welcome-c.bottom .comp.comp3   {background-image: url(../images/welcome/comp3@2x.png);}
    
    
}

/* Broswer size liquid resize*/





@media only screen
and (min-device-width:1024px)
{
    /*Welcome pg.
    ---------------------------------*/
    
    /*Sign Up Section*/
    .welcome-c.sign-up{padding:40px 0;}
}