/*
Sweet Livin' Antiques © DIASPEIRO DESIGN 2008
----------------------------------------------- */
@media screen {
/* =General page settings
----------------------------------------------- */
* { font-size: 100%; margin: 0; padding: 0; }

html { height: 100%; }

body { background: url(../i/SLA_b.jpg) #53564f no-repeat left top; color: #2F4F4F; font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; text-align: center; }

p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 .8em 0; }

/* =Headings - Generic styles
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { background: transparent; font-weight: normal; letter-spacing: .1em; }

#content h2 { font-size: 1em; font-weight: normal; padding: 0px 0px 5px 0px; }

#content h3 { font-size: 1.3em; }

#content h4 { font-size: 1.2em; color: #eeeeee}

#content h5{ font-size: 1.1em; color: #eeeeee}

#content h6 { font-size: 1em; }

/* =Anchors
----------------------------------------------- */
a img { border: none; }

a:link { background: transparent; color: #2F4F4F; text-decoration: none; }

a:visited, a:hover, a:focus, a:active { background: transparent; color: #336666; text-decoration: none;}

/* =Content
----------------------------------------------- */
#content { background: transparent url(../i/SLA_content.jpg) no-repeat 0 0; position: relative; margin: auto; text-align: left; width: 780px; height: 610px; }

#frame { background: transparent; text-align: center; margin: 0 auto; padding: 0; }

/* =Heading Layout
----------------------------------------------- */
#heading { position: relative; }

#heading h1 { left: 42px; position: absolute; top: 2px; border: none; }

#heading h1 a { background: transparent url(../i/SLA_about.gif) no-repeat 0 0; display: block; height: 50px; overflow: hidden; text-indent: -9999px; width: 700px; }

/* =Content Layout
----------------------------------------------- */
#content-a { float: left; font-size: 1.1em; width: 250px; }

#content-b { float: left; font-size: 1.1em; width: 280px; }

#content-c { float: left; font-size: 1.1em; width: 250px; }

#content-d { clear: both; width: 780px; }

#content-a-inner { padding: 126px 20px 8px 35px; text-align: left; }

#content-b-inner { padding: 130px 23px 8px 20px; }

#content-c-inner { padding: 128px 30px 8px 20px; }

#content-d-inner { margin: 0 0 .5em 0; padding: 8px 0px 2px 0px; text-align: center; }

/* =Notes
----------------------------------------------- */
p.note { background: transparent; font-size: .9em; padding: 0px 0px 0px 0px; text-decoration: none; }



/* =Main Navigation
----------------------------------------------- */
#nav-a { left: 0px; list-style-type: none; position: relative; top: 1px; }

#nav-a li { float: left; margin: 0 0px 0 0; width: 50px; }

#nav-a li a { display: block; height: 30px; overflow: hidden; text-indent: -9999px; width: 50px; }

#nav-a-about a { background: transparent url(../i/SLA_nav1.jpg) no-repeat 0 0; }
#nav-a-about-on a { background: transparent url(../i/SLA_nav1.jpg) no-repeat 0 0; background-position: 0 -50px; }

#nav-a-bio a { background: transparent url(../i/SS_nav2.jpg) no-repeat 0 0; }
#nav-a-bio-on a { background: transparent url(../i/SS_nav2.jpg) no-repeat 0 0; background-position: 0 -50px; }

#nav-a-purchase a { background: transparent url(../i/SLA_nav3.jpg) no-repeat 0 0; }
#nav-a-purchase-on a { background: transparent url(../i/SLA_nav3.jpg) no-repeat 0 0; background-position: 0 -50px; }

#nav-a-listen a { background: transparent url(../i/SLA_nav4.jpg) no-repeat 0 0; }
#nav-a-listen-on a { background: transparent url(../i/SLA_nav4.jpg) no-repeat 0 0; background-position: 0 -50px; }

#nav-a-press a { background: transparent url(../i/SLA_nav5.jpg) no-repeat 0 0; }
#nav-a-press-on a { background: transparent url(../i/SLA_nav5.jpg) no-repeat 0 0; background-position: 0 -50px; }

#nav-a-contact a { background: transparent url(../i/SLA_nav6.jpg) no-repeat 0 0; }
#nav-a-contact-on a { background: transparent url(../i/SLA_nav6.jpg) no-repeat 0 0; background-position: 0 -50px; }

#nav-a-about a:hover, #nav-a-about a:focus, #nav-a-about a:active, #nav-a-bio a:hover, #nav-a-bio a:focus, #nav-a-bio a:active, #nav-a-purchase a:hover, #nav-a-purchase a:focus, #nav-a-purchase a:active, #nav-a-listen a:hover, #nav-a-listen a:focus, #nav-a-listen a:active, #nav-a-press a:hover, #nav-a-press a:focus, #nav-a-press a:active, #nav-a-contact a:hover, #nav-a-contact a:focus, #nav-a-contact a:active { background-position: 0 -50px; }

/* =Nav B
----------------------------------------------- */
ul#nav-b li { background: none; display: inline; margin-left: 5px; padding: 0; }

#nav-b li a { border: 1px solid #fff; color: #fff; font-size: .9em; padding: 3px 4px 3px 20px; text-decoration: none; }

#nav-b li a:hover, #nav-b li a:focus, #nav-b li a:active { color: #DEB887; }

#about a { background: transparent no-repeat 4px 50%; }

#bio a { background: transparent no-repeat 4px 50%; }

#purchase a { background: transparent no-repeat 4px 50%; }

#listen a { background: transparent no-repeat 4px 50%; }

#press a { background: transparent no-repeat 4px 50%; }

#contact a { background: transparent no-repeat 4px 50%; }

/* =Forms
----------------------------------------------- */
label { background: transparent; color: #fff; display: block; text-align:left; }

input, textarea, select { background: transparent repeat-x 0 0; border: 1px solid #fff; color: #fff; display: block; font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; margin-top: .5em; padding: 2px; }

#contactform table td { padding: 0; }

#contactform-name, #contactform-email, #contactform-message { width: 300px; }

#contactform-message { height: 50px; }

input.send { border: none; margin: 0; padding: 0; text-align:left; }

/* =Footer
----------------------------------------------- */
#footer { background: none; padding: 0px 0 10px 0; }

#footer p { background: transparent; color: #fff; font-size: .8em; line-height: 1em; margin: 0 0 .4em 0; text-align: center; text-transform: uppercase; }

#nav-d { background: none; list-style-position:inside; list-style-type: none; padding: 0px 0px 0px 0px; }

#nav-d li { margin: 0; }

#nav-d li a { display: block; height: 11px; overflow: hidden; text-indent: -9999px; width: 198px; }

#nav-d-design { background: transparent url(../i/SLA_dd.gif) no-repeat 0 0; display:block; height:11px; width:198px; position:relative; left:250px; margin-top:3px;}

#nav-d-design:hover, #nav-c-design:focus, #nav-c-design:active { background-position:-198px; }

}
@media print {
body { background: #262626; color: #333; font: 8pt Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, code, pre { color: #333; }

h2	{ font-size: 10pt; }

h3	{ font-size: 9pt; }

h4, h5, h6 { font-size: 8pt; }

abbr, acronym { border-bottom: none; }

abbr:after, acronym:after { content: ' (' attr(title) ') '; }

a:after { content: ' (' attr(href) ') '; }

a { color: #333; text-decoration: none; }

#nav-a, #nav-b, #heading-skipnav, #heading-intro, form { display: none; }

#heading { border-bottom: 2px solid #666; }

}