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

body { background: #fff url(/images/bg_flame.jpg) no-repeat right top; text-align: center; color: #444; }

#page { position: relative; width: 760px; text-align: left; margin: 0 auto; }

#header { height: 205px; }
#header #logo { position: relative; top: 110px; }
#header #title { position: absolute; text-indent: -999em; }

#slideshow, #main, #news, #swatches, #footer { background-color: #fff; }

#slideshow { height: 300px; padding: 15px; margin-bottom: 25px; }
#slideshow_wrapper { background-color: #000; }

#main { min-height: 300px; padding: 15px; margin-bottom: 25px; }
#news { min-height: 330px; padding: 15px; margin-bottom: 25px; }

#subnav { width: 130px; float: right; }
#subnav h3 { }
#subnav ul { margin-left: 0; list-style: none; }
#subnav ul li { font: bold 12pt Arial, Helvetica, sans-serif; margin: 1em 0; }
#subnav a { color: #444; text-decoration: none; }
#subnav ul li a:hover { color: #df0077; }
#subnav .selected a { color: #df0077; }
#content { width: 570px; }
#content h2 { margin-bottom: 1em; }
#content div.newsItem { margin: 2em 0; }
#content div#newsStory img { margin: 1em; border: solid 1px #444; }
#content div#newsStory p.intro { font-weight: bold; }
#main #content h3 { position: absolute; text-indent: -999em; }
#main #content p { padding: .5em 0; line-height: 1.3em; }
#main #content br { clear: none; }
#main #content img { float: left; margin: -.5em 25px 0 0; }

#news #subnav h3 { border-bottom: dotted 1px #eee; }
#news #subnav ul li { font: 11pt Arial, Helvetica, sans-serif; margin: .2em 0; }
#news #content h3 { color: #df0077; }
#news div.newsItem { cursor: pointer; clear: none; }
#news div.newsItem p { text-align: justify; }
#news div.newsItem p img { float: right; margin: 0 10px 10px 20px; border: solid 1px #aaa; }
p.breadcrumb { margin: 1em 0; }
p.breadcrumb a { color: #667; }
p.breadcrumb img { vertical-align: middle; }
#news #newsStory h3 { margin: 1em 0; }
#news #newsStory p { margin: .8em 1em; line-height: 1.4em; }

#features { padding-top: 25px; }
#features div { width: 240px; float: left; cursor: pointer; }
#f1, #f2 { margin-right: 20px; }
#features div h3 { font-size: 11pt; color: #df0077; margin: .5em 0; }
#features div img { border: solid 10px #000; }
#features div p { margin: .5em 0; }

#nav { position: absolute; top: 166px; right: 0px; }
#nav ul { font: bold 11pt Arial, Helvetica, sans-serif; list-style: none; margin: 0; white-space: nowrap; }
#nav ul li { display: inline; padding-left: 1em; }
#nav ul li a { font-size: 11pt; font-weight: 500; color: #fff; text-decoration: none; }
#nav ul li ul { display: none; }

#footer { clear: both; padding: 2em 0; }
#footer ul { list-style: none; margin: 0; height: 2em; }
#footer ul li { width: 33%; float: left; }
#footer ul li a { font-weight: bold; color: #444; text-decoration: none; }
#footer ul li a:hover { color: #000; }
#footer p.email { float: left; }
#footer p.copyright { float: right; }