* {margin: 0; padding: 0;}
body {background: #fff url(../img/bg-pattern.jpg) repeat-x; color: #222; padding-bottom: 15px; text-align: center; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 90%; line-height: 1.4;}

a {color: #D9024E;}
a:hover {background: #D9024E; color: #fff; text-decoration: none;}
abbr[title] {border-bottom: 1px dotted #222;}

#wrapper {width: 900px; margin: 0 auto; position: relative; text-align: left;}
#logo {position: absolute; top: 0; right: 0px;}

h1 {padding: 50px 0 25px 11px; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 120%; font-weight: normal;}
h1, h1 span {height: 205px; width: 658px; overflow: hidden;}
html>body #wrapper h1, h1 span {height: 130px; width: 647px;}
h1 span {background: url(../img/web-standards-expert.jpg) no-repeat; position: absolute; top: 50px; left: 10px;}

p#note {position: absolute; top: 120px; right: 0px;}
p#note, p#note span {height: 70px; width: 365px; overflow: hidden;}
p#note span {background: url(../img/view-more-info.jpg) no-repeat; position: absolute; top: 0; left: 0;}

ul#portfolio {width: 900px; margin-bottom: 60px; list-style-type: none;}
ul#portfolio li {background: #FBFBFB; margin-bottom: 10px; border: 5px solid #ececec; position: relative; overflow: hidden;}
ul#portfolio li img {display: block; margin-bottom: 20px; border: none; border-bottom: 5px solid #ececec;}
ul#portfolio li p {width: 475px; padding: 0 0 1em 30px; font-size: 90%;}
html>body ul#portfolio li p {width: 445px;}

#quotes {width: 455px; float: right; padding-top: 12px;} 
blockquote {padding: 0 10px 20px 10px;}
blockquote p {width: 435px; padding-bottom: 5px; font-size: 120%; font-family:  Georgia, "Times New Roman", serif;}
cite {display: block; text-align: right; font-size: 100%; font-style: normal;}
cite a {text-decoration: none;}

#about {float: left; width: 445px; font-size: 100%;}
html>body #about {float: none;}
#about h2, #about h2 span {display: block; width: 400px; height: 30px;}
#about h2 {position: relative; font-size: 80%; margin: -20px 0 5px -7px;}
#about h2 span {background: url(../img/crazy-or-good.gif) no-repeat; position: absolute; top: 0; left: 0px;}
#about p {padding: 0 20px 12px 10px;}

address {clear: both; margin-top: 30px; padding: 10px; border: 3px solid #ececec; font-size: 80%; font-style: normal; font-weight: bold; text-align: center;}
address a {text-decoration: none; padding: 0 2px; color: #A0495A;}
address a:hover {background: #A0495A;}