* { margin: 0; padding: 0; border: 0; font-size: 11px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', "Trebuchet MS", trebuchet, verdana, sans-serif; }


/* LINKS */
a:link { color: #c948f6; text-decoration: none; }
a:active { color: #ae00ec; text-decoration: underline; }
a:visited { color: #c948f6; text-decoration: none; }
a:hover { color: #ae00ec; text-decoration: underline; }


/* GENERAL STYLES */
a img, area { border: 0; }
a { font-size: 1.0em; }

html, body { height: 100%; }
body { margin: 0; padding: 0; background: #e8e7d4; color: #434343; text-align: center; }

h1, h1 a { margin: 0 0 20px 0; font-size: 120%; color: #058682; text-transform: uppercase; letter-spacing: 1px; }
h2, h2 a { margin: 0 0 6px 0; font-size: 100%; text-transform: uppercase; }
h3, h3 a { margin: 0; font-size: 100%; text-transform: uppercase; }
h4, h4 a { margin: 0; font-size: 100%; }
h5, h5 a { margin: 0; font-size: 100%; }

img.align-left { margin: 0 20px 20px 0; display: inline; }
img.align-right { margin: 0 0 20px 20px; display: inline; }
img.centered { display: block; margin: 0 auto; }

.align-left { float: left; }
.align-right { float: right; }

.special { color: #fb04f2; }
.cb { clear: both; }
.divider { margin: 14px 0; border-top: dotted 1px #bbbaab; clear: both; }

ul, ol { margin: 6px 0 10px 24px; }
ul, ul li { list-style-image: url(/imgs/list_image_off.gif); }
ul li:hover { list-style-image: url(/imgs/list_image_on.gif); }
b, strong, .bold { font-weight: bold; }
i, em, .italic { font-style: italic; }
input, textarea, select { border: solid 1px #bbbaab; background: #fff; }
input.button { height: auto; padding: 2px 5px; color: #058682; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
td { font-size: 11px; }


/* CONTAINERS */
#container { top: 0; left: 0; width: 800px; min-height: 600px; -height: 600px; margin: 0 auto; border-left: solid 1px #bbbaab; border-right: solid 1px #bbbaab; border-bottom: solid 1px #bbbaab; background: #fff; text-align: left; position: relative; }
body.home #container { min-height: 660px; -height: 660px; background: #fff; }
#header { top: 0; left: 0; width: 800px; position: relative; }
#content { width: 700px; margin: 60px 50px 0 50px; -margin: 26px 50px 0 50px; *margin: 40px 50px 0 50px; padding: 0 0 50px 0; color: #79766d; line-height: 16px; position: relative; z-index: 1; }
#content p { margin-bottom: 24px; }


/* LOGO & SWATCHES */
#logo { top: 3px; left: 4px; width: 392px; height: 84px; position: absolute; z-index: 4; }
body.home #logo { top: 185px; left: 144px; width: 509px; height: 96px; }

#swatch-container { width: 800px; height: 90px; position: relative; z-index: 3; }
body.home #swatch-container { left: 0; width: 800px; height: 480px; position: absolute; }
#swatch1, #swatch2, #swatch3, #swatch4 { height: 90px; width: 200px; float: left; position: relative; }
body.home #swatch1, body.home #swatch2, body.home #swatch3, body.home #swatch4 { height: 240px; width: 400px; float: none; position: absolute; }
body.home #swatch1 { top: 0; left: 0; }
body.home #swatch2 { top: 0; left: 400px; }
body.home #swatch3 { top: 240px; left: 0; }
body.home #swatch4 { top: 240px; left: 400px; }

/* home labels */
#labels-left, #labels-right { top: 277px; width: 135px; font-size: 10px; position: absolute; z-index: 2; }
#labels-left { left: 0; }
#labels-right { right: 0; }
#labels-left a, #labels-right a { display: block; width: 124px; margin-bottom: 9px; padding: .1em 2px .1em 9px; border-top: solid 1px #e0c1db; border-bottom: solid 1px #e0c1db; background: #f0efe3; }
#labels-left a:hover, #labels-right a:hover { background: #fff; text-decoration: none; }

#home-news-left { width: 350px; -width: 320px; margin: 310px 20px 30px 30px; -margin: 290px 20px 30px 30px; text-align: right; position: relative; float: left; }
#home-news-right { width: 350px; -width: 320px; margin: 347px 30px 30px 20px; -margin: 327px 30px 30px 20px; position: relative; float: left; }

#home-blurb { width: 600px; padding: 10px; margin: 530px 85px 0 85px; background: #fefefe; border: solid 6px #e8e7d4; color: #736b50; font-size: 1.2em; line-height: 17px; position: absolute; }


/* CONTENT */
ul.collections { margin: 6px 0 18px 30px; }
ul.design-links li { margin-bottom: 8px; }

.thumbnail { border: solid 1px #585026; margin: 11px 22px 11px 0px; float: left; }


/* FOOTER */
#copyright { width: 800px; margin: 0 auto; padding: 6px 0 20px 0; color: #bbbaab; font-size: 9px; position: relative; }
#copyright a { font-size: 9px; }