* {
padding: 0px;
margin: 0px;
}

body {
height: 100%;
background: #644F3A url("/images/background.png") repeat;
text-align: center;
color: #FFF;
font: 12px Arial;
}

#container {
width: 100%;
height: 100%; /* if this isnt here and the swf is 100% you wont see loader in PC IE, but may cause problems elsewhere */
text-align: left;
position: relative;
}

#container_swf {
width: 800px;
height: 353px; /* generally, this wont cause issues, but if conatiner isn't set, or set to "auto" then you may need to specify a hard dimension */
position: absolute;
/*centering*/
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -176px;
}

#shadow {
width: 850px;
height: 402px; /* generally, this wont cause issues, but if conatiner isn't set, or set to "auto" then you may need to specify a hard dimension */
position: absolute;
/*centering*/
left: 50%;
top: 50%;
margin-left: -425px;
margin-top: -201px;
}


#soundtrack {
width: 0px;
height: 0px;
position: absolute;
overflow: hidden;
}

#history {
width: 0px;
height: 0px;
position: absolute;
overflow: hidden;
}

/* --- Global Links --- */

a {
color: #666666;
text-decoration: none;
}
a:hover {
color: #333333;
text-decoration: underline;
}

/* --- Navigation --- */

#navigation {
margin: 0px 10px 0px 10px;
}

#navigation ul { /* main nav block */
border: 1px #999 dotted;
font-weight: bold;
float: left;
list-style: none;
background: white;
width: 100%;
margin: 0px 0px 10px 0px;
}

#navigation a { /* main nav links */
display: block;
text-decoration: none;
white-space: nowrap;
margin: 5px 10px; /* spacing for main nav items */
}

#navigation li {
float: left;
}

#navigation li ul { /* sub nav block */
font-weight: normal;
position: absolute;
z-index: 999;
left: -999em;
width: 14.4em;
w\idth: 14em;
text-align: left;
margin: 0px 0px 0px 10px; /* x/y offset from main heading */
}

#navigation li li {
padding-right: 1em;
width: 13em;
}

#navigation li ul a {
width: 13em;
w\idth: 9em;
}

#navigation li:hover ul ul, #navigation li.sfhover ul ul {
left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
left: auto;
}

#navigation li:hover, #navigation li.sfhover {
background: #f4f4f4;
}

/* --- ID Blocks --- */

#header {
clear: both;
margin: 10px;
padding: 5px;
position: relative;
border: 1px #999 dotted;
}

#footer {
position: absolute;
right: 3px;
bottom: 3px;
clear: both;
float: right;
font: 7px Arial;
color: #3C2618;
letter-spacing: -1px;
}

#footer a {
color: #000;
}
#footer a:hover {
color: #FFF;
text-decoration: none;
}


/* --- Classe Blocks --- */

.hidden {
display: none;
}

.graphic {
float: left;
margin: 0px 10px 10px 10px;
}

.thumbnails {
clear: both;
margin: 10px;
}

.thumbnails li {
display: inline;
}

.content_bucket, .blog {
clear: both;
}

.content_bucket .description li {
margin: 0px 0px 0px 3em;
}

.contactinfo {
margin: 0px 0px 0px 25px;
}

.context, .indexpairs {
margin: 0px 10px 0px 10px;
}

.indexlistings {
margin: 10px 100px 10px 50px;
}

.heading {
margin: 10px;
font: bold 16px arial;
}

.title {
margin: 0px 10px 0px 10px;
font: 18px Arial;
}

p {
margin: 2px 10px 10px 10px;
}