body { margin: 0px 0px 20px 0px; padding:0px; background-color: #fff; font: 12px/17px Helvetica, Arial; }

#content { overflow: hidden; width:1024px; margin: 0px auto 0px auto; }

a { text-decoration:none; color:#333; font-weight: bold; }
a:hover { text-decoration:none; background-color:#ff0; }
p {color:#333;}

@font-face {
    font-family: 'QuicksandBook';
    src: url('http://britenow.com//webfonts/quicksand_book-webfont.eot');
    src: url('http://britenow.com//webfonts/quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://britenow.com//quicksand_book-webfont.woff') format('woff'),
         url('http://britenow.com//webfonts/quicksand_book-webfont.ttf') format('truetype'),
         url('http://britenow.com//webfonts/quicksand_book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

#header { width: 1020px; margin-top:15px; font-family: 'QuicksandBook'; font-size: 24px; color: #333; font-weight: normal; }

div.subheadleft{ width:500px; float: left; margin-top: 22px; }
div.subheadright { width: 500px; float: left; margin-top: 21px; text-align: right; }
#header a { font-family: 'QuicksandBook'; font-size: 24px; color: #333; text-decoration:none; font-weight: normal; padding:0px; }
#header a:hover { text-decoration: underline; background-color: #fff; }

#thumbnails { float:left; width:1020px; padding: 0px 0px 0px 0px; margin: 40px 0px 0px 0px; }

div.thumb { float:left; width:230px; height:150px; margin: 0px 22px 50px 3px; box-shadow: 0px 5px 7px #888; }
div.thumb a img { border:1px solid #ccc; }
div.thumb a:hover img { border:1px solid #269de9; }

#projectcontainer { float:left; width:1005px; margin-top:40px;}
#rightcol {float:right; width: 273px; margin-left: 0px; border-top: 1px solid #000;}
#rightcol p { width: 240px; }
#leftcol { float:left; width: 140px; margin-left: 2px; margin-right: 33px; border-top: 1px solid #000; }
#leftcol p { color: #333; }
#bigimages { float:left; width:526px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bigimages img { margin-bottom:20px; border:1px solid #999; box-shadow: 0px 3px 7px #888; }

#resume { float:left; width:526px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#resume p { margin: 0px 35px 15px 35px; width: 460px; }
#resume h1 { margin: 0px 35px 8px 35px; }

#prevnext { float:right; width: 273px; margin: 0px 0px 20px 0px; }
#prevnext p { font-family: 'QuicksandBook'; font-size: 15px; color: #333; margin:0px; }
#prevnext a { font-family: 'QuicksandBook'; font-size: 15px; color: #333; text-decoration:none; font-weight: normal; }
#prevnext a:hover { text-decoration:underline; background-color:#fff; }

h1 { font: 14px Helvetica, Arial; font-weight: bold; color: #333; margin: 10px 0px 0px 0px; }
.tags { margin:2px 0px 0px 0px; padding:0px; color:#333; }
.highlighter {background-color:#ff0;}
.subtitle { margin-top:2px; color:#999; }

.subhead {color:#333; background-color: #ff0;}
.lighter {color:#999;}
.grayedout { font: 15px/15px 'QuicksandBook', Arial; text-decoration:line-through; }
.bold {font-weight:bold;}

input, textarea { border:1px solid #ddd; }