* {
    margin:0;
}

:focus {
    outline:none;
}

a {
    color:#e4ff00;
    text-decoration:none;e4ff00
}

a:hover {
    text-decoration:underline;
}

#about {e4ff00
}
    #about #about_copy {
        display:block;
        float:left;
        width:310px;    
    }
        #about #about_copy #about_container {
            background-image:url('../img/news-bg.png');
            background-repeat:no-repeat;7d
            height:358px;
            padding:20px 0;
        }
        
            #about #about_copy #about_container .scroll-pane {
                font-size:0.7em;
                height:130px;
                overflow:hidden;
                padding:0 20px;
                width:265px;
            }
    #about #foto {
        display:block;
        float:right;
    }
        #about #foto #foto_container {
            background-image:url("../img/team-bg.png");
            background-repeat:no-repeat;
            padding:15px;
            width:580px;
            height:318px;
        }
        #about #foto #foto_container table {
            color:#e4ff00;
            font-size:0.8em;
            line-height:1em;
            width:580px;
        }
            #about #foto #foto_container table tr {
                height:1.52em;
            }
                #about #foto #foto_container table tr td {
                    padding:0px 5px;
                    width:33%;
                }
                #about #foto #foto_container table tr td a {
                    color:#e4ff00;
                }
            #about #foto #foto_container table tr:hover {
                background-image:url("../img/hover.png");
                background-position:center top;
                background-repeat:no-repeat;
            }
            
#about p,
#news p {
    width:245px;
}

#about_copy a {
    color:#ffffff;
    text-decoration:underline;
}

.about-highlight {
    font-weight:bold;
    font-size:1.1em;
}

#start {
    font-size:0.9em;
}

#articles .article-title {
    color:#CCC;
    font-weight:bold;
}

.blue {
    color:#e4ff00;
}

body {
    background-color:#000000;
    background-image:url("../img/back.jpg");
    background-position:top center;
    background-repeat:no-repeat;
    color:#ffffff;
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size:1em;
    line-height:1.2em;
    height:100%;
}

body.archive {
    background-attachment:fixed;
}
    body.archive #content {
        margin-top:175px;
    }
    body.archive #header {
        background-color:black;
        background-image:url("../img/back.jpg");
        background-position:top center;
        background-repeat:no-repeat;
        height:100px;
        padding-top:30px;
        position:fixed;
        top:0;
    }
    body.archive #navigation {
        height:25px;
    }

#category-menu {
    background-color:black;
/*    background-image:url('../img/category-bg.png');*/
    background-position:top center;
    background-repeat:no-repeat;
    border-top:1px solid #801518;
    bottom:0;
    height:50px;
    margin:0 10px 0 10px;
    padding:15px 15px 0 15px;
    position:fixed;
    width:909px;
    z-index:9999;
}

#category-menu ul {
    font-size:0.9em;
    margin:0.6em 0 0 0.5em;
}
    #category-menu ul li {
        display:block;
        float:left;
        margin:0 2em 0 0;
        text-transform:uppercase;
    }
        #category-menu ul li a {
            color:#ffffff;
            display:block;
            text-decoration:none;
        }
        #category-menu ul li a:hover {
            background-color:inherit;
            color:#801518;
        }
        #category-menu ul li.active {
            color:#801518;
        }

#category-push {
    clear:both;
    height:70px;
}

.clear {
    clear:both;
}

#closer {
    height:23px;
    left:-12px;
    position:absolute;
    top:-12px;
    width:23px;
}
    #closer a {
        background:url("../img/closer.png") no-repeat;
        display:block;
        height:23px;
        width:23px;
    }


#friends {
    font-size:0.7em;

}

#friend {
padding: 10px;
}



#contact {
    position:relative;
}
    #contact #graphic {
        background-image:url('../img/map.png');
        background-repeat:no-repeat;
        height:308px;
        position:absolute;
        right:0;
        top:20px;
        width:868px;
    }
        #contact #graphic a {
            display:block;
            height:inherit;
            width:inherit;
        }
    #contact .info {
        margin:30px 0 0 6px;
        width:300px;
    }

#container {
    width:964px;
    margin:5px auto 40px auto;
}


#content {
    clear:left;
}
    #content #content-bottom {
        padding:0 15px 0 10px;
    }



#feature {    
    background-color:transparent;
    background-image:url("../img/feature-bg.png");
    background-repeat:repeat-x;
    background-position:bottom;
    height:415px;
    width:958px;
}
    #feature #images {
        padding:11px 0 0 9px;
    }
    
.feature-title {
    font-size:0.6em;
    font-style:italic;
    margin-top:0;
    padding-right:10px;
    text-align:right;
}

#footer {
    background-color:transparent;
    background-image:url("../img/footer-bg.png");
    background-repeat:repeat-x;
    background-position:bottom;
    font-size:0.7em;
    text-align:right;
    width:100%;
}
    #footer span {
        padding-right:50px;
    }
#footer, #push {
    height:20px;
}

#header {
    height:105px;
    overflow:hidden;
    padding:20px 15px 0 10px;
    width:939px;
}
    #header #logo {
        background-image:url('../img/logo.png');
        background-repeat:no-repeat;
        height:50px;
        width:938px;
    }
        #header #logo a {
            display:block;
            height:inherit;
            text-indent:-9999px;
            width:inherit;
        }
        #header #logo a:hover {
            background-color:inherit;
        }

.hide {
    display:none;
}

hr {
    background-color:#e4ff00;
    border:0;
    clear:both;
    color:#e4ff00;
    margin:15px 0 10px;
    height:1px;
}

hr.under {
    clear:both;
    margin:10px 0 10px 0;
}

html {
    height:100%;
}

#main {
    position:relative;
}

    #main #news {
        display:block;
        float:left;
        width:320px;
    }
        #main #news #articles {
            background-image:url('../img/news-bg.png');
            background-repeat:no-repeat;
            height:358px;
            padding:20px 0;
        }
            #main #news #articles .scroll-pane {
                font-size:0.7em;
                height:308px;
                width:265px;
                overflow:hidden;
                padding:0 20px;
            }
                #main #news #articles .scroll-pane .author {
                    color:#e4ff00;
                    font-weight:bold;
                }
                #main #news #articles .scroll-pane .date {
                    color:#e4ff00;
                    font-weight:bold;
                }
                #main #news #articles .scroll-pane p {
                    margin:2px 0 15px 0;
                    line-height:1.2em;
                }
                #main #news #articles .scroll-pane p.copy {
                    margin-bottom:25px;
                }
    #main #portfolio {
        display:block;
        float:right;
        margin-top:2px;
        width:615px;
    }
        .feature {
            float:left;
            width:287px;
            height:185px;
        }
            .feature div {
                margin-left:10px;
                width:287px;
            }
            .feature h3 {
                margin:0;
                text-transform:uppercase;
                width:inherit;
            }
            .feature hr {
                background-color:transparent;
                color:transparent;
                margin:5px 0 0 0;
            }
            .feature span {
                margin:0;
            }
        .padded {
            margin-right:25px;
        }

.modal-content {
}
    .modal-video-area {
        height:325px;
    }
    .modal-content-area {
        font-size:0.8em;
        padding-top:15px;
    }
        .modal-content-area p {
            margin-bottom:2px;
        }
        .modal-titles {
            font-weight:bold;
            color:#e4ff00;
        }
            .modal-titles a {
                color:#e4ff00;
                margin-right:5px;
            }
            .modal-titles .modal-title {
                margin-right:15px;
            }

#navigation {
}
    #navigation ul {
        font-size:1.5em;
        margin:0 0 0 6px;
    }
        #navigation ul li {
            display:block;
            float:left;
            margin:5px 10px 1px 0;
            text-transform:uppercase;
        }
            #navigation ul li a {
                background-image:url("../img/navigation.png");
                color:#asee4ff0018;
                display:block;
                height:22px;
                text-decoration:none;
                text-indent:-9999px;
            }
            #navigation ul li a:hover {
                background-color:inherit;
                color:#CCCCCC;
            }
            #navigation ul li.active {
                color:#801518;
            }
        #navigation ul li#nav_news a {
            background-position:0px 0px;
            width:70px;
        }
        #navigation ul li#nav_video a {
            background-position:-80px 0px;
            width:195px;
        }
        #navigation ul li#nav_photo a {
            background-position:-285px 0px;
            width:75px;
        }
        #navigation ul li#nav_web a {
            background-position:-370px 0px;
            width:50px;
        }
        #navigation ul li#nav_artworks a {
            background-position:-430px 0px;
            width:135px;
        }
        #navigation ul li#nav_about a {
            background-position:-575px 0px;
            width:55px;
        }
   
        
        #navigation ul li#nav_news a:hover,
        #navigation ul li#nav_video a:hover,
        #navigation ul li#nav_photo a:hover, 
        #navigation ul li#nav_web a:hover, 
        #navigation ul li#nav_artworks a:hover, 
        #navigation ul li#nav_about a:hover        {
            background-image:url("../img/navigation-hover.png");
        }

p {
    margin-bottom:20px;
}
  
.panels {
    height:450px;
    position:absolute;
    width:6000px;
}

.panels div.panel {
/*    background:blue;*/
    display:block;
    float:left;
    height:450px;
    margin-right:20px;
    width:938px;
}
    .panels div.panel h2 {
        margin:0 0 3px 5px;
    }

.project {
    margin-bottom:15px;
}
    .project .project-data {
        background-image:url("../img/project-data-bg.png");
        background-repeat:repeat;
        float:left;
        height:65px;
        margin-left:20px;
        overflow:hidden;
        padding:10px;
        width:443px;
    }
        .project .project-data h4 {
            font-size:0.8em;
            font-weight:bold;
            margin-bottom:0.3em;
        }
        .project .project-data p {
            display:block;
            font-size:0.7em;
            line-height:1.1em;
        }
    .project .project-image {
        background-image:url("../img/project-data-bg.png");
        background-repeat:repeat;
        float:left;
        height:85px;
        width:456px;
    }
    .project .project-titles {
        font-size:1em;
        font-weight:bold;
        padding-bottom:5px;
        text-transform:uppercase;
        letter-spacing:-1px;
    }

#projects-listing {
    margin:30px 10px 30px 10px;
    width:950px;
}

.red {
    color:#801518;
}

#reel .padded {
    margin-right:20px;
}

.scrollable {
    height:450px;
    overflow:hidden;
    position:relative;
    width:938px;
}

strong {
    font-weight:bold;
}

#wrapper {
    height:auto !important;
    height:100%;
    margin:0 auto -20px;
    min-height:100%;
    position:relative;
    width:980px;
}artworks