html
{
    height : 100% ;
}

body
{
    text-align : center ; /* centers main div for IE */
}


a.svcHover
{
    position : relative ;
}

    a.svcHover span
    {
        display : none ;
        width : 390px ;
        text-align : center ;
        
        position : absolute ;
            bottom : 10px ;
            right : 10px ;
            
        padding : 5px ;
        
    }

    a.svcHover:hover span
    {
        display : block ;
    }


    h3
    {
        margin : 0px ;
        padding : 3px 5px 8px 5px ;
    }


.pgTitle
{
    font-size : 1.5em ;
    float : right ;
    
    color : #FFF ;
    
    padding : 0em .5em ;
}

#mainDiv
{
    width : 980px ;
    
    position : relative ;
        margin-left : auto ;
        margin-right : auto ;
        
    border-width : 1px 2px 2px 1px ;
    border-style : solid ;
    
}

#content
{
    clear : both ;
    padding : 10px ;
    padding-top : 0px ;
}

    .leftCol
    {
        float : left ;
        width : 465px ;
        padding-right : 5px ;
        margin-bottom : 30px ;
        
    }
    
    .rightCol
    {
        float : right ;
        width : 450px ;
        padding-left : 5px ;
        margin-bottom : 30px ;

    }
    
#coverImgs {
    text-align : center ;
    position : relative ;
}

#coverCell {
    height : 378px ;
    width : 460px ;
    display : table-cell ;
    vertical-align : bottom ;
    text-align : center ;
}

    #coverImgs hr {
        visibility : hidden ;
        margin : .5em ;
    }

    #coverCell img {
        max-width : 430px ;
    }

    .coverTNs {
        clear : both ;
        padding : 5px ;
        background-color : #DDD ;
        border : 1px solid #512149 ;
        max-width : 120px ;
        max-height : 80px ;
        margin : .5em ;
    }
    
    

#footer
{
    text-align : center ;
    clear : both ;
    padding-bottom : 5px ;
}

#footerNav
{
    padding : 5px 5px 10px 5px ;
}




                /*
                #svcWedding, #svcCorp
                {
                    width : 900px ;
                    margin : 0px auto 30px auto ;
                
                }
                
                    #svcWedding div, #svcCorp div
                    {
                        padding : 10px ;
                        padding-bottom : 2px ;
                    }
                
                    #svcWedding div.leftCol, #svcCorp div.leftCol
                
                    {
                        width : 425px ;
                    }
                    
                    
                    #svcWedding div.rightCol, #svcCorp div.rightCol
                
                    {
                        text-align : left ;
                        width : 425px ;
                    }
                    
                        #svcWedding h3
                        {
                            text-align : right ;
                        }
                */
                
#svcs
{
    width : 600px ;
    /*margin : 10px auto ; */
    margin : -6px 6px 6px -6px ;
    
    position : relative ;
    padding : 20px ;
    
    background-color : #DCF ;
    
    border-left : 1px solid #75A ;
    border-top : 1px solid #75A ;
    border-right : 2px solid #538 ;
    border-bottom : 2px solid #538 ;
}

    #svcs dt
    {
        font-weight : 800 ;
        font-size : 1.1em ;
    }


.dropped
{
    margin : -6px 6px 6px -6px !important ; 
}



#portImg
{
    margin-left : -6px ;
    margin-top : -6px ;
    
    margin-right : 6px ;
    margin-bottom : 4px ;
    
    max-height : 350px ;
    max-width : 470px ;
}

    div.drop-shadow
    {
        display : table ;
        
        width : auto ;
        position : relative ;
        left : 6px ;
        margin : 6px auto ;
        
        background : url(../assets/images/dropshadow.png) bottom right ;
        
    }
    
    
#portTNDiv
{
    position : relative ;
    height : 450px ;
    width : 460px ;
    overflow-x : hidden ;
    overflow-y : auto ;
    border : 1px solid #CCC ;
    text-align : left ;
    
}

.portTable
{
    width : 100% ;
    display : table ;
    border-collapse : separate ;
    border-spacing : 8px ;
    margin-top : 0px ;
}

    .portTable td
    {
        padding : 0px ;
        border : 1px solid #AAA ;
        text-align : center ;
        font-size : .8em ;
    }
    
    .portTable td img {
        max-width : 120px ;
    }
    
    .portTable a
    {
        padding : 0px ;
        margin : 0px ;
    }

#picDivider
{
    display : none ;
    
    position : absolute ;
        left : 0px ;
        top : 0px ;
    width : 100% ;
    height : 100% ;
    
    background-color : #FFF ;
    opacity : .9 ;
    filter : alpha(opacity=90)
    
    z-index : 10 ;
}

    #lgImg
    {
        
        position : absolute ;
        top : 120px ;
        left : 0px ;
        
        padding : 15px ;
        border : 2px solid #000 ;
        background-color : #DDD ;
        
        z-index : 11 ;

        display : none  ;
        
    }

#trotter, #kathan, #staff
{
    width : 900px ;
    margin : 0px auto 30px auto ;

}

    #trotter img, #kathan img
    {
        width : 200px ;
    }

    #trotter div, #kathan div, #staff div
    {
        padding : 10px ;
        padding-bottom : 2px ;
    }

    #trotter div.rightCol, #kathan div.leftCol

    {
        width : 600px ;
    }
    
    
    #trotter div.leftCol, #kathan div.rightCol

    {
        text-align : left ;
        width : auto ;
    }

        #trotter h3
        {
            text-align : right ;
        }




.matted
{
    border : 1px solid ;
    padding : 9px ;
}
.clearBoth
{
    clear : both ;
}