body {color: #311B0E; font-family: helvetica, arial, sans-serif; background: #b8f0ed url('../images/shabbybluedotback-1.jpg') repeat scroll center top;}
h1 {font: 22px/26px georgia, times, "times new roman"; margin-bottom: 40px; margin-top: 0; padding-top: 20px; text-align: center;}
h1 span {font-size: 12px;margin-top: 8px;}
#homepage h1 {font-size: 32px;}
h2 {text-align: center; margin: 50px 0 15px 0;}
a {text-decoration: none;}
p {margin: auto;color: #7F5B27; width: 400px;}
em {color: #5F7D7F;}
strong {color: #5F4017;}
span.center {display: block; text-align: center; font-size: 26px; margin: 18px 0 0px;}
#content-wrapper {width: 960px;margin: auto;}


/* --= HEADER STYLES =-- */
#header {position: relative; background: transparent url('../images/header.jpg') no-repeat; height: 457px;}
#main-nav a {display:block; text-indent: -2000px;}

#home {position: absolute; top: 200px; left: 115px; width: 100px; height: 60px;}
#faqs {position: absolute; top: 160px; left: 240px; width: 110px; height: 60px;}
#backgrounds {position: absolute; top: 245px; left: 310px; width: 190px; height: 60px;}
#extras {position: absolute; top: 90px; left: 370px; width: 100px; height: 90px;}
#buttons {position: absolute; top: 120px; left: 487px; width: 100px; height: 110px;}
#about {position: absolute; top: 260px; left: 555px; width: 100px; height: 90px;}
#contact {position: absolute; top: 140px; left: 615px; width: 110px; height: 80px;}

/* --= MAIN-CONTENT STYLES =-- */
#main-content {position: relative; min-height: 493px; background: transparent url('../images/content.jpg') repeat-y;}
#body-copy {margin:0px 0 0 90px; width: 690px; padding-bottom: 30px;}
#body-copy p {padding-bottom: 12px; text-align: left; font: 12px/18px arial;}
#navAds {margin: 0 auto 20px;width: 458px;}
.topImage {height: 100%;float: left; margin: 20px 10px 0 10px;}
.pinkLink, a {color: #BA5D70;}
.pinkLink:hover, a:hover {color: #9F455A;}
.blueLink {color: #5F7D7F;font-style: italic;}
.wideText {width: auto;}
#threeColumn {margin-left: 18px;}
#threeColumn p {position:relative;}
#threeColumn p a.zoomer {position:absolute; right: 0; top: 80px;z-index: 100;}
#threeColumn .wideText {
	margin: 3px 0 0 5px;
}
#column1, #column2, #column3 {float: left; width: 202px;margin-right: 20px;}
#homepage p.homeText {font: 18px garamond, times, "times new roman"; width: 550px;margin-bottom: 30px;}
#contact-link {margin-bottom: 20px; height: 99px; width: 200px;padding-bottom: 0;}
#backgroundspage #column1 p, #backgroundspage #column2 p, #backgroundspage #column3 p {text-align: center; margin-bottom: 30px;}
#columnLinks {margin: 0 0 10px 32px;}
#columnLinks a {color: #6F6145;padding: 8px 6px 6px 8px; margin-right: 8px; text-transform:lowercase; font-size: 11px;}
#columnLinks .current, #columnLinks a:hover {border: 1px solid #AFA083; padding: 8px 6px 6px 8px; background-color: #CFBD9B;}

#stuffList {width: 620px; margin: auto;}
#stuffList div {border-top: 1px dotted #AF9C78; padding: 20px 30px 20px 0;}
#stuffList[class=dividers] .thumbnail {margin-bottom: 50px;}
#stuffList p {width: auto;}
#stuffList .thumbnail {border: 1px solid #AF9C78; float: left; margin: 0 25px 0 20px; padding: 2px; background: #fff;}
#stuffList strong {font-size: 12px; padding-right: 10px;}
#stuffList li {color: #9F455A; margin: 8px 0; font-size: 12px;}
#stuffList li a {text-decoration: underline;}
#stuffList li a:hover {background: #9BDAE1;}
#stuffList .stuffTitle {font-size: 18px;text-transform: lowercase;}

#side-panel {position: absolute; top: 0px; right: 0px; background: url('../images/sidepanel.jpg') no-repeat;height: 491px; width: 160px;}
#ads {margin-left: 12px; width: 120px; height: 600px; position: absolute; top: -153px;}
/* --= FOOTER STYLES =-- */
#footer {position: relative; background: transparent url('../images/footer.jpg') no-repeat; height: 168px;}
#copyright p {font: 12px arial; text-align: center;margin-bottom: 20px;margin-left: -60px;}