body { background-color:#eee; background-image:url(images/background.png); background-position:top; background-repeat:repeat-x; color:#003; font-family:Calibri, Verdana, sans-serif; font-size:medium; margin:auto; padding:0em 0em 1em 0em; text-align:center; text-decoration:none; width:960px; }
.logo { color:#fff; font-family:Constantia, Georgia, serif; font-size:xx-large; font-style:italic; font-weight:bold; padding:0.5em 0em 1em 0em; text-shadow:#000 3px 3px 3px;}
.main-1 { background-color:#fff; border-color:#f0f0f0; border-radius:15px; border-width:1px; border-style:solid; color:#000; }
.main-2 { background-color:#fff; border-color:#e9e9e9; border-radius:15px; border-width:1px; border-style:solid; color:#000; }
.main-3 { background-color:#fff; border-color:#e0e0e0; border-radius:15px; border-width:1px; border-style:solid; color:#000; }
.main-4 { background-color:#fff; border-color:#d9d9d9; border-radius:15px; border-width:1px; border-style:solid; color:#000; }
.main-5 { background-color:#fff; border-color:#d0d0d0; border-radius:15px; border-width:1px; border-style:solid; color:#003; }
.margin { margin:0% 5%; }
.menu { font-variant:small-caps; font-weight:bold; margin:-1px; }
.menu a:link { background-color:#fff; background-image:url(images/menu.png); background-position:top; background-repeat:repeat-x; border-color:#d0d0d0; border-radius:15px; border-width:1px; border-style:solid; color:#00c; margin:0em 0.25em; padding:0.25em 1em; }
.menu a:hover { background-color:#fff; background-image:url(images/header-silver.png); background-position:bottom; background-repeat:repeat-x; border-color:#999; border-radius:15px; border-width:1px; border-style:solid; color:#009; margin:0em 0.25em; padding:0.25em 1em; }
.menu a:active { background-color:#fff; background-image:url(images/header-silver.png); background-position:bottom; background-repeat:repeat-x; border-color:#999; border-radius:15px; border-width:1px; border-style:solid; color:#009; margin:0em 0.25em; padding:0.25em 1em; }
.menu a:visited { background-color:#fff; background-image:url(images/menu.png); background-position:top; background-repeat:repeat-x; border-color:#d0d0d0; border-radius:15px; border-width:1px; border-style:solid; color:#00c; margin:0em 0.25em; padding:0.25em 1em; }
.align-left { text-align:left; }
.bird { float:left; margin: -5.5em -3.5em; }
.tiny { font-size:xx-small; }
.top { background-image:url(images/frame-top.png); background-position:bottom; background-repeat:repeat-x; padding:2em 0em; }
.outline { border-color:#09f; border-style:dotted; border-width:1px; font-variant:small-caps; font-weight:bold; padding:0.25em 0.5em; }
.outline-silver { background-image:url(images/gradient.png); background-position:bottom; background-repeat:repeat-x; border-color:#ccc; border-radius:15px; border-style:solid; border-width:0em 0em 0.1em 0em; padding:2em 0em; }
.header { background-color:#fff; background-image:url(images/header-silver.png); background-position:bottom; background-repeat:repeat-x; border-color:#eee; border-style:solid; border-radius:15px; border-width:1px; color:#003; font-variant:small-caps; padding:0.25em 1em; }
.footer { background-color:#fff; background-image:url(images/frame-bottom.png); background-position:top; background-repeat:repeat-x; color:#999; font-size:xx-small; padding:1em 0em; }
.advertisement { background-color:#fff; border-color:#f0f6fc; border-width:1px 1px 0px 1px; border-style:solid; color:#009; font-size:xx-small; margin:auto; padding:1em 0em; width:468px; }
.notice { background-color:#f0f6fc; border-color:#f0f6fc; border-width:0px 1px 1px 1px; border-style:solid; color:#09f; font-size:xx-small; margin:auto; width:468px; }
.welcome { background-image:url(images/welcome.png); background-position:center; background-repeat:no-repeat; padding:3em; position:relative; z-index:1; }
.arrow { background-image:url(images/arrow.png); background-position:center; background-repeat:no-repeat; padding:0.5em; position:relative; z-index:1; }
.download { background-color:#cfc; background-image:url(images/download.png); background-position:left; background-repeat:no-repeat; border-color:#090; border-style:solid; border-width:1px; color:#090; font-weight:bold; font-variant:small-caps; padding:0.1em 1em 0.1em 2em; }
.d { background-image:url(images/d.png); background-position:top; background-repeat:no-repeat; float:left; margin:1em 0em; padding:2.5em; position:relative; z-index:1; }
.artworks { background-image:url(images/artworks.png); background-position:center; background-repeat:no-repeat; padding:15em; position:relative; z-index:1; }
.aruba-sucursal-di-cielo { background-image:url(images/text-aruba-sucursal-di-cielo.png); background-position:center; background-repeat:no-repeat; padding:2em; position:relative; z-index:1; }
.mandolin-xtreme-xtravaganza { background-image:url(images/text-mandolin-xtreme-xtravaganza.png); background-position:center; background-repeat:no-repeat; padding:2em; position:relative; z-index:1; }
.the-most-precious-gift { background-image:url(images/text-the-most-precious-gift.png); background-position:center; background-repeat:no-repeat; padding:2em; position:relative; z-index:1; }
.the-most-precious-gift-dvd { background-image:url(images/text-the-most-precious-gift-dvd.png); background-position:center; background-repeat:no-repeat; padding:2em; position:relative; z-index:1; }
.anti-piracy { background-image:url(images/anti-piracy.jpg); background-position:center; background-repeat:no-repeat; padding:20em; position:relative; z-index:1; }
.warning { background-image:url(images/warning.png); background-position:center; background-repeat:no-repeat; float:left; padding:1em 2em; position:relative; z-index:1; }
.security { background-image:url(images/security.png); background-position:center; background-repeat:no-repeat; float:right; padding:2em; position:relative; z-index:1; }
.e-mail { background-image:url(images/e-mail.png); background-position:center; background-repeat:no-repeat; padding:2em; position:relative; z-index:1; }
.hide { display:none; position:relative; z-index:-1; } /* IE won't display image on top of text without the "display:none;" or "visibility:hidden;" tag. :-( Still looking for a better solution. */
.cursive { font-family:Constantia, Georgia, serif; font-style:italic; }
.write { font-family:Constantia, Georgia, serif; font-style:italic; text-shadow:#999 1px 1px 3px; }
.date { background-color:#eee; border-style:solid; border-color:#ccc; border-width:0px 0px 1px 0px; color:#09f; margin:0em 0.1em 0em 0em; padding:0.1em 0.25em; }
.underline { border-style:solid; border-width:0px 0px 1px 0px; }
.no-border { border:0em; }
.image-left { float:left; margin:0em 1em 0em 0em; }
.image-right { float:right; margin:0em 0em 0em 1em; }
.silver { background-color:#fff; color:#999; }
abbr { border-width:0px 0px 1px 0px; border-style:dotted; cursor:help; }
a:link { background-color:#fff; color:#00c; }
a:hover { background-color:#fff; border-color:#ccc; border-width:0px 0px 1px 0px; border-style:dotted; color:#009; text-shadow:#009 1px 1px 3px; }
a:active { background-color:#fff; color:#009; }
a:visited { background-color:#fff; color:#00c; }
