/* start parallax css */


#container{
    position:relative;
}
    
    
    #container #story-data{
        display:none;
    }
    
    #container #share{
        position:fixed;
        top:10px;
        right:10px;
        width:24px;
        z-index:100;
    }
    
    #container #share img{
        margin-bottom:10px;
    }
    
    #go-buttons{
        position:fixed;
        top:87px;
        width:90px;
        z-index:75;
        right:100px;
    }
    
    #go-buttons p {
			text-align:center;
            color:#fff;
            font-size:12px;
            margin:0 0 10px 0;
            font-weight:bold;
        }
    
        #go-buttons div{
	        /*height:70px;*/
	        margin-top: 15px;
	        text-align:center;
        }
        
        #go-buttons a:active{
        	outline:0;
        }
        
        #go-buttons div img{
        	cursor:pointer;
            height:44px;
            width:44px;
            top:6px;
            position: relative;
        }
        
		
    .story{
        overflow:hidden;
        position:relative;
        height:800px;
        background-position:top left;
        background-repeat:repeat;
    }
        
        .story .g960{
            position:relative; 
            width:960px; 
            margin:0 auto;
        }
        
        .story img.bg{
            position:absolute;
            z-index:1;
            bottom:0;
            right:0;
        }
        
        .story div{
            position:absolute;
            z-index:10;
        }
        
        #wrapper .story h2{
            font-size: 26px;
            font-family: Arial, Helvetica, sans-serif;
            color:#fff;
        }
                
        #wrapper .story h3{
            font-size: 17px/23px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            color:#fff;
            padding:30px 0 10px;
        }
        
        .story ul.promoBenefits {
            font-weight: bold;
            font-size: 20px/22px;
            font-family: Arial, Helvetica, sans-serif;
            color:#fff;
            padding-left:80px;
        }
        .story .promoBenefits li {
			list-style-image:url("/resources/images/story4/darkBlueCheck.png");
        	margin-top:30px;
        }
                              
    #explorer-band, #explorer-band .explorer{
        width:350px;
    }
    
    #explorer-band{
        z-index:50;
        position:fixed;
        background:0 0 repeat-y url("../../resources/images/right-band.png");
        overflow:hidden;
		left: 782px; 
		height: 2676px;
		top: 0px;
    }
        
        #explorer-band #explorer-container{
            position:relative;
            float:left; 
            height:100%;
        }
        
            #explorer-band .explorer{
                position:absolute;
                top:0;
                left:0;
                z-index:0;
                zoom: 1.0;
            }
            
            #explorer-band .explorer.on{
            	z-index:100;
            }
				/* Hiding all the explorer elements */
                #explorer-band .explorer ul, #explorer-band .explorer div.arrow-up,  #explorer-band .explorer div.arrow-down{
                    visibility:hidden;
                }
                
            
                #exlorer-container div.arrow-up{
                    float:left;
                    width:350px;
                    height:65px;
                }
                
                
                #exlorer-container img.arrow-up{
                    padding:38px 155px 0px 146px;
                    float:left;
                }
                
                #exlorer-container div.arrow-down{
                    width:350px;
                    height:70px;
                    float:left;
                }
                
                #exlorer-container img.arrow-down{
                    float:left;
                    padding:12px 154px 0px 146px;
                }
                /* body #wrapper h3 is overriding .explorer h3 (CSS especify) */
                body #explorer-band h3{
                    background: #00AEEF;
					background: -moz-linear-gradient(left, rgba(0,174,239,1) 34%, rgba(0,174,239,0) 100%); /* FF3.6+ */
					background: -webkit-linear-gradient(left, rgba(0,174,239,1) 34%,rgba(0,174,239,0) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(left, rgba(0,174,239,1) 34%,rgba(0,174,239,0) 100%); /* Opera11.10+ */
                    background: linear-gradient(to right, rgba(0,174,239,1) 34%,rgba(0,174,239,0) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#0000aeef',GradientType=1 ); /* IE6-9 */
                    width:312px;
                    height:31px;
                    margin-left:1px;
                    color:#fff;
                    font-size: 20px;
                    font-family: Arial, Helvetica, sans-serif;
                    padding:9px 0 0 17px;
                }
                .explorer .info{
                    padding:19px 0 0 19px;
                    height:131px;
                    position:relative;
                }
                
                    .explorer .info .copy{
                        font-size: 17px/22px;
                        font-family: Arial, Helvetica, sans-serif;
                        color:#fff;
                        width:154px;
                        margin-bottom:14px;
                    }
                    
                    .explorer .info .copy b{
                    	font-weight:normal;
                    }
                    
                    .explorer .info .copy .big{
                        font-size:38px;
                        margin-top:-3px;
                    }
                    
                    .explorer .info div.slide-image{
                        position:absolute;
                        top:-30px;
                        height:210px;
                        right:0;
                        width:200px;
                        background-position:center center;
                        background-repeat: no-repeat;
                    }
                
                    .explorer .info .blue-button{
                        font-size: 14px/18px;
                        font-family: Arial, Helvetica, sans-serif;
                        color:#00b9f2;
                        padding:0 18px 0 0;
                        background:right center no-repeat url("/resources/images/buttons/blue-button.png");
                        text-decoration:none;
                    }

/* utility */
.left{float:left;}
.right{float:right;}

#masthead-inner {
	height: 77px;
	margin: 0 auto;
	position: fixed;
	top: 0;
	width: 330px;
	z-index:110;
}
.discover-apps { margin-top: -30px; }

#global-search {
	position: fixed;
}