/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
/* everything in normal font: font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif */
/* everything in bold font: font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif */

body { background: #030c16; color: #614730; font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; }
h1 { margin-left: 38px; padding-top: 20px; font-size: 12px; line-height: 16px; font-weight: normal; }
h2 { margin-bottom: 3px; font-size: 15px; line-height: 18px; font-weight: normal; }
h3 { margin-bottom: 3px; font-size: 18px; line-height: 26px; font-weight: normal; }
p, form { margin: 0 0 16px 0; }
a { color: #614730; }
a:hover { color: #614730; }
strong { font-weight: bold; }
em { font-style: italic; }

strong,
#slogan { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 980px; margin: 0 auto; }
#header { position: relative; overflow: hidden; height: 126px; }
#content { position: relative; width: 980px; height: 479px; background: url(/images/bg_landingpage.jpg) no-repeat; }
#footer { position: absolute; left: 0; bottom: 0; width: 980px; color: #fff; font-size: 10px; }

/* header
------------------------------------------------------------------*/
#logo { display: block; width: 194px; height: 74px; margin: 10px 0 0 16px; }
#slogan { position: absolute; left: 263px; top: 49px; color: #ff8725; font-size: 20px; }
#languages { position: absolute; right: 8px; top: 10px; }
#languages li { float: left; padding: 0 5px; border-right: 1px solid #fff; text-transform: uppercase; color: #ff8725; font-size: 10px; line-height: 11px; }
#languages .last { padding-right: 0; border: 0; }
#languages a { color: #fff; }

/* content
------------------------------------------------------------------*/
#intro { width: 473px; color: #fff; }
#intro a { margin-left: 16px; padding: 1px 0 10px 22px; background: url(/images/bg_hp_link.gif) no-repeat; line-height: 32px; color: #fff; text-transform: uppercase; }

#news { position: absolute; top: 236px; left: 11px; z-index: 5; width: 152px; padding: 10px 14px 14px; background: url(/images/bg_hp_news.png) repeat; color: #f6f1f2; }
#news h2 { text-transform: uppercase; font-style: italic; }
#news p { margin-bottom: 8px; }
#news a { color: #f6f1f2;}

#countrySelector { position: absolute; top: 57px; left: 485px; width: 487px; }
#countrySelector h2 { height: 56px; padding-left: 50px; line-height: 56px; font-size: 13px; text-transform: uppercase; color: #313030; }


/* footer
------------------------------------------------------------------*/
#footer p { margin: 0; padding: 0 5px; }
#copyright { float: left; width: 200px; }
#duoLink { float: right; width: 100px; text-align: right; }
#duoLink a { color: #fff; text-decoration: none; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }