*{margin:0;padding:0;list-style:none;} html,body{height:100%;} .wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -260px;} .footer,.push{height:260px;} body{font-size:0.8em;background:url(http://static1.ryanfait.org/images/header-new.png) 170px 0 repeat-x;} .content{width:500px;padding:310px 0 0 170px;} #nav{position:absolute;left:0;top:0;width:330px;height:190px;padding:0;background:#fff url(http://static1.ryanfait.org/images/nav-drop.png) 100% 0 no-repeat;} .sidebar{position:absolute;left:680px;top:310px;width:300px;} .logo{position:fixed;left:24px;top:214px;width:107px;height:81px;background:url(http://static2.ryanfait.org/images/logo.png);} .footer{position:relative;margin:80px 0 0;height:180px;background:#999;} h1{position:absolute;right:10px;top:195px;color:#666;font:0.9em helvetica,sans-serif;} h1 a{color:#666;} h2{padding:0 0 0.6em;color:#666;font:1.8em helvetica,sans-serif;} h3{padding:0 0 0.6em;color:#c00;font:1.4em helvetica,sans-serif;} h4{padding:0.2em 0 0.6em;color:#000;font:1.1em helvetica,sans-serif;} p,ul,label{padding:0 0 1em;color:#666;font:1em/1.8em helvetica,sans-serif;} a{outline:none;} blockquote{margin:0 0 0 20px;padding:0 0 0 10px;border-left:2px solid #c00;} blockquote p{margin:0 0 1em;padding:0;} .content ul,.content ol{padding:0 0 2em 15px;} .content ul ul,.content ul ol{padding:0 0 0 15px;} .content li{padding:0 0 0 20px;color:#666;font:1em/1.8em helvetica,sans-serif;background:url(http://static2.ryanfait.org/images/bullet.png) 0 7px no-repeat;} strong,em{font-style:normal;font-weight:normal;} .content a{color:#666;text-decoration:none;border-bottom:2px solid #c00;} .content a:hover{color:#c00;} .content h3 a{color:#c00;font-size:0.9em;border-color:#ccc;} .content h3 a:hover{border-color:#666;} .content li a{border-width:0 0 1px;} .content a.plain,a img{border:0;} .sidebar a{color:#666;text-decoration:none;border-bottom:2px solid #ccc;} .sidebar a:hover{color:#000;} .thick{font-weight:bold;} .caps{text-transform:uppercase;} .red{color:#c00;} #nav li{width:164px;margin:0 0 3px;} #nav li#home{margin:26px 0 3px;} #nav a{width:164px;height:19px;text-indent:-500em;display:block;} #home a{background:url(http://static3.ryanfait.org/images/nav-home.png) 100% 0 no-repeat;} #services a{background:url(http://static3.ryanfait.org/images/nav-services.png) 100% 0 no-repeat;} #portfolio a{background:url(http://static4.ryanfait.org/images/nav-portfolio.png) 100% 0 no-repeat;} #resources a{background:url(http://static4.ryanfait.org/images/nav-resources.png) 100% 0 no-repeat;} #contact a{background:url(http://static1.ryanfait.org/images/nav-contact.png) 100% 0 no-repeat;} .sidebar ol{margin:0 0 3em;padding:5px 0 0 35px;background:url(http://static1.ryanfait.org/images/sidebar-backdrop.png);} .sidebar li{padding:0 0 14px;color:#666;font:1.1em/22px "Helvetica Neue",helvetica,sans-serif;list-style:decimal;} .footer ul{position:relative;left:200px;top:60px;width:535px;height:28px;background:url(http://static2.ryanfait.org/images/brackets.png) 185px 0 no-repeat;} .footer li a{position:absolute;top:0;height:28px;text-indent:-500em;display:block;} li.accessibility a:hover,li.map a:hover,li.contact a:hover{background-position:0 100%;} li.accessibility a{width:165px;left:0;background:url(http://static2.ryanfait.org/images/accessibility.png) no-repeat;} li.map a{width:117px;left:214px;background:url(http://static3.ryanfait.org/images/site-map.png) no-repeat;} .footer li.contact a{width:156px;left:380px;background:url(http://static3.ryanfait.org/images/contact-me.png) no-repeat;} .footer p a{margin:0 0 0 10px;color:#eee;text-decoration:none;border-bottom:1px solid #eee;} .footer a:hover{text-decoration:none;} .footer p{position:absolute;left:0;bottom:0;width:980px;color:#eee;font:1em/1.4em arial,sans-serif;text-align:center;} form{padding:0 0 3em;} fieldset{width:460px;margin:0 0 2em;padding:18px;border:2px solid #c00;} legend{padding:0 0.5em;color:#c00;font:1.2em helvetica,sans-serif;} input{width:482px;padding:5px 3px;color:#666;font:1.2em helvetica,sans-serif;} textarea{width:484px;height:200px;padding:3px;color:#666;font:1.2em helvetica,sans-serif;} fieldset input{width:450px;} fieldset textarea{width:452px;} .button{width:160px;height:30px;margin:10px 8px 0;color:#000;float:right;display:block;} .space{padding:0 0 0 1em;} span.checkbox{width:19px;height:25px;padding:0 5px 0 0;background:url(http://static4.ryanfait.org/images/checkbox.png) no-repeat;display:block;clear:left;float:left;} span.radio{width:19px;height:25px;padding:0 5px 0 0;background:url(http://static4.ryanfait.org/images/radio.png) no-repeat;display:block;clear:left;float:left;} span.select{position:absolute;width:158px;height:21px;padding:0 24px 0 8px;color:#fff;font:12px/21px arial,sans-serif;background:url(http://static1.ryanfait.org/images/select.png) no-repeat;overflow:hidden;} .accessible{display:none;} .left{float:left;} .right{float:right;} .clear{clear:both;} .learn{padding:1.2em 0 2em;font-size:1.2em;} .tag{position:absolute;left:200px;top:190px;width:334px;height:38px;background:url(http://static1.ryanfait.org/images/tag.png);} .touch{font-size:1.1em;} #webdesign{width:325px;height:28px;text-indent:-500em;background:url(http://static2.ryanfait.org/images/web-design-las-vegas.png) no-repeat;} #designservices{width:325px;height:28px;text-indent:-500em;background:url(http://static2.ryanfait.org/images/web-design-services.png) no-repeat;} #designportfolio{width:325px;height:28px;padding:0 0 40px;text-indent:-500em;background:url(http://static3.ryanfait.org/images/web-design-portfolio.png) no-repeat;} #webresources{width:325px;height:28px;text-indent:-500em;background:url(http://static3.ryanfait.org/images/web-design-resources.png) no-repeat;} #webarticles{width:325px;height:28px;margin:2em 0 0;text-indent:-500em;background:url(http://static4.ryanfait.org/images/web-design-articles-h.png) no-repeat;} #contactme{width:325px;height:28px;text-indent:-500em;background:url(http://static4.ryanfait.org/images/contact-me-h.png) no-repeat;} #usability{width:490px;height:28px;text-indent:-500em;background:url(http://static1.ryanfait.org/images/usability-and-accessibility.png) no-repeat;} #code{width:490px;height:28px;text-indent:-500em;background:url(http://static1.ryanfait.org/images/better-code-better-results.png) no-repeat;} #manage{width:490px;height:28px;text-indent:-500em;background:url(http://static2.ryanfait.org/images/manage-your-site.png) no-repeat;} h2.stageone{width:500px;height:200px;text-indent:-500em;background:url(http://static2.ryanfait.org/images/stage-one.png) no-repeat;} h2.stagetwo{width:500px;height:200px;text-indent:-500em;background:url(http://static3.ryanfait.org/images/stage-two.png) no-repeat;} h2.stagethree{width:500px;height:200px;text-indent:-500em;background:url(http://static3.ryanfait.org/images/stage-three.png) no-repeat;} h3.stages{width:300px;height:58px;text-indent:-500em;background:url(http://static4.ryanfait.org/images/stages.png) no-repeat;} h3.better{width:300px;height:58px;text-indent:-500em;background:url(http://static4.ryanfait.org/images/better.png) no-repeat;} h3.popular{width:300px;height:58px;text-indent:-500em;background:url(http://static1.ryanfait.org/images/popular-resources.png) no-repeat;} h3.design{width:300px;height:58px;text-indent:-500em;background:url(http://static1.ryanfait.org/images/web-design-articles.png) no-repeat;}