* {
    margin:0;
}

:focus {
    outline:none;
}

a {
    color:#00bbf2;
    position:relative;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

#about {
}
    #about #about_copy {
        display:block;
        float:left;
        width:340px;
    }
        #about #about_copy #about_container {
            background-repeat:no-repeat;
            margin-bottom:1px;
            height:358px;
        }
            #about #about_copy #about_container .scroll-pane {
                height:308px;
                overflow:hidden;
                padding:0 20px;
                width:265px;
            }
    #about #team {
        display:block;
        float:right;
        width:582px;
        height:320px;
    }
        #about #team #team_container {
            position:relative;
        }
        #about #team #team_container img {
            position:absolute;
            left:0;
            right:0;
        }
        #about #team #team_container table {
            color:#00A9CE;
            width:580px;
        }
            #about #team #team_container table tr {
                height:1.52em;
            }
                #about #team #team_container table tr td {
                    padding:0px 5px;
                    width:33%;
                }
                #about #team #team_container table tr td a {
                    color:#00A9CE;
                }
            #about #team #team_container table tr:hover {
                background-image:url("../img/hover.png");
                background-position:center top;
                background-repeat:no-repeat;
            }

#about p, #news p {
    padding-right:10px;
}

.about-highlight {
    font-weight:bold;
}

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

.blue {
    color:#00BBF2;
}

body {
    background-color:#292B2A;
    background-position:top center;
    background-repeat:no-repeat;
    color:#D5D0C9;
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size:0.72em;
    line-height:1.5em;
    height:100%;
}

button {
    background:transparent;
    border:0;
}

.category .droplet_placeholder,
.category ul {
  width:118px;
}

#category-menu {
    background-color:black;
    background-position:top center;
    background-repeat:no-repeat;
    border-top:1px solid #ee4d22;
    bottom:0;
    height:50px;
    margin:0 10px 0 10px;
    padding:15px 15px 0 15px;
    position:fixed;
    width:909px;
    z-index:9999;
}

#category-menu ul {
    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:#999999;
            display:block;
            text-decoration:none;
        }
        #category-menu ul li a:hover {
            background-color:inherit;
            color:#ee4d22;
        }
        #category-menu ul li.active {
            color:#ee4d22;
        }

.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;
    }

#contact {
    position:relative;
}
    #contact #graphic {
        float:left;
        margin-right:20px;
        height:188px;
        width:273px;
    }
        #contact #graphic a {
            display:block;
            height:inherit;
            width:inherit;
        }
    #contact .info {
        float:left;
        text-transform:uppercase;
        width:162px;
    }
    #contact #qr {
        float:left;
        margin-right:20px;
    }

#container {
    width:964px;
    margin:0 auto;
}

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

#feature {
    background-color:transparent;
    background-repeat:repeat-x;
    background-position:bottom;
    height:413px;
    width:958px;
}
    #feature #images {
        padding:11px 0 0 9px;
        height:385px;
        overflow:hidden;
    }

.feature-title {
    font-style:italic;
    margin-top:0;
    padding-right:10px;
    text-align:right;
}

#footer {
    margin:0 auto;
    padding-bottom:5px;
    text-align:right;
    width:940px;
}
    #footer span {
        padding-right:3px;
    }
        #footer span strong {
            font-weight:normal;
        }

#footer, #push {
    height:25px;
}

h2.uvphactory {
    background-image:url(../img/uvphactory.png);
    background-repeat:no-repeat;
    height:16px;
    margin-bottom:1em;
    text-indent:-9999px;
    width:173px;
}

h2.uvphactory.short {
    width:153px;
}

#header {
    height:80px;
    overflow:hidden;
    padding:10px 15px 0 10px;
    width:939px;
}
    #header #logo {
        background-image:url('../img/uvph-logo.png');
        background-repeat:no-repeat;
        height:43px;
        margin-top:8px;
        position:relative;
        width:84px;
    }
        #header #logo a {
            display:block;
            height:inherit;
            position:absolute;
            text-indent:-9999px;
            width:inherit;
        }
        #header #logo:active {
            top:1px;
        }
        #header #logo a:hover {
            background-color:inherit;
        }

.hide {
    display:none;
}

hr {
    background-color:#00bbf2;
    border:0;
    clear:both;
    color:#00bbf2;
    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:322px;
    }
        #main #news #articles {
/*            height:398px;*/
        }
            #main #news #articles .scroll-pane {
                height:320px;
                margin-right:10px;
                overflow:hidden;
            }
                #main #news #articles .scroll-pane .article {
                    margin-bottom:1.25em;
                }
                #main #news #articles .scroll-pane .author {
                    color:#00A9CE;
                    font-weight:bold;
                }
                #main #news #articles .scroll-pane .date {
                    color:#808285;
                    display:block;
                }
                #main #news #articles .scroll-pane p {
                    color:#D5D0C9;
                    margin:0;
                    margin-bottom:.5em;
                }
                #main #news #articles .scroll-pane p.copy {
                }
    #main #portfolio {
        display:block;
        float:right;
        width:608px;
    }
        .feature {
            float:left;
            width:291px;
            height:157px;
        }
            .feature div {
                margin-top:5px;
            }
            .feature h3 {
                color:#fff;
                font-size:1.3em;
                font-weight:bold;
                line-height:1;
                margin:0;
                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 {
    }
    .modal-content-area {
        padding-top:15px;
    }
        .modal-content-area p {
            margin-bottom:2px;
        }
        .modal-titles {
            font-size:16px;
            font-weight:bold;
            color:#fff;
            margin-bottom:.75em;
        }
            .modal-titles a {
                color:#00A9CE;
                margin-right:5px;
            }
            .modal-titles .modal-title {
                color:#00A9CE;
            }

#navigation {
}
    #navigation ul {
        font-size:2.09em;
        margin:5px 0 0 0;
    }
        #navigation ul li {
            display:block;
            float:left;
            margin:5px 5px 0 0;
            text-transform:uppercase;
        }
            #navigation ul li a {
                background-image:url("../img/navigation.png");
                background-repeat:no-repeat;
                color:#999999;
                display:block;
                height:17px;
                text-decoration:none;
                text-indent:-9999px;
            }
            #navigation ul li a:hover {
                background-color:inherit;
                color:#CCCCCC;
            }
            #navigation ul li.active {
                color:#ee4d22;
            }
        #navigation ul li#nav_news a {background-position:0px 0px;width:68px;}
        #navigation ul li#nav_reel a {background-position:-73px 0px;width:52px;}
        #navigation ul li#nav_archive a {background-position:-130px 0px;width:73px;}
        #navigation ul li#nav_about a {background-position:-208px 0px;width:81px;}
        #navigation ul li#nav_contact a {background-position:-293px 0px;width:102px;}
        #navigation ul li#nav_login a {background-position:-400px 0px;width:70px;}

        #navigation ul li#nav_news a:hover {background-position:0px -17px;}
        #navigation ul li#nav_reel a:hover {background-position:-73px -17px;}
        #navigation ul li#nav_archive a:hover {background-position:-130px -17px;}
        #navigation ul li#nav_about a:hover {background-position:-208px -17px;}
        #navigation ul li#nav_contact a:hover {background-position:-293px -17px;}
        #navigation ul li#nav_login a:hover {background-position:-400px -17px;}

        #navigation ul li#nav_news.active a {background-position:0px -17px;}
        #navigation ul li#nav_reel.active a {background-position:-73px -17px;}
        #navigation ul li#nav_archive.active a {background-position:-130px -17px;}
        #navigation ul li#nav_about.active a {background-position:-208px -17px;}
        #navigation ul li#nav_contact.active a {background-position:-293px -17px;}
        #navigation ul li#nav_login.active a {background-position:-400px -17px;}


        #navigation ul li#nav_news a:active {background-position:0px -16px;}
        #navigation ul li#nav_reel a:active {background-position:-73px -16px;}
        #navigation ul li#nav_archive a:active {background-position:-130px -16px;}
        #navigation ul li#nav_about a:active {background-position:-208px -16px;}
        #navigation ul li#nav_contact a:active {background-position:-293px -16px;}
        #navigation ul li#nav_login a:active {background-position:-400px -16px;}

p {
    margin-bottom:20px;
}

.panels {
    height:450px;
    position:absolute;
    width:4690px;
}

.panels div.panel {
    display:block;
    float:left;
    height:450px;
    margin-right:20px;
    width:940px;
}
    .panels div.panel h2 {
    }

.project {
    margin-bottom:12px;
}
    .project .project-data {
        float:left;
        margin-left:12px;
        overflow:hidden;
        width:460px;
    }
        .project .project-data h4 {
            color:#fff;
            font-size:1.39em;
            font-weight:bold;
            margin-bottom:0.3em;
        }
        .project .project-data p {
            color:#ccc;
            display:block;
            margin:0;
        }
    .project .project-image {
        float:left;
        height:121px;
        width:291px;
    }

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

.red {
    color:#ee4d22;
}

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

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

strong {
    font-weight:bold;
}

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