/**
 * LAYOUT
 * =====================================*/

#pageFeatures #content .colorRuler {
    height: auto;
    background: #fff url(../img/colorRuler.gif) 0 0 no-repeat;
}

#pageFeatures #content .WhiteBox, 
#pageFeatures #content .GrayBox {
    width: 878px;
    padding: 60px;
    position: relative;    
    zoom: 1;
    z-index: 1;
}

#pageFeatures #content {
    position: relative;
    overflow: visible;
}

.pageTitle h5 {
	left: 242px;
	}

#pageFeatures .watchTheApp {        
    height: 99px;
    margin: 0 0 30px -77px;    
    padding: 30px 20px 10px 77px;
    width: 430px;
}

#pageFeatures .playVideo {    
    cursor: pointer;
    float: left;
    height: 95px;    
    margin: 0 20px 0 -20px;    
    width: 130px;
}

    #pageFeatures .watchTheApp p {
        max-width: 400px;
    }


#videoOverlay {
  display: none;
position: absolute;
background-color: #ffffff;
border: 10px solid white;
width: 960px;
height: 540px;
top: 130px;
left: 10px;
z-index: 1000;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

#videoOverlay {
width: 960px;
height: 540px;
}

#videoOverlay .wrap {
position: relative;
}

#videoOverlay .closeButton {
background: url('../img/mobile/videoCloseButton.png') no-repeat top left;
width: 27px;
height: 29px;
cursor: pointer;
position: absolute;
right: -17px;
top: -17px;
}

#videoOverlay .closeButton:hover {
background-position: top right;
}

.smartphoneApps {
    margin-bottom: 60px;
}

#pageFeatures .button {
    width: 222px;
    height: 70px;
    float: left;
    margin: 10px 20px 0 0;    
}

#pageFeatures .aside {
    width: 240px;
}

    #pageFeatures .aside.right {
        position: relative;
        width: 100%;          
        /*margin-top: 50px;*/
        margin-bottom: 20px;
    }

        #pageFeatures .aside.right div {
            margin-top: 160px;
            padding-left: 500px;
            position: relative;
        }

#pageFeatures .figures-container {
    height: 200px;
    margin-top: 90px;
}
    
    #pageFeatures .figure {
        display: block;
        width: 420px;
        float: left;
        position: relative;
    }

        #pageFeatures .figure.last {
            float: right;
        }

    #pageFeatures .figure img {
        margin-top: 10px;
    }


#pageFeatures .browseBg {
    background: #fafafa url('../img/mobile/browse-on-the-go.jpg') 0 0 no-repeat;
    min-height: 546px;
}

#pageFeatures .minHeight {
    min-height: 257px;    
    padding-bottom: 0!important;
}

/**
 * TYPOGRAPHY
 * =====================================*/
#pageFeatures h2 {
    padding: 0;
    margin-bottom: 20px;
}

 #pageFeatures p {
    letter-spacing: 0; 
    font-size: 13px;
    color: #666;
    padding: 0;
    max-width: 450px;
    margin-bottom: 10px;
}

#pageFeatures .description {
    font-size: 17px;
    line-height: 1.5;
    color: #262626;
    margin-bottom: 20px;
}

#pageFeatures .watchTheApp h3,
#pageFeatures .watchTheApp p {
    color: #fff;
}

#pageFeatures .watchTheApp h3 {
    text-shadow: 1px 1px 3px #555;
}

#pageFeatures .italic {
    font-style: italic;
}

#pageFeatures .legend {
    color: #666;
    font-style: italic;
    font-family: Arial;
    font-size: 13px;
}

/**
 * LISTS
 * =====================================*/
 
/**
 * phoneIcons
 **/
#pageFeatures .phoneIcons {    
    height: 240px;
    margin-top: 40px;  
    width: 100%;      
}

    #pageFeatures .phoneIcons li {
        display: block;
        float: left;
        width: 290px;
        height: 70px;    
        line-height: 70px;
        margin-bottom: 10px;
    }

        #pageFeatures .phoneIcons li span {
            font-family: Arial;
            font-size: 13px;
            font-weight: bold;
        }

            #pageFeatures .phoneIcons li .ir {
                float: left;
                height: 70px;
                width: 90px;            
            } 

/**
 * instructions
 **/
#pageFeatures .instructions {
    width: 100%;
    margin: 20px auto;
    height: 80px;
}

    #pageFeatures .instructions li {
        display: block;
        float: left;
        width: 200px;
        margin-right: 19px;
    }

    #pageFeatures .instructions li h3 {
        font-size: 18px;
    }

/**
 * browsing
 **/
#pageFeatures .browsing {
    /*width: 546px;*/
    float: right;
    margin: 30px 0 0 0;
}

    #pageFeatures .browsing li {
        display: block;
        float: left;
        width: 172px;
        margin-left: 30px;
    }
    
    #pageFeatures .browsing h3 {
        font-size: 18px;
        color: #1a1a1a;
    }

    #pageFeatures .browsing p {
        font-style: italic;
    }

/**
 * IMAGES REPLACEMENT (SPRITES)
 * =====================================*/

#pageFeatures .ir {
    display: block;
    background: url(../img/mobile/mobileSprite.png) no-repeat 0 0;
}

    #pageFeatures .phoneIcons .ir {
        background: url(../img/mainSprite.png?v2) no-repeat 0 0;
    }

    /**
    * watch the app box
    **/

    #pageFeatures .watchTheApp {        
        background-position: 0 -161px;
    }

    #pageFeatures .iPhoneApp {
        background-position: -25px -95px;
    }

    #pageFeatures .androidApp {
        background-position: -285px -95px;
    }

    /**
     * smartphone features
     **/
    #pageFeatures .phoneIcons .contain {
        background-position: 0 -596px;
    }

    #pageFeatures .phoneIcons .live {
        background-position: -90px -1265px;
    }

    #pageFeatures .phoneIcons .myUpdates {
        background-position: -90px -665px;
    }

    #pageFeatures .phoneIcons .following {
        background-position: -270px -665px;
    }

    #pageFeatures .phoneIcons .popular {
        background-position: -180px -1265px;
    }

    #pageFeatures .phoneIcons .profile {
        background-position: 0 -1335px;
    }

    #pageFeatures .phoneIcons .activity {
        background-position: 0 -1265px;
    }

    #pageFeatures .phoneIcons .featured {
        background-position: 0 -1335px;
    }

    #pageFeatures .phoneIcons .search {
        background-position: -90px -1335px;
    }

    /**
     * contain icon
     **/
    #pageFeatures .contain-big {
        height: 120px;
        width: 435px;
        background-position: 0 -310px;
        position: relative;
    }
        #pageFeatures .contain-big .legend {
            position: absolute;
            left: 140px;
            top: 80px;            
        }