@background-landing:#f5f5f5;
    @page-width: 1000px;
    @main-color:#bf0079;
    @main-color-2:#cc0066;
    @main-color-dark:#990066;
    @main-color-light:#ff99cc;
    @header-height:322px;
    @gray:#e6e7e8;

    @content-padding-left:50px;

    @import "http://www.tammytew.com/wp-content/themes/TammyFashion/fonts/sanchez.css";
    @import "http://www.tammytew.com/wp-content/themes/TammyFashion/fonts/nillandbold.css";
    @import "http://www.tammytew.com/wp-content/themes/TammyFashion/fonts/helvetica.css";

    html{
        margin:0 !important;
    }
    body{
        background-color:#fff;
        margin:0 !important;
        &.home{
            background-color:@background-landing !important;
        }
    }
    a{
        text-decoration:none;
        img{
            border:none;
        }
    }
    h1{
        color:@main-color-2;
        font-size:35px;
        font-family:'Nilland-Bold';
        margin:0;
    }
    h3{
        color:#333;
        font-size:15px;
        font-family:'Helvetica';
        font-weight:bold;
        margin:0;
    }
    img{

    }
    /*
    Landing
    */
    #landing{
        width:@page-width;
        margin:0 auto;
        margin-top:10px;
        padding-bottom:100px;

        #picture{

            img{
                width : 1000px;
                height: 728px;
                display:block;
            }
        }
    }
    .msg-box{
        position:absolute;
        top:-40px;
        left:230px;
        width:540px;
        border:1px solid #333;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 25px;
        background-color:white;
        background-color:rgba(255, 255, 255, 0.95);
        display:none;
        h1{
            font-family:'Nilland-Bold',arial;
            font-size:72px;
            margin-top:10px;
            padding:10px;
            width:100%;
            text-align:center;
        }
        p{
            font-family:'Helvetica';
            font-size:24px;
            color:#333;
            width:100%;
            padding:0;
            margin:0;
            padding-top:10px;
            text-align:center;
        }
        .button{
            margin:20px auto;
        }
    }
    .button{
        height:57px;
        width:180px;
        background:@main-color;
        position:relative;
        color:#fff;
        text-shadow: #333 0px 1px;
        display:block;
        text-align:center;
        line-height:57px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        font-size:24px;
        letter-spacing:2px;
        font-family:'Sanchez',arial;


        .arrow{
            background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/right-arrow.png) no-repeat;
            width:12px;
            height:17px;
            position:absolute;
            right:-12px;
            top:19px;
        }
        &:hover{
            background:@main-color-dark;
            .arrow{
                background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/right-arrow-over.png) no-repeat;
            }
        }
        &.small{
            height:30px;
            width:100px;
            font-size:16px;
            line-height:30px;
            .arrow{
                right:-8px;
                top:7px;
            }
        }
    }
    /* End Landing */
    #main{
        width:@page-width;
        margin:0 auto;
        border:2px solid @gray;
        margin-bottom:20px;
        margin-top:-2px;

        #header{
            width:@page-width;
            height:@header-height;
            background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/header.jpg) no-repeat;

            .container{
                height:@header-height;
                position:relative;

                a.home{
                    display:block;
                    width:400px;
                    height:170px;
                    position:absolute;
                    top:62px;
                    left:330px;
                }
                #nav-primary{
                    width:100%;
                    text-align:center;
                    float:left;
                    height:35px;
                    position:absolute;
                    left:0;
                    bottom:4px;

                    .menu-navigation-container{


                        > ul#menu-navigation{
                            margin:0 auto;
                            list-style:none;
                            width:800px;

                            li{
                                &.current-menu-item > a{
                                    text-shadow:  0px 4px 3px #000;
                                }
                            }
                            > li{
                                float:left;
                                padding:0 20px;

                                a{
                                    height:35px;
                                    padding:0;
                                    line-height:35px;
                                    font-size:15px;
                                    color:#fff;
                                    font-family:'Nilland-Bold',arial;
                                    font-weight:bold;
                                    text-transform: lowercase;
                                    float:left;
                                    letter-spacing:2px;
                                    &:hover{
                                        text-shadow:  0px 4px 3px #000;
                                    }
                                    &.db-line{
                                        line-height:20px;

                                        small{
                                            display:block;
                                            margin-top:-4px;
                                        }
                                    }
                                }
                                ul{              /*hide submenu*/
                                    display:none;
                                }
                            }
                        }
                    }
                }
            }
        }
        #footer{
            font-family:'Nilland-Bold',Arial;
            font-size:16px;
            color:@main-color-light;
            width:100%;
            text-align:center;
        }
    }
    .container{

        #content{
            font-family:'Helvetica',Arial;
            font-size:15px;
            padding-top:20px;
            padding-left:@content-padding-left;
            padding-right:40px;
            padding-bottom:50px;
            color:#333;
            position:relative;
            img{
                border:2px solid @main-color-2;
            }
            table{
                border:0px;
                tr{
                    td{
                        vertical-align:top;
                    }
                }
            }
        }
    }
.page-id-7{

    #content{
        h1{
            margin-top:-10px;
        }
        img{
            float:left;
        }
        table{
            tr{

                td:first-child{
                    width:380px;
                }
            }
        }
    }
}
.page-id-9{
    #content{

        table{
            border:none !important;
        }
        a{
            color:@main-color;
            text-decoration:underline;
        }
        .press-entry{
            padding-top:20px;
            padding-bottom:50px;
            border-bottom:1px solid @gray;
            .meta{
                padding:20px 0;
                .location{

                }
                .date{
                    font-size:13px;
                }
            }
        }
    }
}
.page-id-11{
    #content{

        #contact-info{
            padding-top:10px;
            width:330px;
            height:457px;
            border-right:1px solid @gray;
            float:left;
            p{
                margin-top:0;
                margin-bottom:0;
            }
            a{
                color:#333;
            }
        }
        #contact-form{
            padding-top:30px;
            width:500px;
            padding-left:52px;
            height:457px;
            float:left;
            position:relative;
            #msg{
                font-family:'Nilland-Bold',Arial;
                font-size:21px;
                color:red;
                position:absolute;
                top:-0px;
                left:200px;
            }
            form{
                position:relative;

                label,input[type=text],textarea{
                    display:block;
                }
                label{
                    font-family:'Nilland-Bold',Arial;
                    font-size:21px;
                }
                input[type=text],textarea{
                    border:2px solid @main-color-2;
                    height:35px;
                    width:489px;
                    font-family:'Nilland-Bold',Arial;
                    font-size:21px;
                }
                textarea{
                    height:155px;
                }
                a.button{
                    position:absolute;
                    right: 15px;
                    bottom: -75px;
                }
            }
        }
    }
}
            /*
$("ul#menu-navigation").addClass("show-sub").animate({width:1000,marginLeft:-20}).find(" > li").animate({padding:"0 20px"}).find("ul").fadeIn(200)
            */
#main #header .container #nav-primary .menu-navigation-container > ul#menu-navigation.show-sub{ /*ul#menu-navigation*/
    > li{
        padding:0px 10px;
        ul{
            float:left;
            list-style:none;
            height:35px;
            padding-left: 10px;
            li{
                float:left;
                padding:0px 10px;
                margin-top:1px;
                margin-bottom:0px;
                background-color:@main-color-dark;
                a{
                    height:33px;
                }
                &:first-child{
                    background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/menu-right-arrow.jpg) no-repeat 0px 13px;
                    background-color:@main-color-dark;
                }
            }
        }
    }
}
/*
.tax-portfoliocategory,.post-type-archive-portfoliopost{
    #main{
        #header{
            .container{
                #nav-primary{
                    .menu-navigation-container{
                        > ul#menu-navigation{
                            width:1000px;
                            margin-left:-20px;
                            > li{
                                padding:0px 15px;
                                ul{
                                    display:block !important;
                                    float:left;
                                    list-style:none;
                                    height:35px;
                                    li{
                                        float:left;
                                        padding:0px 10px;
                                        margin-top:1px;
                                        margin-bottom:0px;
                                        background-color:@main-color-dark;
                                        a{
                                            height:33px;
                                        }
                                        &:first-child{
                                            background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/menu-right-arrow.jpg) no-repeat 0px 13px;
                                            background-color:@main-color-dark;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}*/
.portfolio-divider{
    height:2px;
    background-color:@main-color;
    width:1000px;
    margin-left:-@content-padding-left;
}
.type-portfoliopost{
    margin-left:-@content-padding-left;
    width:1000px;
    overflow:hidden;
    .port-container{
        float:left;
        white-space:nowrap;
        width:auto;
        position:relative;
        table{
            border:none;
            padding:0;
            margin:0;
            border-spacing:0;
            td{
                padding:0;
            }
        }
        .cover,.port{
            height:389px;
            float:left;
            position:relative;
        }
        .cover{
            width:1000px;
            cursor:pointer;
            img{
                width:100%;
            }
            .big-arrow{
                position:absolute;
                top:80px;
                right:40px;
                background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/big-arrow.png) no-repeat;
                width:63px;
                height:101px;
            }
        }
        .cover:hover .big-arrow{
            background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/big-arrow-hover.png) no-repeat;
        }
        .port{
            .small-arrow-left{
                position:absolute;
                top:174px;
                left:0px;
                background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/small-arrow-left.png) no-repeat;
                width:24px;
                height:40px;
                cursor:pointer;
                &:hover{
                    background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/small-arrow-left-hover.png) no-repeat;
                }
            }
            .small-arrow{
                position:absolute;
                top:174px;
                right:0px;
                background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/small-arrow.png) no-repeat;
                width:24px;
                height:40px;
                cursor:pointer;
                &:hover{
                    background:url(http://www.tammytew.com/wp-content/themes/TammyFashion/images/small-arrow-hover.png) no-repeat;
                }
            }
        }
        img{
            border:none !important;
            height:100%;
            height:389px;
        }
    }
}
.non-display{
    display:none;
}