div.top
    margin= 36px 0 36px 0
    clear: both
    width= !col16
    a
        color= !luxagraf_orange
p.col
    width= 360px
    float= left
    margin= 0 !pad*2 0 0
    font-size: 14px
p.two
    margin: 0
    margin-left= !col
    width: 450px
div.break
    border-bottom: #e3e3e3 1px solid
    width= !col16+!pad*2
    height: 2px
    padding-top: 36px
    clear: both
    margin: 0
ul.project-tease
    margin-top: 65px
    li
        +sm-sans
        font-size: 18px
        line-height: 16px
        margin-top: 36px
        clear= both
        .tease
            float: left
            h4
                font-size: 24px
                line-height: 24px
                margin: 0
                width= !col7-!pad
        .lede
            
            clear: both
            margin: 0
            padding-top: 12px 
            width= !col7-!pad
            p
                font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
                font-size: .9em !important
                line-height: 23px
                text-align: justify
        
        
        span.proj
            
            font-size: 64px
            line-height: 50px
            float: left
            margin: 2px 2px 0 0
            span
                font-size: 36px
        dt
            a
                display: block
                width= 175px
                float: left
    
        div.img
            float: right
            width = !col9+!pad
            margin-bottom= 72px
            img
                border= !luxagraf_brown 10px solid

.map-container
    width: 469px
    height: 392px
    position: absolute
    right: 20px
    bottom: 60px
    z-index: 2000
    margin: 0
    padding: 0
    background: url('../img/mapbg-dark.png') no-repeat top left
.more-container
    width: 405px
    height: 260px
    position: absolute
    right: -30px
    bottom: 40px
    z-index: 2000
    background: url('../img/parkbg.png') no-repeat top left
        
    dl
        margin-top: 45px
        margin-left: 45px
        
        
        dt,dd
            font-size: .9em
            line-height: 25px
            margin: 4px 0
            font-family= Helvetica,Verdana,sans-serif
            
        dt
            clear: left
            float: left
            width= 65px
            //border-bottom: 1px solid #999
            font-weight: bold
            line-height: 25px
            font-size: .7em
            text-transform: uppercase

        dd
            float: left
            width= 250px
            overflow: hidden
            //border-bottom: 1px solid #999
            a:hover
                color= !luxagraf_orange
.map-wrapper
    width: 400px
    height: 328px
    margin: 37px 0 0 44px
    
ul#parks
    margin-top: 36px
    li
        width= !col16+!pad*2
        position: relative
        display: block
        margin-top: 36px
        clear: both
        margin-bottom: 72px
    div.figure
        img
            border= none
    h4
        display= block
        color: #888
        padding: 10px 10px 10px 15px
        background= !luxagraf_brown
        +transparent_class_light
        position: absolute
        top: 0
        width= !col16+!pad
        color: #fff
        +headline-sans
        margin: 0
    div.legend
        display= block
        padding: 10px 10px 10px 15px
        background= !luxagraf_brown
        +transparent_class_light
        position: absolute
        bottom: 0
        height: 45px
        width= !col16+!pad*2
        font-size: 10px
        line-height: 16px

          

        h5
            +sm-headline-sans
            line-height: 36px
            font-size: 18px
            margin: 0
            padding: 0
            float: left
        p
            margin: 6px 0 10px 0
        
        ul.buttons
            padding-top: 6px
            float: right
            margin-right: 20px
            li 
                float: left
                clear: none
                margin: 0px 10px 0 0
                width: auto
                +sm-sans
                font-size: 10px
                a
                    padding: 9px 14px 7px 14px
                    font-weight: bold
                    line-height: 25px
                    text-transform: uppercase
                    background= #463215
                    color: #fff
                    -moz-border-radius: 25px
                    -webkit-border-radius: 25px
                    -o-border-radius: 25px
                    border-radius: 25px

                a:hover
                    background= !luxagraf_orange
        
                    
            
        
    div.map
        width= !col5
        margin-top: 42px
        height: 130px
        float: left
        margin-left: 6px
        a
            display: none
        div
            div
                span
                    display: none
    div.entry-foot
        clear= both
        +sm-sans
        font-size: 12px
        background: #f3f
        width= !col16+!pad*2
        margin-top: 4px
        
        
        
img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']
    display: none !important