
body {
  background-color: #000000;
  font-family:arial,helvetica,clean,sans-serif;
  text-align:left;
  color:#333333;
  line-height:22px;
}


/** fonts ***************************/



h1, h2, h3, h4, h5 {
  color: #FFC501;
  letter-spacing:normal;
}

h1 {
  font-size:220%;
}

h2 {
  font-size:180%;
}

h3 {
  font-size:140%;
  margin-bottom:10px;
}

h4 {
  font-size:120%;
  margin-bottom:0;
}

h5 {
  font-size:110%;
  font-weight:bold;
  margin-bottom:0;
}

a { 
  color: #FFC501;
  border-bottom: 1px dotted #FFC501;
}
a:visited { color: #FFC501; }
a:hover { 
  color: #FFC501;
  border-bottom: 1px solid;
}


blockquote {
  background:transparent url(../img/site/quote_ld_bg.png) top left no-repeat;
  padding:0 20px 0 0;
  color:#FFC501;
  text-indent:20px;
}

cite {
  display:block;
  color:#A77221;
  margin:5px 0 25px 0;
}

blockquote span.blockquoteEnd {
  background:transparent url(../img/site/quote_rd_bg.png) top left no-repeat;
}

img {
  border:10px solid #DDDDDD;
  padding:0;
  background:none;
}

div.divider {
  border:0;
  height:2px;
  background:transparent url(../img/site/divider_bg.jpg) top left repeat-x;
}

.date {
  font-size:85%;
}

.copyright {
  font-size:85%;
  margin:0;
  padding:0;
}

.center_container {
    width:900px;
    margin:0 auto;
}

.breadcrumb {
	left:243px;
	padding:0 0 10px 0;
	position:absolute;
	top:1px;
}


/** structure ************************/



/**** topbar ****/

#topbar {
  padding:5px 0;
  background:#000000;
  color:#ffffff;
  font-size:11px;
  text-align:right;
}

#topbar a,
#topbar a:visited {
  color:#ffffff;
  border-bottom:0;
}

#topbar a:hover {
  color:#ffffff;
  border-bottom:1px solid #ffffff;
}


/*** head ***/

#head {
  height: 105px;
  background:#999999 url(../img/site/banner.jpg) top center no-repeat;
}

#head .center_container {
  position:relative;
}


/* head detail */

#headDetail {
	margin-right:15px;
	float:right;
	width:350px;
	height:65px;
}

#head #languages {
	overflow:hidden;
	width:104px;
	margin:15px 0 13px 0;
	float:right;
}

#head #languages a,
#head #languages a:hover,
#head #languages a:visited {
	width:16px;
	height:11px;
	background:;
	display:block;
	text-indent:-5000px;
	border:0;
	margin:0 0 0 10px;
	float:left;
}

#head #languages a.gb {
	background: url(../img/site/flags/gb.png) 0 0 no-repeat;
}

#head #languages a.fr {
	background: url(../img/site/flags/fr.png) 0 0 no-repeat;
}

#head #languages a.dk {
	background: url(../img/site/flags/dk.png) 0 0 no-repeat;
}

#head #languages a.de {
	background: url(../img/site/flags/de.png) 0 0 no-repeat;
}

#head #languages a.ru {
	background: url(../img/site/flags/ru.png) 0 0 no-repeat;
}

/* header login */

#head #login {
	overflow:hidden;
	float:right;
	width:100%;
	text-align:right;
}

#head #login a,
#head #login a:hover,
#head #login a:visited {
	color:#000000;
	border-bottom-color:#000000;
}

#head #login fieldset {
	font-size:12px;
	background:none;
	border:0;
	padding:0;
	margin:0;
	float:right;
	text-align:left;
}

#head #login legend {
	display:none;
}

#head #login div.input, 
#head #login div.submit {
	float:left;
	margin:0 0 0 5px;
}

#head #login label {
	display:none;
}

#head #login input {
	width:100px;
	padding:2px;
	color:#555555;
	margin:0;
}

#head #login .submit input {
	padding:1px;
	width:50px;
}


/*** navigation ***/

#navigation {
  position:relative;
  z-index:2;
  margin-top:-38px;
  font-size:12px;
}

#navigation .center_container {
  height:36px;
  width:916px;
  background: url('../img/site/navigation.png') left top no-repeat;
  position:relative;
}



#navigation h1 {
  position:absolute;
  top:-63px;
  left:45px;
  width:172px;
  height:103px;
  z-index:3;
}

#navigation h1 a {
  width:100%;
  height:100%;
  display:block;
  border:0;
  text-indent:-5000px;
  background:url(../img/site/logo.png) 0 0 no-repeat;
}

#navigation h1 a:hover {
  border:0;
}



#navigation h2 {
  position:absolute;
  left:232px;
  top:-30px;
  float:left;
  color:#000000;
  font-size:30px;
  line-height:30px;
}


/* head navigation */

#head_nav {
  text-align:center;
  padding:0;
  width:auto;
  margin:0 0 0 258px;
  float:left;
  line-height:15px;
  background: url(../img/site/navigation_divider.png) 0 0 no-repeat;
}

#head_nav ul {
  padding:0;
  margin:0;
  list-style:none;
}

#head_nav li {
  margin: 0 0 0 0;
  list-style: none;
  float:left;
  padding-top:0px;
  position: relative;
}

#head_nav li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  z-index:100;
  padding: 0;
  margin: 0;
  list-style: none; 
  line-height: 1;
  background: url(../img/site/navigation_dropdown_bottom.png) left bottom no-repeat;
  padding-bottom:13px;
  width:150px;
}

#head_nav li ul ul {
  left:100%;
  margin-left:0;
  top:0;
}

#head_nav ul {
}

#head_nav li:hover ul ul, 
#head_nav li.hover ul ul {
  display:none;
}


#head_nav li > ul {
    top: auto;
    left: auto;
}

#head_nav li:hover ul,
#head_nav li.hover ul,
#head_nav ul li:hover ul, 
#head_nav ul li.hover ul { 
  display: block; 
}

#head_nav li ul li {
  float:none;
}

#head_nav li.navigation_divider {
  text-indent:-5000px;
  background: url(../img/site/navigation_divider.png) 0 0 no-repeat;
  width:1px;
  height:26px;
}

#head_nav ul li.navigation_divider {
  display:none;
}

#head_nav a,
#head_nav span {
  display: block;
  padding:5px 8px 6px 8px;
  text-align:center;
  vertical-align:middle;
  font-size:100%;
  text-decoration: none;
  border:0;
  background:none;
  color:#ffffff;
  margin:0;
  cursor:pointer;
}


#head_nav a:visited { }
#head_nav a:hover,
#head_nav li:hover a,
#head_nav li:hover a:hover { 
  color:#FFC501;
}

#head_nav li:hover ul a
 { 
  color:#ffffff;
  cursor:pointer;
}

#head_nav .active a { 
  color:#FFC501;
}

#head_nav ul li a {
  background:#5d5d5d;
  padding:5px 8px;
  text-align:left;
  width:134px;
  border-bottom:1px solid #c0c0c0;
}

#head_nav ul a:hover { 
  background:#5d5d5d url(../img/site/navigation_dropdown_hover.png) bottom left repeat-x;
  color:#FFC501;
}







/* main */

#main {
  position:relative;
  z-index:1;
  background:#ffffff url(../img/site/gradient.png) top left repeat-x;
}

#main .center_container {
  position:relative;
  z-index:1;
  width:916px;
  background:url(../img/site/main.png) 0 0 repeat-y;
  padding-bottom:10px;
}

#content {
  width:880px;
  margin: 0 auto;
  background:#F5F5F5;
  position:relative;
  z-index:2;
  clear:both;
}

#content .padding {
	padding:25px 20px 20px 20px;
}


/* prominent content boxes */

.prominent {
  float:left;
  width:844px;
}

.prominent_top {
   background: transparent url('../img/site/prominent_top.png') right top no-repeat;
   height:15px;
}

.prominent_inner {
  background: transparent url('../img/site/prominent_inner.png') left top repeat-y;
}

.prominent_content {
   background: transparent url('../img/site/prominent_inner.png') right top repeat-y;
   padding-right:15px;
   margin-left:16px;
   overflow:hidden;
}

.prominent_bottom {
   background: transparent url('../img/site/prominent_bottom.png') right top no-repeat;
   height:19px;
}

.prominent .prominent_top .prominent_left {
   background: transparent url('../img/site/prominent_top.png') left top no-repeat;
   width:16px;
   height:15px;
}



.prominent .prominent_bottom .prominent_left {
  background: transparent url('../img/site/prominent_bottom.png') left top no-repeat;
  width:16px;
  height:19px;
}


.prominent h2 {
  color:#FFC501;
  line-height:110%;
  border-bottom:1px solid #c0c0c0;
  padding-bottom:10px;
}

.prominent h2 .subheading {
  color:#333333;
  font-size:70%;
}




/*** columns ***/

.col {
  float:left;
}

#center_col {
	width:550px;
}

.center_col {
	width:580px;
}

#right_col,
.right_col {
  width:250px;
  float:right;
}






/*** foot ***/

#foot {
  height: 130px;
  background: #000000 url('../img/site/foot.png') left top repeat-x;
  color:#ffffff;
  padding-top:10px;
}

#foot a {
  color: #ffffff;
  border-bottom:1px dotted #ffffff;
}

#foot a:hover {
  color: #FFC501;
  border-bottom:1px solid #FFC501;
}

/* foot columns */

#left_foot_col {
  width: 450px;
  float:left;
}

#right_foot_col {
  width: 450px;
  float:right;
}

/* foot navigation */

ul#foot_nav {
  font-size:85%;
  margin:0;
  padding:0;
  width:100%;
  text-align:right;
}

ul#foot_nav li {
  display:inline;
  margin:0;
  padding:0.25em 0;
  list-style-type:none;
  
}

ul#foot_nav li.navigation_divider {
  padding:0.25em 0.6em;
}

ul#foot_nav li a {
  border:0;
}



/*** homepage ***/

.large_right_col {
	float:right;
	width:600px;
	margin-right:20px;
}

.large_right_col .prominent {
	width:620px;
}

.small_left_col {
	width:200px;
}

#teasers {
	width:206px;
	margin-left:-3px;
	margin-top:-10px;
}

#slideshowContainer {
	margin-bottom:10px;
}

.slideshow {
	height:420px;
	width:620px;
	background:#dddddd;
}

.slideshow ul {
	right:10px;
	top:10px;
}

.slideshow .fade_slide_description {
	padding:5px;
	width:590px;
	left:10px;
	bottom:17px;
}





a.teaser {
	display:block;
	width:206px;
	height:156px;
	overflow:hidden;
	color:#ffffff;
	border:0;
	position:relative;
	margin-top:10px;
}

a.teaser:hover {
	color:#FFC501;
	border:0;
}

a.teaser img {
	position:absolute;
	left:3px;
	top:1px;
	z-index:1;
	border:0;
}

a.teaser .mask {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
}

a.teaser .mask span {
	width:100%;
	height:100%;
	display:block;
	background:transparent url(../img/site/teaser.png) 0 0 no-repeat;
}

a.teaser .description {
	position:absolute;
	bottom:5px;
	left:3px;
	z-index:2;
	padding:5px;
	width:190px;
	font-size:10px;
	text-align:center;
	line-height:20px;
	background:#000000;
	
	opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
}

a.default_teaser {
	width:auto;
	height:auto;
	background:#000000;
	color:#FFFFFF;
	font-size:11px;
	line-height:20px;
	padding:0 6px;
	position:absolute;
	right:30px;
	top:47px;
	z-index:100;
}

a.default_teaser:hover {
	color:#FFC501;
}

a.default_teaser.current {
	display:none;
}


/*** pagination ***/

.pagination_top,
.pagination_bottom {
  margin-top:20px;
  padding:5px;
  background:#eeeeee;
  border:1px solid #CCCCCC;
}

.pagination_top {
  margin-top:0;
  margin-bottom:20px;
}




/*** definition lists ***/

dl {
  padding:0;
}


dt {
  font-weight:bold;
  color:#333333;
  padding:0 5px;
  background:#cccccc;
}

dd {
	margin:0 0 10px;
	padding:5px;
	background:#eeeeee;
}



/*** downloads ***/

.downloads a,
.downloads a:visited,
.downloads a:hover {
  color:#FFC501;
}

#main .categories ul {
  padding-left:0;
}

#main .categories ul ul {
  padding-left:20px;
  padding-bottom:5px;
}

#main .categories ul li {
  list-style-image: url('../img/site/arrow.gif');
}

#main .categories ul li ul li {
  list-style-image: url('../img/site/arrow2.gif');
}

#main .categories ul li ul li ul li {
  list-style-image: url('../img/site/arrow3.gif');
}

#main .categories ul li ul li ul li ul li {
  list-style-image: url('../img/site/arrow4.gif');
}





/*** flash ***/

#flash {
	float:left;
	margin:20px 0 10px 18px;
	width:832px;
}



/** fixes ****************************/


/* fix for lytebox when images and links have been given border and bg which ie doesnt like */
div#lbMain div#lbOuterImageContainer img { border:0; padding:0; background:transparent; }

#lbMain a {
	border:0;
}

/*
#search {
  padding:0 0 35px 0;
  margin:0 0  0 0;
}

#search_form #search_bg {
  background: transparent url('../img/site/search_bg.jpg') top left no-repeat;
  padding:0 0 0 5px;
  width:147px;
  height:23px;
  float:left;
}

#search_form input#search_input {
  width:142px;
  height:21px;
  padding:0;
  margin:0;
  border:0;
  background:none;
}

#search_form input#search_submit {
  float:left;
  margin:0 0 0 2px;
  width:51px;
  height:24px;
  padding:0;
  border:0;
  background: transparent url('../img/site/search_button_bg.jpg') top left no-repeat;
  cursor:pointer;
  color:#ffffff;
  font-size:90%;
}
*/



/***** colours ****

dark grey: #333333
light grey: #F3F3F3
mid grey: #DDDDDD
orange: #FFC501

*/