/* HEADERS */

h1 {font-weight: bold; letter-spacing: -1px; font-size: 150%; margin: 10px 0 10px 0; padding:0; color: #000;}
h2 {font-weight: bold; letter-spacing: -1px; font-size: 16px; margin:0; padding:0; color: #000;}
h3 {font-weight: bold; font-size: 100%; margin:0; padding:0; color: #fff;}
h4 {font-size: 100%; margin:0; padding:0; color: #ff0084; display:inline; font-style: normal;}
h5 {font-size: 120%; margin:0; padding:0; color: #fff}


/* FORMS */

.form {color:#333; font-family:Georgia}

.button {color:#333; font-family:Georgia; font-weight:bold;}


/* FLOATS */

.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}


/* LINKS */

a:focus, a:hover, a:active { outline:none } 

.links {text-decoration:none; color:#ff0084; font-weight: bold;}

a.links:hover {color:#fb6bba; text-decoration: underline; font-weight: bold;}

a.links:visited, active, link {color:#ff0084; text-decoration:none; font-weight: bold;}

.linkonblack {text-decoration:none; color:#ff0084; font-weight: bold;}

a.linkonblack:hover {color:#fb6bba; text-decoration:underline;}

a.linkonblack:active, link {color:#fb6bba; text-decoration:underline;}


/* BODY */

body {margin:0px; padding:0px; background-color:#000; background-image: url(http://www.slatersparke.com/images/blackdamask_bg.jpg);
background-repeat: repeat; background-position: left top; color: #333333; font-family: Georgia, Verdana, Arial, sans-serif; SCROLLBAR-FACE-COLOR: #999896; SCROLLBAR-HIGHLIGHT-COLOR: #b2aea5; SCROLLBAR-SHADOW-COLOR: #999896; SCROLLBAR-3DLIGHT-COLOR: #b2aea5; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #b2aea5; SCROLLBAR-DARKSHADOW-COLOR: #999896}

html {height:100%; font-family:Georgia, Helvetica, sans-serif; font-size:73%; overflow-y: scroll;}

img {border: none;}

#clear_wrapper {width: 950px; margin: 0px auto;}

#wrapper {width: 950px; padding: 0px 0 10px 0; height: 100%; background: #FFF; position: relative;}

#header {background-image: url("http://www.slatersparke.com/images/header.gif"); background-repeat: no-repeat; background-position: left top; position: relative; width: 950px; height: 125px }

#banner {border:1px solid #888; position: relative; width: 468px; height: 60px; margin: 0px auto; padding: 0; top: 15px;}


/* MENU */

#menu {margin: 0 10px 0 10px; padding: 5px; position: absolute; bottom: 10px; width: 920px; text-align: center; color:#888; float:right; background-color:#f2f2f2;}

#menu span {padding: 0 5px 0 5px;}

.nav {text-decoration:none; color:#000; font-weight: bold;}

a.nav:hover {color:#ff0084; text-decoration:underline; font-weight: bold;}

a.nav:active, link {color:#ff0084; text-decoration:none; font-weight: bold;}


/* MAIN CONTENT CONTAINER */

#main_container {margin:0px auto; overflow:hidden; width: 930px; position:relative; clear:both; padding:0px; }

#static-bg {margin:0px 10px 0px 10px; overflow:hidden; width:930px; height:100%; background-image:url(../images/greydamask_bg.jpg); background-position:top left; background-repeat:repeat; background-color:#E6E6E4; position:relative; clear:both; padding:0px 0px 20px 0px;}

#illustration-bg {width:7000px; height:400px; background-image:url(../images/slatersparke_background.jpg); background-size:7000px 400px; background-position:top left; background-repeat:no-repeat; background-color:#E6E6E4; position:relative;}

.scrolling-content {width:950px; height:400px; position:absolute;}

#content1 {left:0px; top:0px;}

#content2 {left:1520px; top:0px;}

#content3 {left:3300px; top:0px;}

#content4 {left:4530px; top:0px;}

#content5 {left:5720px; top:0px;}


/* HOME */

#home {position:absolute; margin:0; padding:0;}

#mantlepiece1 {position:absolute; top:232px; left:150px;}

#mantlepiece2 {position:absolute; top:232px; left:150px;}

#homequote {color: #ff0084; text-align: center; position: absolute; left: 50%; margin-top: 10px; margin-left: -160px; width: 300px; height: 190px;}

.quote {font-style:italic; color:#ff0084; font-size:150%;}


/* PAGES */

#about {width:600px; height: 360px; padding: 0 20px 0 0; margin: 0px 0 0 180px;}

#about img {border:1px solid #888; padding:5px; background:#FFF;}

#designs {width:700px; height: 360px; padding: 0 20px 0 0; margin: 0px 0 0 90px;}

#prices {width:600px; height: 360px; padding: 0 20px 0 0; margin: 0px auto 0 auto;}

#contact {width:550px; height: 360px; padding: 0 20px 0 0; margin: 0px 0 0 110px;}

#links {width: 600px; height: 100%; padding: 0 20px 0 0; margin: 0px auto 0 auto;}

#samples {width: 800px; height: 100%; padding: 0 20px 0 0; margin: 0px auto 0 auto;}


/* BOTTOM SECTION */

#lower_container {margin: 0px; padding: 10px; position: relative; width: 930px; color:#888; float:left; background-color:#fff;}

#quote_box {color: #333333; background-color: #f2f2f2; margin: 0px 10px 0px 0px; padding: 5px 0px 10px 10px; width: 920px;}

div.lower_box {font-size: 10px; background-color: #f2f2f2; margin: 0; padding: 5px; width: 293px; float: left}

div.lower_box img {border:1px solid #888; padding:5px; background:#FFF;}

div.lower_spacer {width: 10px; height: 70px; float: left; background: #fff;}

.lowernav {text-decoration:none; color:#444;}

a.lowernav:hover {color:#ff0084; text-decoration:underline;}

a.lowernav:active, link {color:#ff0084; text-decoration:none;}

#copyright {width:950px; margin: 10px 0 10px 0; text-align: center; color:#FFF; float:left;}