/*
+++++++++++++++++++++++++++++
++ Appsaurus StyleSheet
++ Hello, Chair Inc. 2009
+++++++++++++++++++++++++++++
*/

/* ================== */
/* = Global + index = */
/* ================== */
*{
    padding:0px;
    margin:0px;
    border:none;
}
body{
    background:#BCB9AE;
    font-family:"Lucida Grande", "Helvetica", "Arial", sans-serif;
}
.center{
    width:800px;
    margin:0px auto;
    padding:0px 20px;
    position:relative;
}
/* ============ */
/* = Template = */
/* ============ */
#nav{
/*    opacity:.8;*/
/*    color:#E8E8E8;*/
/*    text-shadow:#555 0px -1px 0px;*/
/*    margin-bottom:20px;*/
    background:#BCB9AE;
/*    border-top:1px dotted #555;*/
    border-bottom:1px solid #D6D3C6;
    font-family:"Lucida Grande", "Helvetica", "Arial", sans-serif;
    
}
    #nav a{
        text-shadow:#ebebeb 0px 1px 0px;
        color:#555 !important;
/*        color:#E8E8E8 !important;*/
/*        opacity:.8;*/
        line-height:45px;
        font-size:14px;
        text-decoration:none;
        display:block;
        padding:0px 15px 0px 15px;
    /*        margin:0px 0px -10px 1px;*/
        float:left;
        
    
    }
    #nav a:hover{
        color:#000 !important;
/*        background:#47392F;*/
    }
    #nav a.on{
/*        background:#fff;*/
        color:#0071B8 !important;
    }
    .nav_div{
        display:block;
        float:right;
    }
#top{
    background:#000 url("../images/4header.jpg") no-repeat center;/*    height:140px;*/
    position:relative;
    /*         margin-bottom:-3px*/
}
    #top .center{
        margin:0px auto;
        
        height:324px;
        
    }
    #icon{
        margin:-5px 10px 0px -8px; 
        float:left;
    }
    #logo{
        margin:15px 10px 0px -8px; 
        float:left;
    }

#meat{
   background: #fff url("../images/4bg.jpg") repeat-x;
/*   margin-top:;*/
/*   z-index:-3;*/
   display:block;
   padding-bottom:20px;
/*   margin-top:-284px;*/
/*   position:relative;*/
}
    #meat a{
        color:#0071B8;
    }

    #left{
        clear:both;
        float:left;
/*        margin-top:-230px;*/
        width:500px;
        position:relative;
    }
    #dropcap{
        position:absolute;
        top:5px;
        left:10px;
    }
    #tag{
        position:absolute;
        top:15px;
        left:90px;
    }
    #features{
/*        background:url('../images/pagebg.png') -12px -10px no-repeat;*/
        margin-top:30px;
/*        width:461px;
        height:482px;*/
/*        margin-left:90px;*/
        font-family:"Lucida Grande", "Helvetica", "Arial", sans-serif;
    }
        #features li{
/*            color:#FDC052;*/
/*            color:#FDD36A;*/
            color:#fff;
            font-size:20px;
            line-height:18px;
            margin-bottom:18px;
            margin-top:18px;
            margin-left:33px;
            position:relative;
            text-shadow:#000 0px 0px 5px;
            padding-bottom:8px;
            list-style: none;
        }
        #features li img{
            position:absolute;
            left:-30px;
            top:-2px;
/*            left:-44px;*/
        }
        #list_1{
/*            list-style-image: url("../images/4eye.png");*/
            
        }
        #list_2{
/*            list-style-image: url("../images/4beaker.png");*/
        }
        #list_3{
/*            list-style-image: url("../images/4heart.png");*/
        }
        .bullet{
/*            position:absolute;*/
/*            left:-47px;*/
/*            top:0px;*/
            margin-right:10px;
            display:block;
        }
            #appstore{
        /*        margin:29px 8px -20px 0px; */
        /*        float:right; */
/*            margin-left:110px;*/
/*        margin-top:-29px;*/
            width:357px;
            height:58px;
            position:absolute;
            display:block;
            z-index:200;
            left:20px;
            background:url("../images/4store.png") no-repeat;
            top:-29px;
            }
    #fullfeature{
        margin:0px 0px 20px 0px;
        font-family:"Lucida Grande", "Helvetica", "Arial", sans-serif;
        font-size:14px;
    }
    #fullfeatures{
/*        display:block;*/
        position:relative;
        font-family:"Lucida Grande", "Helvetica", "Arial", sans-serif;
        color:#fff;
        height:28px;
/*        background:url("../images/button.png");*/
        margin-left:10px;
        text-decoration:none;
    }
    #fullfeaturelinktext{
        color:#fff;
        background:url("../images/button.png");
        line-height:28px;
        padding:6px 0px;
    }
    #right{
        float:right;
        background:url("../images/phone.png");
        width:298px;
        height:589px;
        z-index:10;
        margin-top:-305px;
    }
        #credits{
            float:right;
            width:250px;
            color:#555;
/*            opacity:.6;*/
            font-size:12px;
            margin-left:80px;
/*            margin-top:-250px;*/
            z-index:10;
        }
        #footer .col{
                        color:#555;
            /*            opacity:.6;*/
                        font-size:12px;
            width:100px;
            float:left;
            margin-right:0px;
        }
        #footer .col ul li{
            list-style:none;
            margin:5px 0px 5px 0px;
        }
        #footer .col ul li a{
            color:#44433D;
        }
            #middle{
        /*        margin-top:-24px;*/
            font-size:12px;
            }
            #midleft{
                float:left;
                display:block;
                width:490px;
/*                margin-top:-90px;*/
                position:relative;
            }
                #midleft .paragraph{
                    float:left;
                    width:230px;
                    height:180px;
                    margin-bottom:25px;
                    font-size:13px;
                }
                #midleft .paragraph table{
                    color:#534741;
/*                    text-shadow:0px 1px #000;*/
                }
            #midright{
                float:right;
                width:298px;
                margin-top:-20px;
            }
            #midleft .mid_h{
                font-size:16px;
                font-weight:bold;
            }
            #videocontrols{
                margin-bottom:40px;
            }
        a.feature{
            display:block;
            width:60px;
            height:60px;
            float:left;
            margin-right:10px;
            position:relative;
            
        }
        a.feature:link, a.feature:visited{
            border:4px solid #7F785E; 
        }
        a.feature:hover{
            border:4px solid #444; 
        }
        a.feature:active{
            border:4px solid #000; 
        }
        a.feature.selected{
            border:4px solid #4475D1 !important; 
        }
        #feature-0{
            background:url("../images/video_0.png");
        }
        #feature-1{
            background:url("../images/video_1.png");
        }
        #feature-2{
            background:url("../images/video_2.png");
        }
        #feature-3{
            background:url("../images/ss_browseby_sm.jpg");
        }
        #feature-4{
            background:url("../images/ss_filter_sm.png");
        }
        #feature-5{
            background:url("../images/ss_splash_sm.png");
        }
        .video_play{
            background:url("../images/video_play.png");
            width:60px;
            height:60px;
        }
        .video_playing{
            background:url("../images/video_playing.png");
            width:35px;
            height:18px;
            position:absolute;
            left:12px;
            top:-18px;
        }
        #midright .paragraph{
            margin:50px 0px 25px 10px;
        }
        .soon{
            font-family:"Lucida Grande", "Helvetica", "Arial", sans-serif;
            font-style: italic;
            font-weight:bold;
            font-size:10px;
            color:#BF4B00;
            left:4px;
        }
        #syncbox{
            margin:40px 0px 20px 0px;
            display:block;
        }
        #twitter{
            margin:80px auto 10px auto;
            display:block;
        }
        #twitter img{
            display:block;
            margin:0px auto;
            text-align:center;
        }
#footer{
    color:#555 !important;
/*    background:url("../images/bg_bot.png") no-repeat center top;*/
/*height:50px;*/
padding-top:40px;
text-shadow:#ebebeb 0px 1px 0px;


}   
/*#credits{
    margin-top:-100px;
}*/
#credits a{
/*    color:#fff;*/
    
}
#promo{
}
    #promoinfo{
        margin-left:70px;
/*        opacity:.75;*/
        font-size:14px;
        width:400px;
/*        color:#fff;*/
    }
    #form{
        margin:10px 0px 0px 60px;
        width:400px;
    }
ul#featurelist{
    padding:10px;
    list-style-position: inside;
/*    display:none;*/
}
ul#featurelist li{
    margin:8px 0px;
}
#press{
/*    background:#;*/
    position:relative;
    margin:50px 0px;
    width:100%;
    font-size:20px;
}
#press a:link, #press a:visited, #press a:active{
    color:#424242;
    text-decoration:none;
}
#press a:hover{
    color:#E95C01;
    text-decoration:underline;
}
#press td{
    border-bottom:1px dotted #999;
    padding:0px 30px 0px 0px;
}
    .quote{
        font-family: Georgia, serif;
        font-style: italic;
/*        font-weight:bold;*/
        font-size:14px;
        display:block;
        margin:20px 0px;
    }
#ribbon{
    position:absolute;
    right:0px;
    top:0px;
    z-index:20;
}
#vizbox{
    display:block;
    margin-top:40px;
}