@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0}
img {border:none;}

/* ie6 png fix */
img, div { behavior: url(includes/iepngfix.htc) }
/* end fix */

.clear {clear:both;}
.center {text-align:center}

body { background-color:#bfbfbf; font-family:"Times New Roman", Times, serif; font-size:12px; color:#706f6f; }

div#wrapper { margin:0 auto; width:800px; background-color:#fff; position:relative; }

div#logo { position:absolute; left:305px; top:0; z-index:5; }

div#header { height:120px; position:relative; }
div#header a#join { position:absolute; right:55px; bottom:0; }
div#header a#facebook { position:absolute; right:20px; bottom:2px; }
div#header a#download { position:absolute; bottom:0; left:5px; }
div#header a#fingerprint { position:absolute; bottom:0; left:152px; }
div#header a#image-tips { position:absolute; bottom:0; left:152px; }

div#nav { background-color:#c4c3c3; font-size:12px; }
div#nav ul { list-style:none; padding:0 10px; }
div#nav ul li { float:left; }
div#nav ul li a { display:block; height:23px; }
div#nav ul li a:hover { color:#5b5a5a; }
div#nav ul li a span { display:none; }

a#navBe { background: url(../images/navBe.gif) 0 0 no-repeat; width:84px; }
a#navBuddies { background: url(../images/navBuddies.gif) 0 0 no-repeat; width:125px; }
a#navCollection { background:url(../images/navCollection.gif) 0 0 no-repeat; width:82px; }
a#navMeet { background:url(../images/navMeet.gif) 0 0 no-repeat; width:85px; }
a#navFind { background:url(../images/navFind.gif) 0 0 no-repeat; width:90px; }
a#navContact { background:url(../images/navContact.gif) 0 0 no-repeat; width:111px; }

a#navBe:hover, a#navBuddies:hover, a#navCollection:hover, a#navMeet:hover, a#navFind:hover, a#navContact:hover,
body#be a#navBe, body#buddies a#navBuddies, body#collection a#navCollection, body#meet a#navMeet, body#find a#navFind, body#contact a#navContact, body#contact-thanks a#navContact { background-position: 0 -23px; }

div#container { padding:3px 0 5px 0; }
body#be div#container, body#collection div#container, body#buddies div#container, body#find div#container, body#contact div#container 
{ padding:60px 20px 15px 20px; }
body#meet div#container { background-color:#eeeded; margin:3px 0 5px 0; padding:60px 40px 25px 250px; position:relative; }
body#contact-thanks div#container { padding:100px 20px 100px 215px; }

div#page-quote { float:left; padding-right:42px; }
body#collection div#page-quote { margin-left:-20px; padding-right:40px; }
div#page-description { float:left; width:490px; margin-bottom:10px; line-height:17px; }
div#page-description p { margin-bottom:20px; font-size:12px; }
div#page-description p span.callout { color:#b57a4b; font-size:15px; text-transform:uppercase; }
div#page-description a { color:#706f6f; }
div#page-description a:hover { text-decoration:none; }
.uppercase { text-transform:uppercase; margin-top:-10px; }

ul#three-col { list-style:none; }
ul#three-col li { float:left; background-color:#f0e9d3; width:211px; margin:0 42px 15px 0; padding:15px 7px; text-align:center; }

ul#single-col { list-style: none; margin:0 auto; width: 565px; }
ul#single-col li { background-color: #e2e1e1; padding:20px 20px 5px 20px; margin-bottom: 15px; }
ul#single-col li .leftcol { float: left; width:238px; text-align:center; }
ul#single-col li .rightcol { float: right; width:238px; }
ul#single-col li .product-description { background: url(../images/description-dots.gif) bottom left no-repeat; padding:0 30px 20px 30px; height:auto; }

.product-name { color:#717173; font-size:14px; text-transform:uppercase; margin-top:15px; }
.product-description { color:#717173; font-size:11px; margin-bottom:15px; height:46px; }
.product-price { background:url(../images/price-dots.gif) 3px 0 no-repeat; padding-top:15px; color:#717173; font-size:11px; text-transform:uppercase; }
.product-price span { padding:0 5px; }

img#photo-strip { position:absolute; top:5px; left:55px; }
div#bio {}
div#bio h1 { color:#b57a4b; font-size:28px; font-weight:normal; text-transform:uppercase; margin-bottom:5px; }
div#bio p { color:#706f6f; margin-bottom:18px; line-height:18px; }
div#bio img#meet-quote { margin-left:80px; }

ul#find-list { list-style:none; margin:0 auto; width:565px; color:#717173; font-size:13px; }
ul#find-list li { background-color:#ede7ca; padding:18px 60px 18px 18px; margin-bottom:15px; }
ul#find-list li img { float:left; }
ul#find-list li .rightcol { float:right; width:254px; text-align:center; margin-top:20px; }
ul#find-list li .rightcol h2 { font-size:20px; font-weight:normal; text-transform:uppercase; }
ul#find-list li .rightcol .info { font-style:italic; line-height:19px; height:100px; }
ul#find-list li .rightcol .collections { background:url(../images/find-dots.gif) 0 0 no-repeat; padding-top:15px; font-style:italic; }

label { text-transform:uppercase; }
input { font-size:10px; margin:5px 0 0 0; padding:1px; width:295px; }
input#submit { padding:0; width:auto; }
body#contact div#page-description p { margin-bottom:15px; }

div#footer { background: url(../images/footerTop.gif) 0 0 no-repeat; padding:12px 0 25px 0; font-size:10px; color:#808285; text-transform:uppercase; text-align:center; }
div#footer a { color:#808285; text-decoration:none; }
div#footer a:hover { text-decoration:underline; }
