@media screen {
	
	body #container {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;	
	}
	
	body > #container {
		height: auto;
		min-height: 100%;	
	}
		
	body#company #container {
		background-image: url(img/container-bg-company.png);
		background-repeat: repeat-x;
		background-position: 0% 0%;
	}
	body#products #container {
		background-image: url(img/container-bg-products.png);
		background-repeat: repeat-x;
		background-position: 0% 0%;
	}			
	body#press #container {
		background-image: url(img/container-bg-press.png);
		background-repeat: repeat-x;
		background-position: 0% 0%;
	}
	body#careers #container {
		background-image: url(img/container-bg-careers.png);
		background-repeat: repeat-x;
		background-position: 0% 0%;
	}				
	
	#wrapper {
		width: 760px;
		margin: auto;
		padding: 0px;
		text-align: left;
	}
	
	#header {
		width: 100%;
		padding: 100px 0px 0px 0px;
		color: #90e000;
	}
	
	#header a, #footer a {
		color: #90e000;
		text-decoration: none;		
	}
	
	body#company #wrapper {
		background-image: url(img/header-company.png);
		background-repeat: no-repeat;
		background-position: 50% 0%;	
	}
	body#products #wrapper {
		background-image: url(img/header-products.png);
		background-repeat: no-repeat;
		background-position: 50% 0%;	
	}
	body#press #wrapper {
		background-image: url(img/header-press.png);
		background-repeat: no-repeat;
		background-position: 50% 0%;	
	}
	body#careers #wrapper {
		background-image: url(img/header-careers.png);
		background-repeat: no-repeat;
		background-position: 50% 0%;	
	}
	
	#header {
		height: 90px;		
	}
	body * #header {
		height: auto;
		min-height: 90px;
	}
	
	#header h1 {
		width: 198px;
		height: 38px;
		background-image: url(./img/logo.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		color: #fff;
		margin: 26px 0px 0px 0px;
		padding: 0px;
		float: left;
		text-indent: -15000px;		
	}

	#navi {
		padding: 35px 0px 0px 0px;
		margin: 0px;
		list-style-type: none;
		font: 16pt/1em georgia;
		font-weight: bold;
		float: right;
		position: relative;
		white-space: nowrap;
		padding-bottom: 30px;		
	}
	
	#navi li {
		display: inline;
		padding-left: 23px;
		text-transform: uppercase;
	}	
	
	#navi #snavi {
		list-style-type: none;
		text-transform: none;
		font-size: 9pt;		
		position: absolute;
		margin-top: 5px;	
		left: -23px;
		top: 55px;		
	}
	
	body#products #navi #snavi {
		left: 105px;
	}
	body#press #navi #snavi {
		left: 240px;
	}
	body#careers #navi #snavi {
		left: auto;
		right: 5px;
	}	
						
	#navi #snavi li {
		text-transform: none;
		padding: 0px;
	}
	#navi #snavi li.div:after {
		content: "|";
	}
	#navi #snavi li a {
		padding: 0px 10px;
	}
							
	#content {
		width: 100%;
		background: #fff url(img/content-bg.png) repeat-y;
		color: #444;
	}
	
	#content div.top {
		background-image: url(img/content-top.png);
		background-repeat: no-repeat;
		background-position: 0% 0%;
	}
	#content div.bottom {
		background-image: url(img/content-bottom.png);
		background-repeat: no-repeat;
		background-position: 0% 100%;
		clear: both;		
	}
	
	#content-container {
		padding: 60px 55px;
	}
	
	#content div.left {
		width: 180px;
		float: left;
		/*padding-right: 20px;*/
		padding-top: 10px;
	}	
	#content div.right {
		margin-left: 200px;		
	}
	
	.imgleft {
		float: left;
		margin-right: 5px;
		margin-bottom: 10px;
		display: block;
		width: 220px;	
	}	
	
	.imgright {
		float: right;
		margin-left: 5px;
		margin-bottom: 10px;
		display: block;
		width: 220px;	
	}
	
	div.portrait {
		float: right;
		width: 105px;
		margin-left: 10px;
		color: #999;
	}	
	
	.mobile { 
		display: none !important;
	}											
	
}

@media screen,handheld,mobile {		
		

	html, body {
		height: 100%;
		background: #070 url(img/body-bg.png);
		margin: 0px;
		padding: 0px;
	}

	body {
		color: #fff;
		text-align: center;		
		font: 8.5pt/1.5em tahoma,verdana,arial,helvetica,sans-serif;
	}
		
	#navi li a, #navi #snavi li a, #footer a {
		color: #90e000;
	}
	#navi li a:hover, #navi #snavi li a:hover,
	#navi li.active a, #navi #snavi li.active a {
		color: #fff;
	}		
	
	#content a {
		color: #308833;
		text-decoration: none;
	}
	
	#content h2 {
		font: bold 14pt/1.5em georgia;
		color: #c00;
		padding: 0;
		margin: 0 0 0.5em 0;
	}

	#content h3, #content div.left h5, #content h5 {
		font: bold 9.5pt/1.5em georgia;
		color: #000;
		padding: 0;
		margin: 0 0 0.5em 0;
	}
	#content h3 {
		padding: 1em 0 0 0;
		clear: left;
	}
	
	#content div.left h5 {
		margin: 0px 0px 1em 0px;
	}
	
	#content div.left h5.hand {
		background-image: url(img/hand.png);
		background-repeat: no-repeat;
		background-position: 90% 50%;
		min-height: 17px;
	}

	#content h3.news {
		margin-bottom: 1em;
	}

	#content h3 small, #content div.left h6 small {
		font: italic normal 7.5pt/1.1em tahoma,verdana,arial,helvetica,sans-serif;
		display: block;
		color: #999;
	}

	#content p {
		padding: 0;
		margin: 0 0 1em 0;
		text-align: justify;
	}
	
	#content ul.news {
		list-style-type: none;
		margin: 0px 0px 2em 0px;
		padding: 0px;
	}
	
	#content ul.sitelist li {
		margin-bottom: 1em;
	}

	#content * > a, #left * > a {
		text-decoration: none;
		border-bottom: 1px solid #fff;
	}
	#footer * > a {
		border-bottom: 1px none;
	}

	#content * a:hover,  #left * a:hover {		
		border-bottom: 1px dotted #308830;
	}
	#footer * a:hover {
		border-bottom: 1px dotted #fff;
	}

	#content * a[rel=external], #footer * a[rel=external] {
		padding-right: 13px;
		background-image: url(./img/external_link.png);
		background-position: center right;
		background-repeat: no-repeat;
	}

	#content * a[class=mailto], #footer * a[class=mailto] {
		padding-right: 13px;
		background-image: url(./img/mailto_link.png);
		background-position: center right;
		background-repeat: no-repeat;
	}

	#content * a.plain, #left * a.plain {
		border: 0px;
		padding: 0;
		background: transparent;
	}
	
	#content em {
		font-style: italic;
		color: #999;
	}
	#content .caption {
		font-size: 7.5pt;
		line-height: 1.3em;
		display: block;
	}
	
	#content .topspacer {
		margin-top: 1em;		
	}
	
	#content div.left {
	}
	
	#content div.left p {
		text-align: left;
	}
	
	#content div.left ul {
		padding: 0px 0px 0px 1em;
		margin: 0px 0px 0px 1em;
	}

	#content div.left ul.newslist {
		list-style-type: none;		
		padding: 0px; 
		margin: 0px;
		text-align: center;
		color: #999;
	}	
	#content div.left ul.newslist li.div:after {
		content: "***";
	}
		
	#content div.left ul.newslist h6.news, #content ul.joblist h6 {
		font: bold 8.5pt/1.5em tahoma,verdana,arial,helvetica,sans-serif;
		text-align: left;
		padding: 0px;
		margin: 0px;		
	}	
	#content div.left ul.newslist li > h6.news {
		
	}
	#content div.left ul.newslist li.active a, #content div.left ul.joblist li.active a {
		color: #000;
		cursor: default;
	}
	#content div.left ul.newslist li.active a:hover, #content div.left ul.joblist li.active a:hover {
		text-decoration: none;
		border-bottom: 1px solid #fff;
	}
	#content ul.joblist li {
		margin-bottom: 1em;
	}				
	
	#footer {
		width: 100%;
		text-align: center;
		margin: 10px 0px 10px 0px;
		padding-bottom: 30px;
	}

	#footer hr {
		display: none;
	}
		
	div.divider {
		clear: both;
		height: 1px;
		font-size: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	div.divider hr {
		display: none;
	}
	
	img.partner, span.partner img {
		margin: 0px 5px 5px 0px;
	}
	
	table.pictures td.leftcol {
		padding-right: 5px;
	}
	table.pictures td.rightcol {
		padding-left: 5px;
	}	
	
	table td.column1 {
		padding-right: 5px;
	}
	table td.column2 {
		padding-left: 5px;
		padding-right: 5px;
	}
	table td.column3 {
		padding-left: 5px;
	}		
	
	div.avatar {
		background-image: url(img/avatar_bg.png);
		background-repeat: no-repeat;
		width: 130px;
		height: 133px;
		padding: 7px; 
		text-align: center;
	}	

}

@media handheld,mobile {

	#header {
		text-align: left;
		margin: 1em;
	}

	#header h1 {
		width: 150px;
		height: 45px;
		background-image: url(./img/logo-mobi.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		color: #fff;
		margin: 0px;
		padding: 0px;
		text-indent: -15000px;
		font-family: verdana;
		font-weight: normal;
		letter-spacing: 1em;
				
	}	
	
	#content div.left img {
		display: none;
	}
	
	#content {
		margin-right: 10px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		background-color: #fff;
		color: #444;
		text-align: left;
	}
	
	#content-container {
		margin: 1em;
	}
	
	#content div.left {
		display: none;
	}
	
	#content div.right {
		float: left;
		width: 95;
	}
	
	#content img, .imgleft, .imgright {
		display: none;
	}
	#content div.caption {
		display: none;
	}
	#content .partner img {
		display: block;
	}
	
	#supportinfo {
		display: none;
	}
	
	#footer {
		font-size: 7pt;
	}	
	#footer a {
		display: block;
	}
	
	#content .screen {
		display: none !important;
	}
	
	#content .mobile {
		display: block !important;
	}
	
}

@media print {
	
	#navi, #snavi, #content div.left, #supportinfo {
		display: none;	
	}
	
	body {
		color: #000;		
	}
	
	#header h1 {
		font-family: verdana;
		letter-spacing: 1em;
		font-weight: normal;
		border-bottom: 1px solid #999;
		padding-bottom: 1em;
		margin-bottom: 2em;
	}
	
	a {
		color: #000;
		text-decoration: none;
	}	
	
	img {
		border: 0px none;
	}
	
	#content .caption {
		font-size: 7.5pt;
		line-height: 1.3em;
		display: block;
	}
	
	em { color: #999; }	

	.imgleft {
		float: left;
		margin-right: 0.em;
		margin-bottom: 1em;
		display: block;
		width: 220px;	
	}	
	
	.imgright {
		float: right;
		margin-left: 0.5em;
		margin-bottom: 1em;
		display: block;
		width: 220px;
	}
	
	#content h3 {
		clear: left;
	}
	
	#content h3 small, #content div.left h6 small {
		font: italic normal 7.5pt/1.1em tahoma,verdana,arial,helvetica,sans-serif;
		display: block;
		color: #999;
	}	
	
	div.divider, hr {
		clear: both;
	}
	div.divider hr, #footer hr  {
		display: none;
	}
	
	#footer {
		clear: both;
		text-align: center;
		color: #999;
		padding-top: 2em;
		margin-top: 1em;
		border-top: 1px solid #999;
	}
	
	#content .mobile {
		display: none !important;
	}	
	
}