/* @group CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h3, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* @end */

body { font-family: Verdana, "MS Trebuchet", sans-serif; font-size: 10px; text-align: center; }

/* wrapper */
#wrapper { overflow: hidden; margin: 0 auto 20px auto; width: 760px; font-size: 1.2em; line-height: 1.25em; color:#231F20; text-align: left; }

/* navigation */
#navigation { width: 760px; border-bottom: 1px solid #BEBEBE; height: 80px; margin-bottom: 10px; position: relative; }
#navigation h1#logo  { float:left; margin-top:42px; }
#navigation h2 { position:absolute; left: 164px; top: 44px; margin: 0; height: 25px; line-height: 25px; font-weight: normal; color: #7C7C7C; }
#navigation #languages { position:absolute; top: 4px; right: 0; }

/* header */
#header { margin-bottom: 1.5em; }
#header img { margin-bottom: 0.7em; }
#header .intro { width: 392px; font-size: 0.91em; font-style: italic; text-align: justify; }

#colleft { float: left; width: 392px; }
#colright { float: right; width: 300px; }
.block { margin-bottom: 2em; }

#content { overflow: hidden; }
#content h2 { margin: 0.8em 0; padding: 0; font-size: 1.4em; line-height: 1.25em; font-weight: normal; color: #4D4D4D; }
#content h3 { margin: 0.8em 0; padding: 0 0 0.5em 0; font-size: 1.25em; color: #4D4D4D; background:#FFF url("/assets/images/promo/bg_border.png") left bottom repeat-x; }
#content p { margin: 0 0 1em 0; text-align: justify; }
#content p img { float: right; margin: 0 0 1em 1em; }
#content img { margin: 0 1em 1em 0; }

/* tracks */
#mp3_player { margin: 0 0 0.5em 0; }
.tracks li { margin: 0 0 0.5em 0; }
.tracks li a { padding: 0 0 0 2em; color: #000; text-decoration: none; background: transparent url("/assets/images/promo/play-icons.png") 0 0 no-repeat; }
.tracks li a.current { color: #727272; background-position:0 -20px;}
.tracks li a:hover { text-decoration: underline; }

/* downloads */
.downloads { overflow: hidden; }
.downloads li { float: left; margin: 0 0 0.2em 0; width: 300px; line-height: 37px; }
.downloads li img { float: left; }
.downloads li a { text-decoration: none; color: #000; }
.downloads li a:hover { text-decoration: underline; }

/* Contact block */
#footer { clear: left; width: 760px; margin-top: 2em; }
#footer img { float: left; margin-right: 16px; }
#footer .contact { margin-bottom: 1.2em; padding: 0 0 0 2em; font-size: 1em; color: #4D4D4D; }
#footer .contact h3 { margin-bottom: 2em; font-size: 1em; color: #4D4D4D; }
#footer .contact p { font-size: 0.9em; line-height: 1.6em; color: #4D4D4D; }
#footer .contact a { color: #4D4D4D; text-decoration: none; }
#footer .contact { width: 315px; margin-right: 69px; margin-left: 75px; border-right: 1px solid #000; }
#footer .last { border: none; }
#footer .last p { line-height: 1.3em; }