/* style guide values 
	MAIN: #a09f73
	MAIN DARK: #827f5b 
	
	dark grey: #544f44
	
	text: #353027;


/*
Global HTML elements
*/

form
{
	margin: 0px;
	padding: 0px;
}

body {
	overflow: hidden;
}

img
{
	margin: 0px;
	padding: 0px;
	border: none;
}

a.active:link
{
	color: #544f44;
	text-decoration: none;
}
a.active:visited
{
	color: #544f44;
	text-decoration: none;
}
a.active:hover
{
	color: #544f44;
	text-decoration: none;
}
a.active:active
{
	color: #544f44;
	text-decoration: none;
}

a:link
{
	color: #827f5b;
	text-decoration: none;
}
a:visited
{
	color: #827f5b;
	text-decoration: none;
}
a:hover
{
	color: #544f44;
	text-decoration: none;
}
a:active
{
	color: #544f44;
	text-decoration: none;
}


/*
Full Flash styles
*/
html
{
	width: 100%;
	height: 100%;
}

.fullFlash
{
	background-color: #FFFFFF;
	color: #353027; /* #000000; */
	font: 0.7em/1.2em "Arial Narrow", Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;

	width: 100%;
	min-width: 990px;

	height: 100%;
	min-height: 620px;
}

.flashMessage
{
	position: absolute;
	top: 0px;
	font-size: 1em;
	line-height: 0.9em;
	width: 100%;
	background-color: #cccccc;
}

.flashMessage p {
	font-size: 1em;
}

.flashMessage .header
{
	padding: 1em 30px 0.5em 30px;
	font-weight: bold;
}

.flashMessage .text
{
	padding: 0px 30px 1em 30px;
}

.flashMessage .getflash
{
	float: right;
	margin: 0em 0em 2em 4em;
}

.content
{
	position: relative;
}

.strapline
{
	margin-bottom: 2em;
}

ul.navigation
{
	list-style-type: none; 
	padding: 0px 0px 0.1em 0px;
	margin: 0px 0px 3em 0px;
	display: block;
	border:1px solid;
	border-color:#fff #fff #bbb #fff;
}

ul.navigation li
{
	display:inline;
	margin-right: 0.5em;
}

ul.subNavigation
{
	list-style-type: none; 
	padding: 0px 0px 0.1em 0px;
	margin: -1em 0px 2em 0px;
	display: block;
}

ul.subNavigation li
{
	display:inline;
	margin-right: 0.5em;
}

ul.languages
{
	list-style-type: none; 
	padding: 0px 0px 0.1em 0px;
	margin: 3em 0px 0em 0px;
	display: block;
}

ul.languages li
{
	display:inline;
	margin-right: 0.5em;
}

ul.downloads
{
	padding: 0px 0px 0.1em 0px;
	margin: 0px 0px 3em 1em;
	display: block;
	border: none;
}

ul.downloads li
{
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
h1
{
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 0.1em;
}

h2,
p.genericHeadline
{
	font-weight: normal;
	font-size: 1.8em;
	margin-top: 1.6em;
	margin-bottom: 1em;
	line-height: 130%;
	font-family: serif;
	color: #58585a; /* #726F44; */
}

h2:first-child {
	margin-top: 0;
}

h3, span.large
{
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 0.4em;
	color: #726F44;
}

h4 {
	font-weight: normal;
	font-size: 1.6em;
	line-height: 130%;
	font-family: serif;
	color: #726F44;
}

p, li
{
	font-size: 1.3em;
	line-height: 135%;
}

p
{
	margin: 0px 0px 0.8em 0px;
}

q
{
	color: #929931;
	font-style: italic;
	margin: 0px 0px 1em 0px;
	padding: 0px;
	display: block;
}

p.question
{
	color: #726F44;
	margin: 0px 0px 0.2em 0px;
}

p.answer
{
	color: #000000;
	margin: 0px 0px 1.5em 0px;
}

p.legal
{
	font-size: 0.9em;
	line-height: 0.9em;
	color: #000000;
	margin: 3em 0px 0px 0px;
}

dl {
	display: block;
	clear: both;
	line-height: 1.3em;
}

dt {
	clear: left;
	display: block;
	float: left;
	width: 70px;
}

dd {
	margin: 0;
	display: block;
	margin-left: 70px;
}


#swfContainer {
	position: realtive;
	/*
	top: 50%;
	left: 50%;
	margin-top: -310px;
	margin-left: -495px;
	*/
}

#pageContainer
{
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -270px; 
}

#page {
	position: relative;
	width: 990px;
	height: 540px; /* 620px; */
	
	overflow:hidden;
	margin: 0 auto;
	/* margin-top: 13em; */
	
	padding: 0 10px 8px 3px;
	
	background: transparent url(../images/page_shadow.gif) no-repeat left bottom;
	/* border: 1px solid #726f44; */
}

#header {
	z-index: 10;
}

#content, #background, #world, #contentImage {
	position: absolute;
	width: 990px;
	height: 514px;
	top: 27px;
	overflow: hidden;
}

#background, #world {
	z-index: 0;
	
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}

#world {
	background-color: #ffffff;	
}

#background {
	z-index: 1;
}

#content, #contentImage {
	z-index: 5;
	
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#contentImage {
	height: 600px;
}

#contentImage > img,
#contentImage > div {
	position: absolute;
	top: 10px;
	left: 585px;
}

#contentImage > div > a {
	display: block;
}

#intro {
	position: absolute;
	display: block;
	width: 200px;
	top: 145px;
	left: 330px;
	margin: 0;
	padding: 0;
}

#intro h4 {
	margin-top: 10px;
}

#text {
	position: inherit;
	width: 380px;
	height: 350px;
	margin: 145px 0 12px 575px;
	padding: 0 12px;
	overflow-y: auto;
	overflow-x: hidden;
}

#text img {
	display: block;
	width: 100%;
	/* max-width: 410px; */
	margin-bottom: 5px;
}

#text .legal {
	position: absolute;
	font-size: 0.9em;
	bottom: 0;
	padding-right: 24px;
}

h1#company  {
	display: block;
	position: absolute;
	background: transparent;
	left: 80px;
	bottom: 45px;
	outline: none;
	z-index: 9;
}
h1#company a {
	display: block;
	width: 100%;
	height: 100%;
	color: transparent;
	outline: none;
}

ul.downloads {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.downloads li {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#search {
	position: absolute;
	left: 824px;
	top: 3px;
	width: 170px;
}

#search input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 8px;
	line-height: 11px;
	height: 11px;
	margin: 0;
	border: 0;
	width: 133px;
	background: transparent url(../images/search_bg.png) no-repeat;
	font-size: 11px;
	color: #827f5b;
}

#search button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	border: 0;
	background: none;
	outline: none;
}

.alpha {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -2;
	width: 100%;
	height: 30px;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

#strapline {
	position: absolute;
	display: block;
	height: 38px;
	width: 400px;
	left: 587px;
	bottom: 8px;
	margin: 0;
	padding: 0;
}

#strapline h4 {
	margin: 0;
}

h4.strapline {
	
}

h4.quote {
	
}

h4.quote + h3 {
	margin-top: 0px;
}

.invisible {
	display: block;
	position: absolute;
	left: -10000px;
}

.ticker {
	position: relative;
	margin: 0 auto;
	height: 80px;
	width: 990px;
	overflow: hidden;
}

.ticker ul {
	position: absolute;
	top: 0px;
	display: block;
	white-space: nowrap;
}

.ticker ul li {
	display: inline-block;
	margin-right: 40px;
	white-space: nowrap;
}

.ticker h5 {
	position: absolute;
	top: 0px;
	background: #ffffff;
	width: 35px;
	padding: 5px 0;
	margin: 0;
	z-index: 1;
}

/*form */

dl.zend_form dt,
dl.zend_form dd {
	display: block;
	width: auto;
	float: none;
	margin: 0;
}

dl.zend_form input,
dl.zend_form button,
dl.zend_form textarea,
dl.zend_form label {
	margin: 5px 0;
}

dl.zend_form input[type="text"],
dl.zend_form textarea {
	width: 360px;
}

dl.zend_form textarea {
	height: 65px;
}

dl.zend_form dd.checkbox {
	float: left;
}

dl.zend_form dt#kmp-label,
dl.zend_form dd#save-element,
dl.zend_form dd#cancel-element,
dl.zend_form dt#cancel-label {
	float: left;
	clear: none;
	margin : 5px 0;
}

dl.zend_form #save-label {
	font-size:1px;
	line-height: 1px;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}