h1 { padding:0; margin:3px 0 7px 20px; }
.box-top-portfolio-sub { width:960px; height:8px; position:relative; }
#box-top-portfolio-sub-bg { filter:alpha(opacity=60); opacity: 0.6; background:url('http://chapolito.com/wp-content/themes/chapolito/images/content-cap-top.png') bottom center no-repeat; width:960px; height:8px; }
.box-top-portfolio { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/illustration-portfolio-city.png'); width:960px; height:133px; }
.box-top-portfolio h2 { margin:-55px 0 0 20px; .margin-bottom:11px; _margin-bottom:11px; font-size:28px; z-index:99; }
.box-top-portfolio-sub-links { position:relative; height:33px; .height:34px; _height:34px; }
.box-top-portfolio-sub-links-bg { position:absolute; top:0px; background-color:#FFF; filter:alpha(opacity=60); opacity: 0.6; height:37px; width:100%; z-index:0; }
.box-top-portfolio-sub-links-portfolio-bg { position:absolute; top:0px; background:url('http://chapolito.com/wp-content/themes/chapolito/images/background-browse.png') no-repeat; height:51px; width:100%; z-index:0; }
.box-top-portfolio-sub-links-text { position:absolute; height:47px; width:100%; z-index:99; margin-top:10px; }

/* PORTFOLIO */
#portfolio-left { float:left; display:block; margin:20px 20px 20px 0px; }
.portfolio-left-image { width:600px; height:600px; border:#d5d5d5 1px solid; }
.portfolio-left-subnav { text-align:right; margin-top:10px; color:#b1b1b1; font-family: 'Diavlo Medium', Arial; }
#portfolio-right { float:left; width:280px; display:block; margin:10px 0 20px 0; }
#portfolio-right h2 { margin-top:5px; }
#portfolio-right subnav { font-size:10px; }
.portfolio-left-subnav a { cursor:pointer; }
.browseprojects-text { float:left; display:block; color:#2cc1a1; font-family:'Diavlo Bold',Arial; padding:6px 5px 0 0; text-transform:uppercase; }
li.browseprojects-first { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-left-arrow-off.png'); width:31px; height:31px; } 
li.browseprojects-dot { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/project-icon-off.png'); width:19px; height:19px; }
li.browseprojects-last { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-right-arrow-off.png'); width:31px; height:31px; }
li.browseprojects-first:hover { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-left-arrow-on.png'); width:31px; height:31px; } 
li.browseprojects-dot:hover { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/project-icon-on.png'); width:19px; height:19px; }
li.browseprojects-last:hover { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-right-arrow-on.png'); width:31px; height:31px; }
#portfolio-right h2 { margin-bottom:10px; }
#portfolio-right .subnav { font-size:12px; margin-bottom:20px; font-family: 'Diavlo Medium', Arial; }
#viewsite_input { height:30px; width:192px; background-color:transparent; border:0px none transparent; cursor:pointer; margin-bottom:20px; background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-view-live-site-off.png'); }
#viewsite_input:hover { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-view-live-site-on.png'); }
.text-summary { line-height:1.5em; font-family: 'Diavlo Medium', Arial; }
.text-testimonial { line-height:1.5em; color:#666; margin:10px 20px 10px 20px; }
.text-testimonial-author { line-height:1.5em; color:#000; margin:10px 10px 0 10px; font-size:24px; text-align:right; }
.text-testimonial-title { line-height:1.5em; color:#666; margin:0 10px 10px 10px; font-size:12px; text-align:right; font-family: 'Diavlo Medium', Arial; }
#page_title { float:left; width:200px; border:#FF0000 solid 0px; }
#filters { float:right; width:753px; .width:745px; _width:745px; border:#FF0000 solid 0px; margin-top:0px; .margin-top:0px; _margin-top:0px; height:39px; .height:33px; _height:33px; }
#filters li { float:right; list-style:none; margin-right:1px; }
#filters li a { padding:8px 5px 8px 5px; .display:block; _display:block; background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/filter-middle-bg.png'); color:#2cc1a1; }
#filters li a:hover, #filters li.selected a { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/filter-middle-hover.png'); padding-bottom:9px; }
#filters li a:hover { color:#00A2FF; }
#filters li.label { .margin-top:7px; _margin-top:7px; background:url('http://chapolito.com/wp-content/themes/chapolito/images/spacer.gif'); font-family:'Diavlo Bold',Arial
; text-transform:uppercase; }
#filters li.first a { margin-left:10px; background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/filter-left-cap.png'); color:#2cc1a1; }
#filters li.first a:hover, #filters li.selected-first a { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/filter-left-cap-hover.png'); }
#filters li.first a:hover { color:#00A2FF; }
.last { margin-right:0; }
#filters li.last a { background:url('http://chapolito.com/wp-content/themes/chapolito/images/filter-right-cap.png') right top; color:#2cc1a1; }
#filters li.last a:hover, #filters li.selected-last a { background:url('http://chapolito.com/wp-content/themes/chapolito/images/filter-right-cap-hover.png') top right; padding-bottom:20px; }
#filters li.last a:hover { color:#00A2FF; }
.categoryname { color:#999; font-size:12px; }
.categorydivide { color:#e2e2e2; font-size:12px; }
#portfolio-left { background-color: #FFFFFF; background-image: url(http://chapolito.com/wp-content/themes/chapolito/images/loading.gif); background-repeat: no-repeat; background-position: center center; }
a.selectedimagenum-selected { color:#FF0000; }
a.selectedimagenum { color:#00A2FF; }
a.selectedimagenum:hover { color:#FF0000; }