body, html, h1, h2, h3, p, ul, li, dl, dd, label, input {font:12px Tahoma, Geneva, sans-serif; margin:0px; padding:0px;}

body, html {height:100%;}

img {display:block;}

a {outline:none;}



body {background:#4C2705 url('body.jpg') top center;}



#distance {background:transparent; float:left; margin-bottom:-350px; width:1px; height:50%;}



#masthead, #main, #home, #footer {margin:0px auto; width:740px;}



#nav {clear:left; position:relative; height:130px;}

#nav li {float:left; list-style-type:none;}

#nav li a {display:block;}

a.about, a.story, a.order, a.press, a.contact {color:#FBD7E6; font-size-adjust:0.6; font-weight:bold; margin:110px 16px 0px; letter-spacing:0px; text-decoration:none; text-shadow:0px 1px 1px #000; text-transform:uppercase;}

#nav li a:hover, #main p a {color:#EF6BA8;}

a.home {margin:0px 31px 0px 0px;}

a.home:hover {background:url('logo-hover.gif') no-repeat bottom right;}

#announcement {color:#D68828; display:block; float:right; font-size:11px; margin:40px 0 0 -80px; position:absolute; left:50%; text-align:center; width:440px;}

#announcement img {display:inline; vertical-align:middle;}



#main, #home, #side, #side img, #content {height:420px}

#side, #content {float:left;}



#home {margin:1px auto 6px;}

#home img {float:left; -webkit-box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; box-shadow:0px 2px 8px #000;}

#home #middle img {margin:0px 25px;}



div#main {background:#FFF url('main.jpg') center; border:1px solid #000; clear:left; margin-bottom:5px; -webkit-box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; box-shadow:0px 2px 8px #000;}

#side, #side img {width:250px;}

#content {background:url('mark.gif') no-repeat bottom right; padding:0px 10px; overflow:auto; width:470px;}



h1, h2 {background:transparent url('content.gif') no-repeat; display:block; text-indent:-10000px;}

h1 {height:35px; margin:30px auto 0px;}

h2 {height:25px; margin:0px auto 10px;}



h1.about	{background-position:0px 0px; width:290px}

h1.story	{background-position:0px -35px; width:115px}

h1.order	{background-position:0px -70px; width:75px}

h1.press	{background-position:0px -105px; width:160px}

h1.contact	{background-position:0px -140px; width:135px}



h2.about	{background-position:0px -200px; width:297px}

h2.story	{background-position:0px -225px; width:115px}

h2.order	{background-position:0px -250px; width:102px}

h2.press	{background-position:0px -275px; width:118px}

h2.contact	{background-position:0px -300px; width:230px}



h3 {font-size-adjust:0.65; font-weight:bold; margin:0px auto; width:300px;}

.press h3 {margin:0px; width:auto;}

table {margin-bottom:10pt;}

#main p {margin:0px auto 10pt; width:300px;}

#main p sub {display:block; margin-top:170px;}



table, table td {padding:0px;}

table td a img {border:1px solid #E59; width:100px; height:100px; margin:4px;}

table td a:hover img {border:3px double #E59; margin:2px;}



#form {margin-left:80px;}

label, dd input, textarea {display:block; width:300px;}

label, dl strong  {color:#E59; font-weight:normal;}

dd input, textarea {

background:transparent;

border:1px solid #000;

color:#000;

font:9pt/9pt 'Trebuchet MS', Helvetica, sans-serif;

margin-bottom:10px;

}

dd input {padding:0px;}

textarea {padding:1px;}

dd input:focus, textarea:focus {background:#FFF; border-color:#E59;}

dt input {background:#FBD7E6; border:1px solid #422100; color:#F06EAA; font-weight:bold; margin-right:10px;}



#extra {margin-top:40px;}

#extra dd, #extra dt {text-align:center;}

#extra dd, #extra dd a {color:#F06EAA; margin-bottom:10pt;}



#footer {color:#D68828; margin-bottom:5px; text-align:center; text-shadow:0px 1px 0px #000;}
#footer a {color:#FC9;}