@import "declaration";

#tourGuide{
    left: 50%;
    margin-left:-335px;
    position: absolute;
    top: 130px;
    width: 670px;

    h3{
        float: left;
        font-size: 16px;
        letter-spacing: 0;
        padding: 3px 0;
    }

    .nav{
        border-bottom: none;
        float: left;
        font-size: 15px;
        margin: 0 0 0 10px;
        padding: 0;

        li{
            .radius(4px 4px 0 0);
            .transition(background-color, 0.2s);
            background-color: rgba(0,0,0,0.3);
            color: #fff;
            margin:0 5px 0 0;
            max-width: 150px;
            text-shadow: 0 1px 0 rgba(0,0,0,0.3);

            a{
                margin: 0;
                color: #fff;
            }
            a:hover{
                color: #666;
            }
            &.active a{
                color: #666;
            }
            &:hover{
                background-color: rgba(0,0,0,0.5);
            }
        }
    }

    .tab-content{
        .boxshadow();
        background-color: #fff;
        clear: both;
        padding: 10px;

        .tab-pane{
            height: 340px;
            margin: 0;

            p.coming{
                font-weight: bold;
                padding: 100px 0 0 0;
                text-align: center;
            }
        }
    }

    a.carousel-control{ /* Rewrite Bootstrap */
        line-height: 25px;
    }
}