body { font-family: Arial, Helvetica, san-serif; margin: 0; padding: 0; border: none; font-size: 12px; background: #bcbdc1; color: #141414; } html * { outline: none; } ul, li { margin:0; padding:0; list-style-type:none; } a { color: #FFFFFF; text-decoration:none; } a: active, link, visited { text-decoration:none; } .float_left { float: left; margin-right: 10px; } .float_right { float: right; margin-left: 10px; } .text_box { font-size: 12px; height: 20px; border-style: ridge; font-size: 11px; color: #6d6d6d; border: 1px solid #dbdbdb; background-color: #efefef; } .textarea_box { font-size: 12px; height:20px; border-style:ridge; font-size:11px; color:#000000; border-color:#C0C0C0; border-width:1px; background-color: #FFFFFF; } h1 { display:inline; color: #6d6d6d; font-size:14px; font-weight: normal; } h2 { display:inline; font-size:18px; color: #6d6e71; font-weight: normal; } h3 { display:inline; font-size:12px; color: #6d6e71; font-weight: normal; } h1#logo { position: absolute; z-index: 5; display: block; top: 37px; width: 220px; height: 100px; text-indent: -1000px; background: #000000 url(../images/lee-busick-design.png) no-repeat 115px 25px; } #container-1 { background: transparent url(../images/sub-background.jpg) no-repeat 0 25px; } #left_nav { position: absolute; left: 0; margin-top: 116px; padding-top: 20px; padding-bottom: 20px; background: #000000; width: 220px; } #left_nav ul.main { margin-left: 15px; width: 190px; background: #000000; border-top: 1px solid #1a1a1a; padding-top: 3px; border-bottom: 1px solid #1a1a1a; padding-bottom: 3px; } #left_nav ul.main li.main { width: 190px; border-top: 1px solid #1a1a1a; background: transparent url(../images/nav-bg.png) no-repeat 0 0; text-align:right; line-height: 40px; margin-right:10px; text-indent: -20px; } #left_nav ul li.last { width: 190px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; text-align:right; } #left_nav ul.main li a { font-size: 9px; color: #454545; } #left_nav ul.main li a.news_link { font-size: 10px; color: #878787; } #left_nav ul.main li a:hover { color: #FFFFFF; } #left_nav ul li.main a.main { display: block; color: #878787; font-size: 10px; text-transform: uppercase; background: transparent url(../images/arrow-closed.png) no-repeat 0 15px; } #left_nav ul li.main a.main.open { display: block; color: #878787; font-size: 10px; text-transform: uppercase; background: transparent url(../images/arrow-open.png) no-repeat 0 15px; } #left_nav ul li.main a.news_link { display: block; color: #878787; font-size: 10px; text-transform: uppercase; background: transparent url(../images/arrow-closed.png) no-repeat 0 15px; } #left_nav ul li.main a.news_link.open { display: block; color: #878787; font-size: 10px; text-transform: uppercase; background: transparent url(../images/arrow-open.png) no-repeat 0 15px; } #left_nav ul li.main a.main:hover { color: #FFFFFF; } #left_nav ul li.main a.main.on { color: #FFFFFF; } #left_nav ul.sub { display: none; margin-bottom: 10px; margin-top: 10px; } #left_nav ul.sub.open { display: block; } #left_nav ul.sub2 { display: none; padding-top: 5px; } #left_nav ul.sub2.open { display: block; } #left_nav ul.sub li { line-height: 12px; padding: 0; margin:0; } #left_nav ul.sub li a.on { color: #FFFFFF; } #left_nav ul.sub2 li a.on { color: #59b8d3; } #left_nav ul.sub li.sub { line-height: 12px; height:15px; padding: 0; margin:0; } div.sub.news { font-size: 11px; color: #454545; width: 190px; line-height: 12px; text-align:left; padding-bottom: 10px; } a.sub.on { color: #FFFFFF; } #content-header { height: 25px; padding-top: 8px; margin-left: 227px; color: #FFFFFF; font-size: 11px; background: transparent; } #content-header .title { color: #7f8285; font-size: 9px; margin-left:12px; line-height:25px; } #content-header #work-title { width: 250px; float: left; background: #000000; } #content-header #project-title { background: #000000; } #content-header .spacer { float: left; margin-right: 1px; border-right: 1px solid #bcbdc1; background: transparent; height: 25px; } #project-nav { float: right; margin-top: 3px; margin-right: 8px; color: #FFFFFF; } #content-main-top { padding: 0; margin-top: 7px; border-top: 4px solid #FFFFFF; margin-left: 227px; margin-right: 7px; } #content-main-bottom { border-top: 4px solid #FFFFFF; margin-top: 1px; margin-left: 227px; margin-right: 7px; } .thumb-marker { width: 65px; height:2px; padding-right: 1px; background:#000000; display:none; margin: 0; } #content-main { height: 490px; margin-top: 1px; background: #FFFFFF; margin-left: 227px; margin-right: 7px; } #slideshow { margin: 0 auto; text-align: center; overflow: hidden; } .slide { width: 700px; height: 490px; } #project-description { display:none; position: absolute; z-index:100; left: 478px; width: 432px; height: 80px; background: #000000; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; color: #8a8a8a; font-size: 11px; line-height: 13px; } #toolbar { position: absolute; z-index:101; left: 478px; background: transparent url(../images/description_off.png) no-repeat 0 0; width: 94px; height: 24px; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; } #toolbar.on { position: absolute; z-index:101; left: 478px; background: transparent url(../images/description_on.png) no-repeat 0 0; width: 94px; height: 24px; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; } .project-thumbs { position: relative; height: 35px; line-height: 46px; margin-top: 1px; margin-bottom: 1px; background: #FFFFFF; margin-left: 227px; } .project-thumbs .thumb { margin-top: 7px; display: inline; margin-right: 2px; } .project-thumbs .thumb-start { margin-top: 7px; display: inline; margin-right: 2px; } .projects { position: relative; height: 35px; line-height: 35px; margin-bottom: 1px; background: #FFFFFF; margin-left: 227px; margin-right: 7px; padding-right: 8px; } .projects .thumb { margin-top: 7px; display: inline; margin-right: 2px; } .projects .thumb-start { margin-top: 7px; display: inline; margin-right: 2px; } .projects .project_btn { margin-top: 7px; float: left; width: 130px; line-height: 20px; background: #d1d2d4; margin-right: 2px; height: 20px; text-align: left; color: #7e7f81; font-size:10px; text-indent: 5px; } .projects .project_btn.on { font-size:10px; margin-top: 7px; float: left; width: 130px; line-height: 20px; background: #000000; margin-right: 2px; height: 20px; color: #FFFFFF; text-align: left; } .projects .project_btn.on a { color: #FFFFFF; } .projects .thumb { float: left; display: inline; margin-top: 6px; } .projects .thumb-start { float: left; display: inline; margin-top: 6px; } #project-footer { margin-top: 7px; height: 25px; background: #000000; margin-left: 227px; } #project-footer .title { color: #5a5b5d; font-size: 10px; float: right; margin-right: 9px; line-height:25px; } #project-footer .title a { color: #5a5b5d; } #header { height: 38px; background: transparent url(../images/top_nav_bg.png) repeat-x 0 0; } #header_content { float: right; font-size: 9px; color: #848484; line-height: 28px; margin-right: 10px; } #header_content ul { display:inline; list-style-type: none; } #header_content ul li { display:inline; padding-left:15px; } #header_content ul li a { color: #FFFFFF; } #header_content ul li.divider { color: #454545; } .header_content_right { display: inline; color: white; margin-right: 30px; } #ticker { display:inline; } .white { color: white; }