@charset "utf-8";
/* CSS Document */
html, body, blockquote {
margin:0;
padding:0;
}
body{
position:relative;
background:#111 url(images/wallpaper.png) center top;
color:#ccc;
font-family:Helvetica, Arial, sans-serif;
font-size:100%;
line-height:1.6em;
}
div#content {
position:relative;
width:776px;
margin:0 auto;
padding:0;
border:1px #333 solid;
background:#000;
}
ul#nav {
position:absolute;
top:311px;
left:48px;
width:8em;
margin:0;
padding:.75em 1em;
border:1px #222 solid;
background:#0a0a0a;
}
ul#nav li {
color:#888;
border:1px #0a0a0a dotted;
background:#0a0a0a;
list-style-type:none;
font-size:76%;
padding:2px 0;
}
ul#nav li a {
display:block;
text-decoration:none;
line-height:1.3;
padding:4px 6px;
color:#888;
border:1px #0a0a0a dotted;
}
ul#nav li a:link {
color:#888;
border:1px #0a0a0a dotted;
}
ul#nav li a:hover {
color:#e5e5e5;
border:1px #404040 dotted;
background:#000;
}
ul#nav li a#current {
color:#444;
border:1px #0a0a0a dotted;
background:#0a0a0a;
cursor:default;
}
h1, h2, p, blockquote {
position:relative;
bottom:60px;
font-weight:normal;
margin-right:86px;
margin-left: 264px;
}
img.product {
float:right;
margin:-40px 86px 64px 16px;
/*padding:0 0 32px 16px;*/
padding:4px;
border:1px #222 solid;
background:#0a0a0a;
}
h1 {
width:512px;
height:50px;
text-indent:-9999px;
background:url(images/headline-512.png) no-repeat;
}
h2 {
text-transform:uppercase;
font-size:92%;
letter-spacing:3px;
border-bottom:1px dotted;
}
h2.float {
margin-right:312px;
}
p {
padding:0;
font-size:86%;
}
blockquote {
font-size:86%;
padding:.5em 2em;
font-style:italic;
background:url(images/quote-left.png) left 8px no-repeat;
}
blockquote span{
background:url(images/quote-right.png) right top no-repeat;
font-variant:small-caps;
text-transform:lowercase;
text-align: right;
letter-spacing:2px;
display: block;
padding-right:2em;
padding-top:2em;
margin-right:-2em;
margin-top:-2em;
}
#footer {
width:26em;
margin:0 auto;
padding:0;
text-align:center;
font-size:75%;
border-top:1px #222 dotted;
}
#footer a:link, #footer a:visited{
color:#636399;
}
img#losangeles {
display:block;
margin:-32px auto 8px auto;
}