body {font-family: Geneva, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-size: .85em; line-height: 1.6em; color: #2d2d2d;}
#wrapper { width: 960px; margin: 100px auto; background-color: white;  }
#content { margin: 0px;}


#leftColumn { width: 650px; float: left; background: transparent url('/assets/graphics/nataliewinter.png') no-repeat 40px 0; padding-top: 260px;}
#rightColumn { width : 300px; float: right; }

#designs { background: transparent url('/assets/graphics/designs.png') no-repeat 310px 40px; padding: 0px 0px 0px 300px}

.title { display: inline-block; width: 200px; height: 45px; margin-top: 20px; }
.icon  { display: inline-block; width: 90px; height: 90px; }
.text  { display: inline-block; width: 260px; margin-top: 15px; margin-left: 10px;}
.title, .icon, .text { vertical-align: top;}
.titleLink { display: inline-block; width: 250px; height: 45px; text-indent: -9999em;}

#makes { background: transparent url('/assets/graphics/makes.png') no-repeat 310px 10px; height: 120px; }
#makes .title { background: transparent url('/assets/graphics/nw_captainhoney.png') no-repeat; margin-top: 35px; }
#makes .icon { background: transparent url('/assets/graphics/nw_anchor.png') no-repeat; }
#makes .icon:hover, #makes .icon:focus { background-position: 0 -90px; }
#makes .icon:active { background-position: 0 -180px; }

#takes { background: transparent url('/assets/graphics/takes.png') no-repeat 310px 10px; height: 120px; }
#takes .title { background: transparent url('/assets/graphics/nw_batakue.png') no-repeat; display: inline-block; width: 200px; height: 45px; }
#takes .icon { background: transparent url('/assets/graphics/nw_flower.png') no-repeat; }
#takes .icon:hover, #takes .icon:focus { background-position: 0 -90px; }
#takes .icon:active { background-position: 0 -180px; }

#designs .titleLink { width: 195px; margin-top: 45px;}
#designs .text { width: 210px; margin-top: 10px;}
#designs .icon { background: transparent url('/assets/graphics/nw_star.png') no-repeat; }
#designs .icon:hover, #takes .icon:focus { background-position: 0 -90px; }
#designs .icon:active { background-position: 0 -180px; }

#contact { background: transparent url('/assets/graphics/contact.png') no-repeat 0px 100px; padding-top: 155px; }

#social { height: 100px; }
.social { display: inline-block; }
.linkedIn { background: transparent url('/assets/graphics/linkedIn.png') no-repeat; width: 30px; height: 45px; }
.etsy { background: transparent url('/assets/graphics/etsy.png') no-repeat; width: 90px; height: 45px; }
.pinterest { background: transparent url('/assets/graphics/pinterest.png') no-repeat; width: 45px; height: 45px; }
.flickr { background: transparent url('/assets/graphics/flickr.png') no-repeat; width: 90px; height: 45px; }
.social:hover, .socail:focus { background-position: 0px -45px; }

a { text-decoration: none; color: #2d2d2d; }
a:hover, a:focus { text-decoration: underline; }