/* start reset browser default styling */
html, body,
div, h1, h2, h3, p, pre, blockquote, ul, ol, li, address,
dl, dt, dd,
td, th, tfoot,
form, fieldset, label, select, input, legend, textarea {
    margin:0;
    padding:0;
    font:1.0em Arial, sans-serif;
}

fieldset, img, table {
    border:0;
}

ul {
    list-style:none;
}
/* end reset browser default styling */
/* start basics */ 
body#exnsettings,
body#entrance,
body.bare {
    font-size: 125%;
}

body.bare {
    background: none;
}

body.bare, html {
    height: 100%;
}

.hidden {
    display: none;
}

.enclosing {
    clear:both;
}
/* end basics */
/* start header */
h1 {
    float: left;
    display:inline;
    width: 15%;
    height: 60px;
    margin: 0;
    padding: 30px 0 17px 61px;
}

h1 a {
    float: left;
}

h1 a img {
    display: block;
    width: 87px;
    height: 0;
    padding-top: 60px;
    background: url( '/static/images/common/hm_logo.gif' ) 0 0 no-repeat;
}
/* end header */
/* start layout */
#entrance #wrapper_main,
#exnsettings #wrapper_main,
.bare #wrapper_content{
	font-size:0.5em;
}

#wrapper_content {
    background:transparent url( ) no-repeat scroll 474px 0;
    display:inline;
    float:left;
    margin-right:-3px;
    width:725px;
}

#entrance #nav_main,
.bare #nav_main{
	display:inline;
	float:left;
	clear:left;
	margin:0 20px 0 0;
	width:210px;
	color:#a8a8a8;
}

/* end layout */
/* start "you need flash"-page */
.left_col,
.right_col {
    float: left;
    width:45%;
    padding: 1em 3em 1em 0;
    background: url( '/static/images/entry/col_separator.gif' ) 100% 50% no-repeat;
}

.right_col {
    padding:1.5em 0 1em 3em;
    background:none;
}

.left_col a.button {
    float: right;
}

.right_col a {
    text-decoration: none;
    color:#2e2e2e;
    font-size:1.2em;
    font-weight:bold;
}

.right_col a:hover {
    color:#cc0000;
}

div.no_flash p {
    font-size:1.1em;
    font-weight:bold;
	text-align:center;
	text-transform:uppercase;
    line-height:1.5em;
    padding-bottom:1em;
}
/* end "you need flash"-page */
/* start instructions (choose country in diffrent languages) */
.instructions{
	background: url( '/static/images/entrance/u4.gif' ) -5px 0 no-repeat; /*hide the marker for the first continent when we do not have javascript*/
    position:absolute;
    top:3.1em;
    width:295px;
    height:65px;
    display:none;
    left:9px;
}

body.jsEnabled #Europe .instructions,
body.jsEnabled #NorthAmerica .instructions{
    background: url( '/static/images/entrance/u4.gif' ) top left no-repeat;
}

#Europe .instructions {
    left:15.6em;
}

#Asia .instructions,
#MiddleEast .instructions{
    background: url( '/static/images/entrance/u14.gif' ) top left no-repeat;
    left:32.3em;
}

#MiddleEast .instructions {
    left:17.2em;
}
/* start choose country */
#continents{
    position:relative;
    width:100%;
	background: url( '/static/images/entrance/worldmap.gif' ) 9px top no-repeat;
	padding:9.8em 0 2em 0;
}

#continents span.divider{
    position: relative;
    top:2.5em;
    display:block;
    border-bottom:1px solid #c0c0c0;
}

.continent{
    margin:0;
    float:left;
}

.continent ul{
	width:12.5em;
    padding:0;
    float:left;
	padding-right:25px;
}

.first ul,
#continents .first h2 {
padding-left:0;
}

.last ul {
    padding-right:0;
}

.continent li{
    font-size:1.1em;
    color:#464646;
	padding-bottom:0.5em;
}

#wrapper_content .continent li a {
    color:#464646;
    text-decoration:none;
}

#wrapper_content .continent li a:hover{
    color:#cc0000;
}

#continents .selected,
#wrapper_content .continent li a.selected {
    color:#cc0000;
}

#continents .selected .instructions{
    display:block;
}
/* end choose country */
/* start text etc */
p#copyright {
    position:relative;
    bottom:-20px;
}

#continents h2 {
    font-size:1.5em;
	font-weight:bold;
	color:#8f8f8f;
	margin-bottom:1.2em;
}

#continents .selected h2 {
    color:#cc0000;
}
/* end text mm */
/* start button */
a.button {
    float: left;
    height: 31px;
    line-height: 27px;
    background: transparent url( '/static/images/entry/button_left.gif' ) top left no-repeat;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    color: #2e2e2e;
    text-decoration: none !important;
    text-shadow: #fff 2px 2px 1px;
}

a.button span {
    display: block;
    float: left;
    height: 100%;
    padding: 0 17px 0 15px;
    background: transparent url( '/static/images/entry/button_right.gif' ) 100% 0 no-repeat;
}

a.button.download {
    background: transparent url( '/static/images/entry/button_left_download.gif' ) 0 0 no-repeat;
}

a.button.download span {
    padding-left: 27px;
}

a.button:hover {
    color:#cc0000;
}
/* end button */
/* start other */
#nav_extra li a { /* needed for placement of extra navigation */
	height:auto;
	display:block
}
/* end other */