@font-face {
        font-family: 'HelveticaNeueLTStd75Bold';
        src: url('helveticaneueltstd-bd-webfont.eot');
        src: url('helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
             url('helveticaneueltstd-bd-webfont.woff') format('woff'),
             url('helveticaneueltstd-bd-webfont.ttf') format('truetype'),
             url('helveticaneueltstd-bd-webfont.svg#HelveticaNeueLTStd75Bold') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'HelveticaNeueLTStd65Medium';
        src: url('helveticaneueltstd-md-webfont.eot');
        src: url('helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
             url('helveticaneueltstd-md-webfont.woff') format('woff'),
             url('helveticaneueltstd-md-webfont.ttf') format('truetype'),
             url('helveticaneueltstd-md-webfont.svg#HelveticaNeueLTStd65Medium') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'HelveticaNeueLTStd55Roman';
        src: url('helveticaneueltstd-roman-webfont.eot');
        src: url('helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
             url('helveticaneueltstd-roman-webfont.woff') format('woff'),
             url('helveticaneueltstd-roman-webfont.ttf') format('truetype'),
             url('helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    html,
    body { background-color: #eee; font-family: HelveticaNeueLTStd55Roman, "Helvetica Neue", Helvetica, Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; font-size: 12px; color: #3c3c3c; }

    h1 { font-size: 12px; font-family: HelveticaNeueLTStd55Roman, "Helvetica Neue", Helvetica, Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; margin: 0; padding: 0; line-height: 1.5; }
        h1 a,
        h1 a:link,
        h1 a:visited { color: #3c3c3c; } 
        h1 a:hover { color: #00f062; } 

    h2 { font-size: 12px; font-family: HelveticaNeueLTStd55Roman, "Helvetica Neue", Helvetica, Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; font-weight: lighter; letter-spacing: 0.06em; }

    p { font-weight: normal; color: #3c3c3b; font-size: 12px; margin: 0 0 18px 0; line-height: 1.25; }

    li { color: #3c3c3c; }

    a,
    a:visited,
    a:focus { color: #00f062; outline: none; text-decoration: none; }
    a:hover { color: #3c3c3b; outline: none; text-decoration: none; }

    #loading { position: absolute; width: 800px; height: 100%; left: 0; top: 0; background-color: #000; z-index: 1000; }
        #loading img { position: absolute; top: 50%; right: 0; margin: -4px 0 0 0;  }

    #top { display: none; position: fixed; bottom: 15px; left: 70px; color: #3C3C3C; }
    #top:hover { color: #00F062; }
    
    header { position: fixed; width: 100%; height: 170px; background-color: #eee; top: 0; left: 0; z-index: 999; }
        header #header-inner { float: left; position: relative; margin: 30px 0 0 50px; width: 1040px; }
            header #site { float: left; width: 260px; }
                header #site h2 { margin: 0; padding: 0; width: 145px; line-height: 1.3; }
            header #projects { float: left; width: 260px; }
                header #projects span { float: left; width: 100%; font-size: 12px; font-family: HelveticaNeueLTStd55Roman, "Helvetica Neue", Helvetica, Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; margin: 4px 0 0 0; padding: 0; font-weight: bold; letter-spacing: 0.06em; line-height: 0.95; }
                header #projects ul { float: left; width: 220px; margin: 0 0 0 15px; padding: 0; }
                    header #projects ul li { float: left; width: 100%; padding: 0 0 0 15px; margin: 5px 0 0 0; line-height: 0.88; list-style: none; }
                        header #projects ul li.hovered,
                        header #projects ul li.current { list-style: disc; }
                        header #projects ul li a,
                        header #projects ul li a:link { color: #3c3c3b; }
                        header #projects ul li a:hover { color: #00f062; }
            header nav { float: left; width: 260px; }
                header nav ul { float: left; width: 100%; margin: 4px 0 0 0; padding: 0; }
                    header nav ul li { float: left; width: 100%; padding: 0 0 0 0; margin: 0 0 5px 0; line-height: 0.9; text-transform: uppercase; }
                        header nav ul li a,
                        header nav ul li a:link,
                        header nav ul li a:visited { color: #3c3c3b; }
                        header nav ul li a:hover { color: #00f062; }
                        header nav ul li.section,
                        header nav ul li.current { font-weight: bold; }
            header #lang { float: right; width: 260px; }
                header #lang span { float: left; width: 100%; font-size: 12px; font-family: HelveticaNeueLTStd55Roman, "Helvetica Neue", Helvetica, Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; margin: 2px 0 0 0; padding: 0; font-weight: bold; letter-spacing: 0.06em; }
                header #lang ul { float: left; width: 220px; margin: 0 0 0 15px; padding: 0; }
                    header #lang ul li { float: left; width: 100%; padding: 0 0 0 15px; margin: 5px 0 0 0; line-height: 0.85; list-style: none; }
                        header #lang ul li.hovered,
                        header #lang ul li.current { list-style: disc; }
                        header #lang ul li a,
                        header #lang ul li a:link { color: #3c3c3b; }
                        header #lang ul li a:hover { color: #00f062; }
            header #Search { position: absolute; width: 260px; right: 0; bottom: 0; }
                header #Search input { border: 1px solid #fff; background-color: #fff; width: 188px; color: #989898; padding: 10px; }
                header #Search input:focus { border: 1px solid #00F062; background-color: #fff; width: 188px; color: #333; padding: 10px; }
                header .action { display: none; }
                

    #wide { margin: 170px 0 50px 50px; }
    #wrap { width: 1040px; margin: 170px 0 50px 50px; }
        #grid { width: 100%; }
            .project { float: left; width: 260px; height: 310px; position: relative;  }
                .project .project-thumb {position: absolute; z-index: 1; }
                .project .project-detail { width: 210px; height: 210px; position: absolute; bottom: 0; right: 0; background-color: #fff; z-index: 5;}
                .project .project-detail h3 { margin: 15px; text-transform: uppercase; color: #00f062; font-weight: lighter; }
                    .project .project-detail h3 a,
                    .project .project-detail h3 a:link { color: #00f062; }
                    .project .project-detail h3 a:hover { color: #3c3c3b; }
                .project .project-detail .arrow { position: absolute; bottom: 0; right: 0; }
                .spacer { display: none; width: 520px; }
        #inner { float: left; width: 990px; background-color: #fff; padding: 25px 25px 0 25px; }
            #alpha { float: left; width: 210px; position: relative; margin: 0 0 70px 0; }
                #alpha #sub-navigation { float: left; width: 100%; margin: 161px 0 0 0; border-top: 1px solid #ccc; }
                    #alpha #sub-navigation ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
                        #alpha #sub-navigation ul li { float: left; width: 100%; margin: 0; padding: 6px 0 6px 0; border-bottom: 1px solid #ccc; }
                        #alpha #sub-navigation ul li.light { color: #ccc; }
                        #alpha #sub-navigation ul li a,
                        #alpha #sub-navigation ul li a:link { color: #3c3c3b; }
                        #alpha #sub-navigation ul li a:hover { color: #00f062; }
                #alpha #other-projects { float: left; width: 100%; margin: 27px 0 0 0; border-top: 1px solid #ccc; }
                    #alpha #other-projects span { float: left; width: 100%; margin: 0 0 8px 0; padding: 5px 0 6px 0; border-bottom: 1px solid #ccc; }
                    #alpha #other-projects ul { float: left; width: 195px; margin: 0 0 0 15px; padding: 0; }
                        #alpha #other-projects ul li { float: left; width: 100%; padding: 0 0 0 10px; margin: 5px 0 0 0; line-height: 0.9; list-style: none; }
                            #alpha #other-projects ul li.hovered { list-style: disc;  }
                            #alpha #other-projects ul li a,
                            #alpha #other-projects ul li a:link { color: #3c3c3b; }
                            #alpha #other-projects ul li a:hover { color: #00f062; }
                            #alpha #other-projects ul li.hovered a { color: #00f062; }
                #alpha #project-cycle { float: left; width: 100%; }
                #alpha #project-preview { position: absolute; top: 489px; left: 0; width: 210px; height: 210px; position: relative; margin: 0 0 25px 0; }
                    #alpha #project-preview-single { width: 210px; height: 210px; position: absolute; z-index: 100; top: 0; left: 0; overflow: hidden; }
                    #alpha #project-preview-cycle { width: 210px; height: 210px; position: absolute; z-index: 1; overflow: hidden; top: 0; left: 0; }
                        #alpha #project-preview-cycle-inner { float: left; width: 210px; height: 210px; position: absolute; z-index: 1; }
            #beta { float: right; width: 755px; }
                #beta #SearchResults { float: left; width: 100%; margin: 0 0 28px 0; }
                #beta #SearchResults ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
                #beta #SearchResults ul li { float: left; width: 100%; margin: 0 0 20px 0; padding: 0; }
                #beta #PageNumbers { float: left; width: 100%; border-top: 1px solid #eee; padding: 18px 0 0 0; }
                #beta #PageNumbers .next { float: right; }
                #beta #PageNumbers .prev { float: left; }
                #beta #beta-details { float: left; width: 100%; margin: 0 0 28px 0; background: transparent url('../images/back-border.jpg') left bottom no-repeat; }
                    #beta #SearchResults h2 { width: 100%; font-size: 14px; font-family: HelveticaNeueLTStd55Roman, "Helvetica Neue", Helvetica, Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; margin: 0 0 15px 0; padding: 0; font-weight: lighter; letter-spacing: 0.06em; color: #00f062; }
                    #beta #beta-details h2 { position: absolute; top: 15px; width: 365px; font-size: 14px; font-family: HelveticaNeueLTStd55Roman, "Helvetica Neue", Helvetica, Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; margin: 0; padding: 0; font-weight: lighter; letter-spacing: 0.06em; color: #00f062; }
                    #beta #beta-details-alpha { float: left; position: relative; width: 365px; min-height: 161px; border-top: 1px solid #ccc; }
                    #beta #beta-details-beta { float: right; position: relative; width: 365px; min-height: 161px; border-top: 1px solid #ccc; }
                        .border-bottom { border-bottom: 1px solid #ccc; }
                        #beta #beta-details .beta-details-inner { float: left; margin: 60px 0 0 0; }
                        #beta #beta-details .beta-details-inner .read-less { float: left; margin: 0 0 18px 0; }
                        #beta #beta-details .beta-details-inner a,
                        #beta #beta-details .beta-details-inner a:link { color: #3c3c3b; text-decoration: underline;  }
                        #beta #beta-details .beta-details-inner a:hover { color: #00f062; text-decoration: underline;  }
                            #beta #beta-details .beta-details-inner ul.specs { float: left; margin: 0; padding: 0; width: 100%; list-style: none; }
                                #beta #beta-details .beta-details-inner ul.specs li.title { float: left; margin: 0; padding: 0; width: 75px; }
                                #beta #beta-details .beta-details-inner ul.specs li.detail { float: right; margin: 0; padding: 0; width: 290px; }
                        #beta #beta-content { float: left; width: 100%; padding: 0 0 15px 0; }
                        #beta #beta-content img { float: left; margin: 0 0 18px 0; }
                            #beta #beta-content #beta-content-alpha { float: left; width: 365px; }
                            #beta #beta-content #beta-content-beta { float: right; width: 365px; }
                #beta #project-images { float: left; width: 100%; }
                    #beta #project-images img { float: left; margin: 0 0 20px 0; }
                #beta .project-video { float: left; width: 100%; margin: 0 0 20px 0; }
                
                #beta #news-alpha { float: left; width: 365px; }
                #beta #news-beta { float: right; width: 365px; }
                    #beta .news { float: left; width: 365px; min-height: 410px; border-top: 1px solid #ccc; margin: 0 0 25px 0;  }
                        #beta .news h2 { float: left; width: 365px; font-size: 14px; font-family: HelveticaNeueLTStd55Roman, "Helvetica Neue", Helvetica, Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; margin: 15px 0 11px 0; padding: 0; font-weight: lighter; letter-spacing: 0.06em; color: #00f062; }

                        #news-alpha .expand,
                        #news-beta .expand { margin: 0 0 22px; width: 100%; } 

                        #news-alpha .text-links,
                        #news-beta .text-links { margin: 0 0 15px; width: 100%; } 

                        .expand { float: left; width: 100%; }
                        .read-more,
                        .read-less { float: left; }
                        .read-less { display: none; }

                        .text-links { float: left; width: 100%; margin: 10px 0 15px 0 }
                        .text-links a,
                        .text-links a:link { float: left; color: #000; text-decoration: underline; margin: 0 10px 0 0; }
                        .text-links a:hover { color: #00F062; text-decoration: underline; }
                        .text-links p { margin: 0 0 18px 0; }

                        #beta .news-header { float: left; width: 100%; height: 60px; }
                        #beta .news a,
                        #beta .news a:link { color: #3c3c3b; text-decoration: underline;  }
                        #beta .news a:hover { color: #00f062; text-decoration: underline;  }
                        #beta .news .summary { float: left; width: 100%; margin: 0 0 22px 0; }
    #credit { float: left; width: 100%; text-align: right; margin: 0 0 20px 0; display: none; }
        #credit span { color: #c2c2c2; padding: 0 20px 0 0; }
            #credit span a { color: #c2c2c2; }
         #credit span a:hover { color: #3c3c3b; }
    .hide { display: none; }

        #MemberLoginForm_LoginForm h4 { font-size: 12px; color: #808080; font-weight: normal; margin: 0 0 15px 0; }
                        #MemberLoginForm_LoginForm span.required { float: left; width: 100%; color: #cc0000; font-size: 16px; margin: 0; padding: 0; }
                        #MemberLoginForm_LoginForm fieldset { margin: 0; padding: 0; }
                        #MemberLoginForm_LoginForm div.text,
                        #MemberLoginForm_LoginForm div.email { float: left; width: 100%; margin: 0 0 15px 0; }
                        #MemberLoginForm_LoginForm label { float: left; width: 100%; margin: 0 0 10px 0; font-size: 12px; color: #000; }
                        #MemberLoginForm_LoginForm input.email,
                        #MemberLoginForm_LoginForm input.text,
                        #MemberLoginForm_LoginForm input.password { float: left; width: 190px; height: 28px; margin: 0; padding: 1px; border: 1px solid #696969; color: #696969; font-size: 12px; background-color: transparent; font-family: 'HelveticaNeueLTStd65Medium', Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif; font-weight: lighter; }      
                        #MemberLoginForm_LoginForm .Actions { float: left; margin: 15px 0 10px 0; }
                        #MemberLoginForm_LoginForm .Actions input { float: left; width: 190px; height: 32px; margin: 0 0 20px 0; color: #fff; font-size: 12px; background-color: #696969; font-weight: normal; border: 0;  font-family: 'HelveticaNeueLTStd65Medium', Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif; font-weight: lighter; }                                    
                        p#Remember { float: left; width: 100%; margin: 10px 10px 0 0; border: none; }
                        #Remember input { float: left; width: 10px; margin: 0 10px 0 0; border: none; }
                        #Remember label { float: left; width: 200px; margin: 6px 0 0 0; }
                        p#ForgotPassword { float: left; width: 100%; clear: left; }
                    #MemberLoginForm_LostPasswordForm h4 { font-size: 12px; color: #696969; font-weight: normal; margin: 0 0 15px 0; }
                        #MemberLoginForm_LostPasswordForm span.required { float: left; width: 100%; color: #cc0000; font-size: 16px; margin: 0; padding: 0; }
                        #MemberLoginForm_LostPasswordForm fieldset { margin: 0; padding: 0; }
                        #MemberLoginForm_LostPasswordForm div.text,
                        #MemberLoginForm_LostPasswordForm div.email { float: left; width: 100%; margin: 0 0 15px 0; }
                        #MemberLoginForm_LostPasswordForm label { float: left; width: 100%; margin: 0 0 10px 0; font-size: 12px; color: #000; }
                        #MemberLoginForm_LostPasswordForm input.email,
                        #MemberLoginForm_LostPasswordForm input.text { float: left; width: 190px; height: 28px; margin: 0; padding: 1px; border: 1px solid #696969; color: #696969; font-size: 12px; background-color: transparent; font-weight: normal;  font-family: 'HelveticaNeueLTStd65Medium', Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif; font-weight: lighter; }     
                        #MemberLoginForm_LostPasswordForm .Actions { float: left; margin: 0 0 10px 0; }
                        #MemberLoginForm_LostPasswordForm .Actions input { float: left; width: 190px; height: 32px; margin: 0 0 20px 0; color: #fff; font-size: 12px; background-color: #696969; font-weight: normal; border: 0;  font-family: 'HelveticaNeueLTStd65Medium', Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif; font-weight: lighter;  }