@import url('reset.css');

body { background: url('../images/bg.gif') repeat; color: white; }

.wrap { width: 500px; margin: 0 auto; }
#db { position: relative; }


#header { width: 447px; height: 100px; margin: 200px auto 50px; background: url('../images/logo.png') no-repeat; text-indent:-9999px; }

#social { height: 67px; overflow: hidden; background: url('../images/icons_bg.png') repeat-x; }
#social ul { width: 276px; margin-top: 9px; }
#social ul li { margin-right: 20px; float: left; }
#social ul li a { width: 49px; height: 49px; display: block; text-indent: -9999px; }
#twitter { background: url('../images/icons.png') no-repeat 0 0; }
#twitter:hover { background-position: 0 -49px; }
#flickr { background: url('../images/icons.png') no-repeat -49px 0; }
#flickr:hover { background-position: -49px -49px; }
#dribbble { background: url('../images/icons.png') no-repeat -98px 0; }
#dribbble:hover { background-position: -98px -49px; }
#blog { background: url('../images/icons.png') no-repeat -147px 0; }
#blog:hover { background-position: -147px -49px; }