/* CSS Document */
/* The below is the top section to the immediate right of the keyvisual and is as of Dec 2005 to be the siemens petrol logo */
/* The pixel references are all fibonaccied the maintain a rigid structure, the easiest method of doing such. */
/* Generic Styling */
html, body, p, h1, h2, h3, h4, h5, h6, li, dt, th, td, label
{
	margin: 0;
	padding: 0;
	font: 12px Arial, Geneva, Helvetica, sans-serif;
	color: #333;
}

iframe
{

}

div, ul, ol, dl, dd, table, form
{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

input, select, textarea
{
	font: 11px Arial, Geneva, Helvetica, sans-serif;
	color: #333;
}

select, textarea
{
	margin: 0;
	padding: 0;
	background: #fff;
}

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

form
{
	display: inline;
}

dl, ul, dt, dd, li
{
	list-style-type: none;
}

a
{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

span
{
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

/* not the background element defines the colour of the right hand content zone */
body
{
	width: 100%;
}
/* End generic styling contents */

#global-zone
{
	position: absolute;
	top: 0;
	left: 144px;
	width: 612px;
	height: 54px;
	background: url(../images/logo.gif) no-repeat #FFFFFF;
}

#global-link
{
	top: 0;
	position:absolute;
	height: 54px;
	left: 648px;
	width: 104px;
	background-image: url(../images/link_to_dotcom_ffffff.gif);
	background-position:center;
	background-repeat: no-repeat;
}

/* This section represent the area on the top right beside the global zone */
#global-fill-zone
{
	position: relative;
	height: 54px;
	margin: 0 0 0 756px;
	background: rgb(255, 255, 255);
}

/* this area is just below the global zone, it does not conatin any content */
#local-zone
{
	position: absolute;
	top: 54px;
	left: 144px;
	width: 612px;
	height: 36px;
	background: rgb(204, 204, 204);
	text-align: right;
}

#accent-zone
{
	position: relative;
	margin: 0 0 0 756px;
	height: 36px;
}

/* The Below represents the contents in the upper left hand corner visual image. */
#key-visual-zone
{
	position: absolute;
	top: 0;
	left: 0;
	width: 144px;
	height: 90px;
}

/* this section represent the area directly beneath the keyvisual and displays typically as Siemens IE etc. */
#site-id-zone
{
	position: absolute;
	top: 90px;
	left: 0;
	width: 144px;
	height: 54px;
}

/* This is the primary navigation area where links such as home, products and solutions etc. are viewable. */
/* It also provides colouring for the secondary navigation zone when used */
#prim-nav-zone
{
	position: absolute;
	top: 90px;
	left: 144px;
	width: 612px;
	height: 54px;
}

/* Keep text from borders */
#prim-nav-padding
{
	padding: 5px 0 0 18px;
}

/* This is the secondary navigation zone on the left hand side below the keyvisual and site identifier */
#sec-nav-zone
{
	position: absolute;
	top: 144px;
	left: -1px;
	width: 144px;
}

/* Keep text from borders */
#sec-nav-padding
{
	padding: 23px 9px 0 9px;
}

#sec-nav-footer-placeholder
{
	height: 90px;
}


/* This is the main content zone, must be a white background */
#content-zone
{
	position: absolute;
	top: 144px;
	left: 144px;
	width: 612px;
}

#content-footer-placeholder
{
	height: 0;
}

/* This is for formatting  the search zone */
#search-zone
{
	position: relative;
	height: 54px;
	margin: 0 0 0 756px;
	background: #666666;
	overflow: hidden;
}

#search-padding
{
	padding: 6px 0 0 9px;
}


/* this was called context zone in the prototype. Now with the more descriptive name. Its located to the right of the content zone below the search zone */
#right-hand-zone
{
	position: relative;
	margin: 0 0 0 756px;
}

#right-hand-padding
{
	padding: 18px 9px 0 9px;
	width: 140px;
}

html>body #right-hand-padding
{
	width: 140px;
}

#right-hand-footer-placeholder
{
	height: 90px;
}

/* space the footer from other things in content zone */
#footer-padding
{
	position: relative;
	padding: 32px 0 15px 0;
}

#generic-padding
{
	padding: 13px 0 0 9px;
}
/* Grid system for content zone, inclides columns. */
div.content-2cols-594
{
	width: 594px;
}

div.content-2cols-594 div.col-left
{
	width: 293px;
	float: left;
}

div.content-2cols-594 div.col-right
{
	width: 293px;
	float: left;
	margin: 0 0 0 8px;
}

div.content-2cols-594 div.col-left-arbitrary
{
	float: left;
}

div.content-2cols-594 div.col-right-arbitrary
{
	float: left;
	margin: 0 0 0 8px;
}

div.clear,
br.clear
{
	clear: both;
	height: 0;
}

* html div.clear p
{
	line-height: 0;
	font-size: 0;
}