body{
    background:#000000;
    
    background-image: -moz-linear-gradient(left top , #000000, #4C4A4B); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0, #000000),color-stop(1, #4C4A4B)); /* Saf4+, Chrome */
               filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#4C4A4B'); /* IE6,IE7 */
           -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#4C4A4B')"; /* IE8 */
}
    
#mainContain{
    float:left;
    overflow:visible;
    padding:0 0 40px;
    text-align:center;
    width:100%;
}

#topRow{
    background: #ea3601;
    border-bottom:1px solid #222222;
    height:417px;
    padding:0 0 40px;
    
    
    background-image: -moz-linear-gradient(top, #751414, #f00002); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #751414),color-stop(1, #f00002)); /* Saf4+, Chrome */
               filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#751414', EndColorStr='#f00002'); /* IE6,IE7 */
           -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#751414', EndColorStr='#f00002')"; /* IE8 */
    padding:0 0 40px 0;
}

#bottomRow{
	margin-top:146px;
	position:relative;
}

#centerContain{
    width:1044px;
    text-align:left;
    margin:auto;
    position:relative;
}

#centerContain h1{
    background:url("../_images/logo.png") no-repeat scroll center 0 transparent;
    float:left;
    padding-bottom:67px;
    padding-top:55px;
    text-align:center;
    text-indent:-9999px;
    width:1010px;
}

.column{
    float:left;
    width:522px;
    position:relative;
}

.column.cleared{
    clear:left;
}

#intro{
    color:#FFFFFF;
    float:left;
    font-family:helvetica,arial,sans-serif;
    font-size:20px;
    line-height:22px;
    margin-bottom:24px;
    width:522px;
}
.innercolumn{
    float:left;
    width:241px;
    margin-right:20px;
}

.innercolumn:lastchild{
    margin:0;
}

.innercolumn ul{
    float:left;
    width:241px;
    position:relative;
}
.innercolumn ul li{
    clear:both;
    color:#FFFFFF;
    float:left;
    font-family:helvetica,arial,sans-serif;
    font-size:12px;
    letter-spacing:0;
    line-height:17px;
    margin-bottom:12px;
    position:relative;
}
.innercolumn ul li h3{
    font-weight:bold;
    display:inline;
    font-size: 14px;
}
.innercolumn ul li p{
    display:inline;
}

#iPad{
background:url("../_images/ipad_window.png") no-repeat scroll -33px 0 transparent;
float:left;
height:auto;
padding-bottom:125px;
position:relative;
width:522px;
}
#iPad ul{
	float:left;
	height:282px;
	margin-left:47px;
	margin-top:51px;
	overflow:hidden;
	position:relative;
	width:386px;
}
#iPad ul li{
    float:left;
    height:282px;
    width:386px;
}
.previews{}
.preview-1{}
.preview-2{}
.preview-3{}
.preview-4{}
.preview-5{}
.preview-6{}

.available{
    background:url("../_images/available_store_sprite.png") no-repeat scroll 0 -47px transparent;
    float:left;
    height:47px;
    text-indent:-9999px;
    width:126px;
}

.available:hover{
    background:url("../_images/available_store_sprite.png") no-repeat scroll 0 0 transparent;
}

span.price{
    float:left;
    font-size:18px;
    font-weight:normal;
    margin-left:14px;
    margin-top:12px;
}

#quotes{
    float:left;
    margin-left:-20px;
    margin-top:-25px;
    position:relative;
    width:522px;
}
#quotes li{
    float:left;
    margin-bottom:-40px;
    text-indent:-9999px;
}

#quote_a{
    background:url("../_images/quote_a.png") no-repeat scroll 0 0 transparent;
    height:191px;
    width:472px;
}
#quote_b{
    background: url(../_images/quote_b.png) no-repeat 0 0;
    height:268px;
    width:472px;
}
#quote_c{
    background: url(../_images/quote_c.png) no-repeat 0 0;
    height:201px;
    width:429px;
}
.toggles{
    float:left;
    margin-top:4px;
    padding-left:15px;
    width:515px;
}

.toggles li{
    color:#ffffff;
    float:left;
    font-family:helvetica,arial,sans-serif;
    font-size:11px;
    line-height:9px;
    margin-bottom:12px;
    margin-right:30px;
    text-align:center;
    width:119px;
    opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=40)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
	-webkit-transition:all .3s linear;
}

.toggles li:hover{
    opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}

.toggles li a{
    float:left;
    margin-bottom:10px;
}

.toggles li a:hover{
    cursor:pointer;
}

.toggles li.pressed{
    opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}

.toggles h4{
    background:url("../_images/how_it_works.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:28px;
    margin:0 0 26px;
    text-indent:-9999px;
    width:410px;
}

.toggles h4#popManual:hover{
    background:url("../_images/how_it_works.png") no-repeat scroll 0 -28px transparent;
    cursor:pointer;
}


/* ===========================

    * MANUAL POPUP
    
==============================*/

#manualListContain{
    background:#000000;
    background:rgba(0,0,0,.8);
    z-index:9999;
    position:absolute;
    top:20px;
    left:0;
    width:100%;
    
    -moz-border-radius:30px 30px 30px 30px;
    -webkit-border-radius:30px;
}

#manualList{
    float:left;
    padding:40px;
    position:relative;
    width:240px;
}

#manualList li{
    border-bottom:1px solid #333333;
    clear:both;
    cursor:pointer;
    float:left;
    line-height:30px;
    position:relative;
    width:100%;
}
#manualList li:last-child{
    border-bottom:none;
}

#manualList li a{
    color:#FFFFFF;
    float:left;
    font-family:arial;
    font-size:12px;
    font-weight:normal;
    letter-spacing:0.3px;
    padding-left:5px;
    text-decoration:none;
    width:235px;
}

#manualList li a:hover{
    background:#111111;
    background:rgba(51,51,51,.8);
}

#manualList li a.watching{
    background:#111111;
    background:rgba(51,51,51,.8);
}


#mediaContain{
    background:none repeat scroll 0 0 #000000;
    border-left:1px dashed #555555;
    float:left;
    width:723px;
    height:507px;
    -moz-border-radius-bottomright:30px;
    -moz-border-radius-topright:30px;
    -webkit-border-top-right-radius:30px;
    -webkit-border-bottom-right-radius:30px;
}
#mediaContain a{
    display:block;
    margin:auto;
    padding:40px;
}

#close{
    color:#FFFFFF;
    font-family:helvetica,arial,sans-serif;
    font-size:12px;
    position:absolute;
    right:20px;
    text-decoration:none;
    top:13px;
}

.features{
    float:left;
    width:119px;
    height:90px;
    position:relative;
    text-indent:-9999px;
}


/*BASIC ICON STATES*/
#feature-1 a{
    background: url(../_images/feature_4.png) no-repeat 0 0;
}
#feature-2 a{
    background: url(../_images/feature_3.png) no-repeat 0 0;
}
#feature-3 a{
    background: url(../_images/feature_2.png) no-repeat 0 0;
}
#feature-4 a{
    background: url(../_images/feature_1.png) no-repeat 0 0;
}
#feature-5 a{
    background: url(../_images/feature_5.png) no-repeat 0 0;
}
#feature-6 a{
    background: url(../_images/feature_6.png) no-repeat 0 0;
}


.describe{
    color:#FFFFFF;
    float:left;
    font-family:helvetica,arial,sans-serif;
    font-size:13px;
    line-height:16px;
    margin-left:20px;
    margin-top:42px;
    text-shadow:0 1px 1px #333333;
    width:300px;
}


#footer{
    clear:both;
    color:#B0B0B0;
    font-family:helvetica,arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    margin:auto auto 60px;
    padding-left:286px;
    padding-top:120px;
    position:relative;
    width:758px;
}
p.copy{
    float:left;
    margin-left:-18px;
    position:relative;
}

p.copy a{
    color:#CFCFCF;
    font-family:helvetica,arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    padding:0 5px;
    text-decoration:none;
}
p.copy a:hover{
    text-decoration:underline;
}

ul.social{margin-top:-27px;}
ul.social, ul.social li{
    float:left;
    margin-left:8px;
    margin-right:5px;
    position:relative;
    }
ul.social li a{
    text-decoration:none;
    text-indent:-9999px;
}

li.twitter{}
li.facebook{margin-top:6px;}

.twitter a{
    background: transparent url(../_images/twitter_sprite.png) no-repeat 0 0;
    float:left;
    width:34px;
    height:40px;
    }
.facebook a{
    background: transparent url(../_images/facebook_sprite.png) no-repeat 0 0;
    float:left;
    width:32px;
    height:32px;
    }
    
.twitter a:hover{
    background: transparent url(../_images/twitter_sprite.png) no-repeat 0 -40px;
}
.facebook a:hover{
    background: transparent url(../_images/facebook_sprite.png) no-repeat 0 -32px;
}

#fbLink
{
    color:#FFFFFF;
    font-family:helvetica,arial,sans-serif;
    margin: 0 0 0 14px;
    font-size:16px;
    height: 32px;
    line-height:18px;
    margin-bottom:24px;
    display: block;
    text-decoration: none;
    padding: 16px 0 0 42px;
    background: transparent url(../_images/facebook_sprite.png) no-repeat left -32px;
    border-bottom: 1px solid #666666;
}