* {margin:0; padding:0; }

body { background-color:#37404D; }
/* body#home { background: #37404D url(../images/record.jpg) no-repeat center top; } */
img {border: none;}

/* clearing fixer */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:focus { -moz-outline-style: none; }
a { outline: none; }

#wrapper { margin:0 auto; text-align:center; }
#boxes { width:840px; margin:62px auto 0 auto; text-align:center; }
#xmasboxes { width:840px; margin:62px auto 0 auto; text-align:center; }
#statement { text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; padding:0 20px; }
#statement h1 { color:#EDEDED; font-size:43px; letter-spacing:-0.02em; line-height:1.2em; font-weight: normal; padding-bottom: 20px; }
#statement p { color:#EDEDED; font-size:15px; line-height:1.5em; margin-bottom:.5em; }
#statement img { float:right; margin:0 0 20px 20px; }
#statement a { color:#EDEDED; text-decoration: none; border-bottom: 1px dotted #C9D9EB; }
#statement a:hover { color:#C9D9EB; }
.padd { padding-left:5px; float:left; clear:both; }
.floater { width:198px; height:198px; border: 1px solid #48515E; float:left; margin:0 5px 5px 0; }
.floater a { margin:5px 0 0 5px; display: block; width:188px; height:188px; overflow: hidden; text-decoration: none; text-indent: -9999px; }
.floater:hover { background-color: #48515E; }

h1 a { font-family:Georgia, "Times New Roman", Times, serif; color:#EDEDED; font-size:19px; letter-spacing:-0.02em; line-height:1.2em; font-weight: normal; text-decoration: none; }
h1 a:hover { color:#C9D9EB;}

#popper { margin:0 auto; text-align:left; /* width:490px;  */padding: 20px 0; font-family:Georgia, "Times New Roman", Times, serif; }
/*
#popper h1 { color:#EDEDED; font-size:43px; letter-spacing:-0.02em; line-height:1.2em; font-weight: normal; }
#popper h2 { color:#CBCBCB; font-size:11px; line-height:1.4em; margin-bottom:3em; font-style: italic; font-weight: normal; }
#popper h3 { color:#FFFFFF; font-size:19px; line-height:1.6em; margin:.3em 0; font-weight: normal; }
#popper p { color:#CBCBCB; font-size:13px; line-height:1.5em; margin-bottom:.5em; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; }
#popper h1, #popper h2 { text-align:center; }
#popper a, #popper a:link, #popper a:visited, #popper a:active { text-decoration:none; color:#C9D9EB; }
#popper a:hover { text-decoration:underline; }
#popper ul li { list-style-type: none; display: block; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: 4px; }
#popper ul li a { display: block; padding: 4px 8px; text-decoration: none; color:#C9D9EB!important; }
#popper ul li a:hover { background-color: #485465; text-decoration: none; }

#popper img { border:1px solid #C9D9EB; padding:4px; background-color: #222; }
*/

a.flickr { background: url(../images/flickr.jpg) 0px 0px no-repeat; }
a.flickr:hover { background: url(../images/flickr.jpg) -188px 0px no-repeat; }

a.savepolaroid { background: url(../images/savepolaroid.jpg) 0px 0px no-repeat; }
a.savepolaroid:hover { background: url(../images/savepolaroid.jpg) -188px 0px no-repeat; }

a.me { background: url(../images/me.jpg) 0px 0px no-repeat; }
a.me:hover { background: url(../images/me.jpg) -188px 0px no-repeat; }

a.posterous { background: url(../images/posterous.jpg) 0px 0px no-repeat; }
a.posterous:hover { background: url(../images/posterous.jpg) -188px 0px no-repeat; }

a.polapremium { background: url(../images/polapremium.jpg) 0px 0px no-repeat; }
a.polapremium:hover { background: url(../images/polapremium.jpg) -188px 0px no-repeat; }

a.impossible { background: url(../images/impossible.jpg) 0px 0px no-repeat; }
a.impossible:hover { background: url(../images/impossible.jpg) -188px 0px no-repeat; }

a.tds { background: url(../images/tds2.jpg) 0px 0px no-repeat; }
a.tds:hover { background: url(../images/tds2.jpg) -188px 0px no-repeat; }

a.me2 { background: url(../images/me2.jpg) 0px 0px no-repeat; }
a.me2:hover { background: url(../images/me2.jpg) -188px 0px no-repeat; }

a.wanted { background: url(../images/wanted.jpg) 0px 0px no-repeat; }
a.wanted:hover { background: url(../images/wanted.jpg) -188px 0px no-repeat; }

a.diana { background: url(../images/diana.jpg) 0px 0px no-repeat; }
a.diana:hover { background: url(../images/diana.jpg) -188px 0px no-repeat; }

a.clock { background: url(../images/clock.jpg) 0px 0px no-repeat; }
a.clock:hover { background: url(../images/clock.jpg) -188px 0px no-repeat; }

a.cesium { background: url(../images/cesium.jpg) 0px 0px no-repeat; }
a.cesium:hover { background: url(../images/cesium.jpg) -188px 0px no-repeat; }

a.amazon { background: url(../images/amazon.jpg) 0px 0px no-repeat; }
a.amazon:hover { background: url(../images/amazon.jpg) -188px 0px no-repeat; }

a.beck { background: url(../images/beck.jpg) 0px 0px no-repeat; }
a.beck:hover { background: url(../images/beck.jpg) -188px 0px no-repeat; }

a.low { background: url(../images/low.jpg) 0px 0px no-repeat; }
a.low:hover { background: url(../images/low.jpg) -188px 0px no-repeat; }

a.yola { background: url(../images/yola.jpg) 0px 0px no-repeat; }
a.yola:hover { background: url(../images/yola.jpg) -188px 0px no-repeat; }

a.doormat { background: url(../images/doormat.jpg) 0px 0px no-repeat; }
a.doormat:hover { background: url(../images/doormat.jpg) -188px 0px no-repeat; }

a.flor { background: url(../images/flor.jpg) 0px 0px no-repeat; }
a.flor:hover { background: url(../images/flor.jpg) -188px 0px no-repeat; }

a.gocco { background: url(../images/gocco.jpg) 0px 0px no-repeat; }
a.gocco:hover { background: url(../images/gocco.jpg) -188px 0px no-repeat; }

a.icp { background: url(../images/icp.jpg) 0px 0px no-repeat; }
a.icp:hover { background: url(../images/icp.jpg) -188px 0px no-repeat; }

a.jeffwall { background: url(../images/jeffwall.jpg) 0px 0px no-repeat; }
a.jeffwall:hover { background: url(../images/jeffwall.jpg) -188px 0px no-repeat; }

a.lens15 { background: url(../images/lens15.jpg) 0px 0px no-repeat; }
a.lens15:hover { background: url(../images/lens15.jpg) -188px 0px no-repeat; }

a.make { background: url(../images/make.jpg) 0px 0px no-repeat; }
a.make:hover { background: url(../images/make.jpg) -188px 0px no-repeat; }

a.meter { background: url(../images/meter.jpg) 0px 0px no-repeat; }
a.meter:hover { background: url(../images/meter.jpg) -188px 0px no-repeat; }

a.mcsweeneys { background: url(../images/mcsweeneys.jpg) 0px 0px no-repeat; }
a.mcsweeneys:hover { background: url(../images/mcsweeneys.jpg) -188px 0px no-repeat; }

a.moma { background: url(../images/moma.jpg) 0px 0px no-repeat; }
a.moma:hover { background: url(../images/moma.jpg) -188px 0px no-repeat; }

a.usb { background: url(../images/usb.jpg) 0px 0px no-repeat; }
a.usb:hover { background: url(../images/usb.jpg) -188px 0px no-repeat; }

a.bbf { background: url(../images/bbf.jpg) 0px 0px no-repeat; }
a.bbf:hover { background: url(../images/bbf.jpg) -188px 0px no-repeat; }

a.chacha { background: url(../images/chacha.jpg) 0px 0px no-repeat; }
a.chacha:hover { background: url(../images/chacha.jpg) -188px 0px no-repeat; }

a.socks { background: url(../images/socks.jpg) 0px 0px no-repeat; }
a.socks:hover { background: url(../images/socks.jpg) -188px 0px no-repeat; }

a.tivoli { background: url(../images/tivoli.jpg) 0px 0px no-repeat; }
a.tivoli:hover { background: url(../images/tivoli.jpg) -188px 0px no-repeat; }

a.boots { background: url(../images/boots.jpg) 0px 0px no-repeat; }
a.boots:hover { background: url(../images/boots.jpg) -188px 0px no-repeat; }

a.tttee { background: url(../images/tttee.jpg) 0px 0px no-repeat; }
a.tttee:hover { background: url(../images/tttee.jpg) -188px 0px no-repeat; }

a.coasters { background: url(../images/coasters.jpg) 0px 0px no-repeat; }
a.coasters:hover { background: url(../images/coasters.jpg) -188px 0px no-repeat; }

a.octopi { background: url(../images/octopi.jpg) 0px 0px no-repeat; }
a.octopi:hover { background: url(../images/octopi.jpg) -188px 0px no-repeat; }

a.books { background: url(../images/books.jpg) 0px 0px no-repeat; }
a.books:hover { background: url(../images/books.jpg) -188px 0px no-repeat; }

a.mlg { background: url(../images/mlg.jpg) 0px 0px no-repeat; }
a.mlg:hover { background: url(../images/mlg.jpg) -188px 0px no-repeat; }

a.ice { background: url(../images/ice.jpg) 0px 0px no-repeat; }
a.ice:hover { background: url(../images/ice.jpg) -188px 0px no-repeat; }

a.chocolate { background: url(../images/chocolate.jpg) 0px 0px no-repeat; }
a.chocolate:hover { background: url(../images/chocolate.jpg) -188px 0px no-repeat; }

a.mug { background: url(../images/mug.jpg) 0px 0px no-repeat; }
a.mug:hover { background: url(../images/mug.jpg) -188px 0px no-repeat; }

a.headphones { background: url(../images/headphones.jpg) 0px 0px no-repeat; }
a.headphones:hover { background: url(../images/headphones.jpg) -188px 0px no-repeat; }

a.walkerevans { background: url(../images/walkerevans.jpg) 0px 0px no-repeat; }
a.walkerevans:hover { background: url(../images/walkerevans.jpg) -188px 0px no-repeat; }

a.stencil { background: url(../images/stencil.jpg) 0px 0px no-repeat; }
a.stencil:hover { background: url(../images/stencil.jpg) -188px 0px no-repeat; }

a.braga { background: url(../images/braga.jpg) 0px 0px no-repeat; }
a.braga:hover { background: url(../images/braga.jpg) -188px 0px no-repeat; }

a.frutiger { background: url(../images/frutiger.jpg) 0px 0px no-repeat; }
a.frutiger:hover { background: url(../images/frutiger.jpg) -188px 0px no-repeat; }

a.wud1 { background: url(../images/wud1.jpg) 0px 0px no-repeat; }
a.wud1:hover { background: url(../images/wud1.jpg) -188px 0px no-repeat; }

a.girard { background: url(../images/girard.jpg) 0px 0px no-repeat; }
a.girard:hover { background: url(../images/girard.jpg) -188px 0px no-repeat; }

a.byron { background: url(../images/byron.jpg) 0px 0px no-repeat; }
a.byron:hover { background: url(../images/byron.jpg) -188px 0px no-repeat; }

a.essays { background: url(../images/essays.jpg) 0px 0px no-repeat; }
a.essays:hover { background: url(../images/essays.jpg) -188px 0px no-repeat; }

a.folio { background: url(../images/folio.jpg) 0px 0px no-repeat; }
a.folio:hover { background: url(../images/folio.jpg) -188px 0px no-repeat; }

a.fourth { background: url(../images/fourth.jpg) 0px 0px no-repeat; }
a.fourth:hover { background: url(../images/fourth.jpg) -188px 0px no-repeat; }