body {font:0.625em/1.5em tahoma,helvetica,arial,sans-serif;background:#414141;color:#bfbfbf;margin:0;padding:0;}

hr {display: none;}

#wrapper {width:569px;margin:13px auto 0 auto;}
    #menu {position:absolute;top:13px;right:13px;list-style:none;margin:0;padding:0;}
        #menu li {float:left;margin:0 0 0 10px;padding:0;}
            #menu li a {float:left;text-decoration:none;color:#c0c0c0;font-size:1.4em;font-weight:bold;}
            #menu li.active a {color:#fff;}
            #menu li a:hover {color:#fff;}
    #body {overflow:hidden;padding-bottom:10px;}
        #submenu {list-style:none;margin:0;padding:0;width:177px;float:left;}
            #submenu li {margin:0 0 22px 0;padding:0;}
                #submenu li a {color:#bfbfbf;text-decoration:none;font-size:1.5em;font-weight:bold;}
                #submenu li.active a {color:#fff;}
                #submenu li a:hover {color:#fff;}
        #content {float:right;width:350px;padding:21px;color:#fff;font-size:1.1em/*1.2em*/;line-height:1.6em;}
            #content h2 {color:#404040;font-size:1.3em;font-weight:bold;text-transform:uppercase;}
            #content a {color:#fff;text-decoration:none;}

/* home */
#home #wrapper {background:url(/img/site/bg.index.new.jpg) no-repeat 100% 0;height:600px;}
    #home #header {width:569px;height:103px;padding-top:50px;}
        #home #haladuda {width:296px;height:96px;display:block;position:relative;font-size:1em;}
            #home #haladuda span {left:0;top:0;position:absolute;width:296px;height:96px;background:url(/img/site/haladuda.index.jpg) no-repeat;}
            #home #haladuda a span {cursor:pointer;}
    #home #submenu {margin-top:368px;}
        #home #submenu li a {font-size:2.3em;}

/* pages */
#pages #header {background:url(/img/site/bg.gif) repeat-y 100% 0;position:relative;width:569px;height:103px;padding-top:50px;}
    #pages #haladuda {width:148px;height:48px;display:block;position:relative;font-size:1em;}
        #pages #haladuda span {left:0;top:0;position:absolute;width:148px;height:48px;background:url(/img/site/haladuda.jpg) no-repeat;}
            #pages #haladuda a span {cursor:pointer;}
#pages #content {background:url(/img/site/bg.gif) repeat-y 100% 0;padding-top:0;font-family:arial,sans-serif;}
#pages #content h2 {color:#000;margin-bottom:20px;}
#pages #content h4 {margin-bottom:7px;font-size:1.1em;}
#pages #content #area-of-intrest, #pages #content #works-in-the-collections {margin-bottom:30px;}
#pages #content dl {overflow:hidden;/*height:1%;*/margin-bottom:30px;}
#pages #content dt {/*clear:right;*/}
#pages #content #education dt {width:38px;float:left;font-weight:bold;}
#pages #content #education dd {margin-left:40px;/*width:310px;float:right;*/}
#pages #content #career-history dt {width:64px;float:left;font-weight:bold;}
#pages #content #career-history dd {margin-left:66px;/*width:280px;float:right;*/}
#pages #content #teaching dt {width:64px;float:left;font-weight:bold;}
#pages #content #teaching dd {margin-left:66px;/*width:280px;float:right;*/}
#pages #content #selected-group-exhibitions dt {width:38px;float:left;font-weight:bold;}
#pages #content #selected-group-exhibitions dd {margin-left:40px;/*width:310px;float:right;*/}
#pages #content #selected-solo-exhibitions dt {width:38px;float:left;font-weight:bold;}
#pages #content #selected-solo-exhibitions dd {margin-left:40px;/*width:310px;float:right;*/}
#pages #content #selected-photographic-monographs dt {width:64px;float:left;font-weight:bold;}
#pages #content #selected-photographic-monographs dd {margin-left:66px;/*width:280px;float:right;*/}
#pages #content #awards-grants-fellowships dt {width:64px;float:left;font-weight:bold;}
#pages #content #awards-grants-fellowships dd {margin-left:66px;/*width:310px;float:right;*/}
#pages #content #membership dt {width:64px;float:left;font-weight:bold;}
#pages #content #membership dd {margin-left:66px;/*width:280px;float:right;*/}
    #pages.portfolio #body {width:639px;}
    #pages.portfolio #body #content {background-position: 0 0;}
    #pages #content #portfolio-text {float:left;width:360px;/*font-size:0.9em;*/}
    #pages #content #text {margin-top:400px;float:right;font-size:1.2em;width:40px;}
        #pages #content #text a {color:#bfbfbe;text-decoration:none;}
#pages #submenu {margin-top:240px;}

/* portfolio */
#portfolio {margin-bottom:10px;}
#portfolio #wrapper {width:702px;margin:13px auto 0 auto;padding-left:134px;}
    #portfolio #header {width:569px;height:103px;padding-top:50px;position:relative;background:url(/img/site/bg2.header.jpg) repeat-y 100% 0;}
            #portfolio #haladuda {width:296px;height:96px;display:block;position:relative;font-size:1em;}
                #portfolio #haladuda span {left:0;top:0;position:absolute;width:296px;height:96px;background:url(/img/site/haladuda.portfolio.jpg) no-repeat;}
                #portfolio #haladuda a span {cursor:pointer;}
    #portfolio #body {background:url(/img/site/bg2.content.jpg) no-repeat 177px 0;padding-top:115px; overflow:hidden;height:1%;}
        #portfolio #content {width:527px;}
            #portfolio #content ul {list-style:none;margin:0 0 0 44px;padding:0;}
            #portfolio #content ul {margin:0 0 0 6px;}
                /*#portfolio #content li {margin:0;width:138px;float:left;margin-right:23px;}*/
                #portfolio #content li {margin:0;width:87px;float:left;margin:0 14px 9px 0;}
                #portfolio #content li {width:110px;margin:0 11px 11px 0;}
                    #portfolio #content li img {border:none;}
                    #portfolio #content li img {width:110px;}
        #portfolio #submenu {margin-top:150px;width:133px;}

/* portfolio photos */
#portfolio-photos {margin-bottom:10px;}
#portfolio-photos #wrapper {width:678px;margin:13px auto 0 auto;padding-left:110px;}
    #portfolio-photos #header {width:569px;height:103px;padding-top:50px;position:relative;background:url(/img/site/bg2.header.jpg) repeat-y 100% 0;}
            #portfolio-photos #haladuda {width:296px;height:96px;display:block;position:relative;font-size:1em;}
                #portfolio-photos #haladuda span {left:0;top:0;position:absolute;width:296px;height:96px;background:url(/img/site/haladuda.portfolio.jpg) no-repeat;}
                #portfolio-photos #haladuda a span {cursor:pointer;}
    #portfolio-photos #body {background:url(/img/site/bg2.content.jpg) no-repeat 177px 0;padding-top:0px;overflow:hidden;height:1%;}
        #portfolio-photos #content {width:459px;}
        .current_projects#portfolio-photos #content {margin-top:143px;}
        .current_project#portfolio-photos #content {width:497px;margin-top:40px;}
        .monographs#portfolio-photos #content {width:503px;margin-top:143px;}
            #portfolio-photos #content ul {list-style:none;margin:0;padding:0;overflow:hidden;float:left;width:390px;}
            .monographs#portfolio-photos #content ul {width:503px;}
                #portfolio-photos #content li {margin:0;width:87px;float:left;margin:0 14px 9px 0;}
                .current_projects#portfolio-photos #content li {width:120px;margin:0 11px 11px 0;}
                .monographs#portfolio-photos #content li {margin:0 11px 11px 0;}
                #portfolio-photos #content li.first-in-line {clear:left;}
                #portfolio-photos #content li.last-in-line {margin-right:0;}
                    #portfolio-photos #content li img {border:none;}
                    .current_projects#portfolio-photos #content li img {width:120px;}
                    .current_project#portfolio-photos #content img {width:420px;float:left;}
                    .monographs#portfolio-photos #content img {width:87px;}
            #portfolio-photos #content #text {margin-top:400px;float:right;font-size:1.2em;width:62px;}
            .current_project#portfolio-photos #content #text {margin-top:360px;}
                #portfolio-photos #content #text a {color:#bfbfbe;text-decoration:none;}
                #portfolio-photos #content #text a:hover {color:#eee;}
        #portfolio-photos #submenu {margin-top:265px;width:133px;}

/* portfolio text */
/*#portfolio-text {margin-bottom:10px;}*/
    #portfolio-text #header {width:569px;height:103px;padding-top:50px;position:relative;background:url(/img/site/bg.gif) repeat-y 100% 0;}
            #portfolio-text #haladuda {width:296px;height:96px;display:block;position:relative;font-size:1em;}
                #portfolio-text #haladuda span {left:0;top:0;position:absolute;width:296px;height:96px;background:url(/img/site/haladuda.portfolio.jpg) no-repeat;}
                #portfolio-text #haladuda a span {cursor:pointer;}
    #portfolio-text #body {width:649px;}
    #portfolio-text #content {width:430px;background:url(/img/site/bg.gif) repeat-y 0 0;padding-top:0;overflow:hidden;}
        #portfolio-text #content #text {float:left;width:350px;float:left;}
        #portfolio-text #content #photos {margin-top:400px;float:right;font-size:1.2em;width:30px;}
            #portfolio-text #content #photos a {color:#fff;text-decoration:none;}
    #portfolio-text #submenu {margin-top:265px;}

/* contact */
#contact #header {background:url(/img/site/bg.gif) repeat-y 100% 0;position:relative;width:569px;height:103px;padding-top:50px;}
    #contact #haladuda {width:148px;height:48px;display:block;position:relative;font-size:1em;}
        #contact #haladuda span {left:0;top:0;position:absolute;width:148px;height:48px;background:url(/img/site/haladuda.jpg) no-repeat;}
            #contact #haladuda a span {cursor:pointer;}
#contact #content {background:url(/img/site/bg.gif) repeat-y 100% 0;padding-top:140px;}
#contact #content {padding-bottom:50px;padding-top:150px;}
#contact #content {height:190px;padding-top:236px;padding-bottom:21px;}
    #contact #content p {text-align:right;font-weight:bold;}
        #contact #content a {text-decoration:underline;}
#contact #submenu {margin-top:130px;}
    #andrzej-haladuda {border:7px solid #808080;}