@media screen {

	body {

		background-color: #112736;

		margin: 0;

		padding: 0;

		font: .7em/1.4em Tahoma, "Lucida Grande CE", lucida, sans-serif;

	}

	a img {

		border: none;

	}

	.right {

		float: right;

		margin: .7em 0 .7em 1.2em;

	}

	#illustration img, h1 img {

		display: block;

	}

	ul, li {

		margin: 0;

		padding: 0;

		list-style-type: none;

	}

	


	#base {

		background: #112736 url(../images/base_background.gif) repeat-x 0 0;

	}

		#top {

			background: url(../images/top_background.gif) repeat-x 0 7px;

			margin-top: 3em;

			width: 100%;

			height: 227px;

		}

			h1 {

				margin: 0;

				padding: 0 24px 0 50px;

				float: left;

			}

				h1 a {

					display: block;

					line-height: 0;

				}

			h2, h3 {

				font-family: Arial, Helvetica, sans-serif;

			}

			#illustration {

				float: left;

				line-height: 0;

			}

		#content {

			background: url(../images/content_background.gif) repeat-y;

			float: left;

			width: 100%;

		}

			#language {

				position: absolute;

				top: .8em;

				left: 248px;

				height: 2.2em;

				width: 502px;

				background: #F00 url(../images/language_background.gif) repeat-y 0 0;

				color: #d1d1d1;

				font-weight: bold;

				color: #FFF;

			}

				#language h2 {

					display: none;

				}

				#language a {

					color: #d1d1d1;

				}

				#language ul, #language li {

					padding: 0;

					margin: 0;

					list-style-type: none;

				}

				#language ul {

					padding: .5em 1em 0 0;

				}

					#language li {

						float: right;

						padding-left: .5em;

						line-height: 1.1em;

					}

						#language .english {

							border-right: 1px solid #a2a2a2;

							padding-right: .5em;

						}

			#navigation {

				width: 248px;

				text-align: right;

				float: left;

			}

				#navigation h2 {

					display:none;

				}

				#navigation ul, #navigation li {

					padding: 0;

					margin: 0;

					list-style-type: none;

				}

				#navigation ul {

					padding-top: 50px;

				}

					#navigation li {

						border-top: 1px solid #28292b;

						background: url(../images/navigation_hover.gif) repeat-y;

						font-size: 11px;
						

					}

						#navigation li a {

							color: #000000;

							background: url(../images/navigation_background.gif) repeat-y;

							text-decoration: none;

							font-weight: bold;

							text-transform: lowercase;

							display: block;

							padding: 3px 42px 3px 68px;

						}

						#navigation li a:hover {

							background: none;
							color: #d2d2d2;
							

						}

						#navigation li.selected a, #navigation li.selected a:hover {

							background: url(../images/navigation_selected.gif) repeat-y;

							color: #000000;

						}

							#navigation li ul {

								padding: 0;

							}

								#navigation li li {

									margin: 0;

									border: none;

								}

									#navigation li li a, #navigation li.selected li a {

										background: url(../images/content_background.gif) repeat-y;

										color: #aeaeae;

										font-size: 10px;

										padding: 0 42px 0 68px;

										line-height: 1.8em;

									}

										#navigation li li a:hover, #navigation li.selected li a:hover {

											color: #d41128;

											background: url(../images/content_background.gif) repeat-y;

										}

									#navigation li.selected li.selected a {

										color: #FFF;

									}

			#text {

				width: 502px;

				float: left;

				border-top: 7px solid #0a4617;

			}

				#text a {

					color: #0a4617;

				}

				#text div.perex {

					background: #e7e7e7 url(../images/important_background.gif) repeat-y;

					padding: 43px 35px 15px 35px;

				}

					#text div.perex h2 {

						font-size: 18px;

						font-weight: normal;

						color: #0a4617;

						margin: 0;

						border-bottom: 1px solid #efefef;

						padding-bottom: .4em;

						margin-bottom: .8em;

						text-transform: lowercase;

					}

					#text div.perex h3 {

						font-size: 1em;

						margin: 1em 0 .5em 0;

					}

					#text div.perex p {

						margin: 1em 0;

					}
					#leftcol {
						float: left;
						width: 50%;
					}
					#rightcol {
						float: right;
						width: 45%;
						padding-top: 2.5em;
					}
					#rightcol p {
						margin: .8em 0;
					}

				#text div.text {

					border-top: 5px solid #cacaca;

					padding: 20px 35px 15px 35px;

				}

					#text div.text h2 {

						font-size: 18px;

						font-weight: normal;

						color: #d41128;

						margin: 0 0 .8em;

						text-transform: lowercase;

					}

					#text div.text p {

						margin: .8em 0;

					}

				#text .offer {

					background-color: #cdcdcd;

					border-bottom: 1px solid #c4c4c4;

					overflow: hidden;

					width: 423px;

					margin: 1.5em 0;

				}

					#text .offer .item {

						width: 140px;

						float: left;

						border-right: 1px solid #c4c4c4;

						position: relative;

					}

						#text .offer .item h3 {

							background: #cfcfcf url(../images/offer_h3.gif) repeat-y left;

							font-size: 1em;

							margin: 60px 0 0 0;

						}

							#text .offer .item h3 a {

								padding: .3em 1em;

								display: block;

								color: #595a5c;

							}

								#text .offer .item h3 a:hover {

									background-color: #403f6f;

									color: #FFF;

									text-decoration: none;

								}

						#text .offer .item img {

							position: absolute;

							top: 0;

						}

						#text .offer .item ul, #text .offer .item li {

							margin: 0;

							padding: 0;

							list-style-type: none;

						}

						#text .offer .item ul {

							padding: .6em 1em;

							font-size: .95em;

						}

							#text .offer .item em {

								font-style: normal;

								font-weight: bold;

							}

							#text .offer .item strong {

								color: #d82a22;

								font-weight: bold;

							}

				#text .items h3 {

					background: url(../images/items_h2.gif) repeat-x left center;

					color: #d41128;

					font-size: 18px;

					font-weight: normal;

				}

					#text .items h3 span {

						background: #c4c4c4;

						padding-right: .3em;

						text-transform: none;

					}

				#text .items .screenshot {

					float: right;

					margin: .2em 0 .8em 1.5em;

				}

					#text .items .screenshot a {

						padding-right: 10px;

						background: url(../images/screenshot_background.gif) no-repeat right bottom;

						display: block;

					}

						#text .items .screenshot img {

							border: 4px solid #e7e7e7;

							display: block;

						}

				#text .items ul, #text .items li {

					margin: 0;

					padding: 0;

					list-style-type: none 

				}

					#text .items ul {

						clear: both;

						margin-top: 1.5em;

						height: 3em;

					}

						#text .items li {

							float: left;

							background: no-repeat left center;

							padding-right: 25px;

							min-height: 16px;

						}

							#text .items li.photogallery {

								background-image: url(../images/photogallery_background.gif);

								padding-left: 25px;

							}

							#text .items li.documentation {

								background-image: url(../images/pdf.gif);

								padding-left: 22px;

							}

			#text .gallery {

				padding: 25px;

			}

				#text .gallery ul, #text .gallery li {

					margin: 0;

					padding: 0;

					list-style-type: none;

				}

				#text .gallery ul {

					width: 445px;

					height: 105px;

					overflow: auto;

					white-space: nowrap;

				}

					#text .gallery li {

						display: inline;

					}

			.construction ul {

				margin: 1em 2em;

			}

				.construction li {

					padding-left: 15px;

					background: url(../images/li_background.gif) repeat-y left top;

					margin: .3em 0;

				}

		#footer {

			background: #141415 url(../images/footer_background.gif) no-repeat 50px 0;

			height: 30px;

			clear: both;

			padding: 13px 26px 20px 76px;		

			color: #828282;

		}

			#footer .holder {

				width: 670px;

			}

			#footer a {

				color: #828282;

				text-decoration: none;

			}

				#footer a:hover {

					text-decoration: underline;

				}

			#copyright {

				float: right;

			}
			.clearer {
				height: 1px;
				overflow: hidden;
				clear: both;
			}

}

@media print {

	body {

		font: 11pt/1.4em Tahoma, "Lucida Grande CE", lucida, sans-serif;

	}

	h2 {

		font-size: 15pt;

		text-transform: lowercase;

	}

	.right {

		float: right;

		margin: .7em 0 .7em 1.2em;

	}

	.left {

		float: left;

		margin: .7em 1.2em .7em 0;

	}

	#navigation, #top, #language {

		display: none;

	}

}

#gallery {width:470px; height:330px; left:-20px; padding:5px; background:#54762a; position:relative; }
#gallery b.default {position:absolute; left:0px; top:5px; width:310px; height:330px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 20px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#54762a;}
#gallery ul li a:hover b {position:absolute; left:-291px; top:0; width:300px; height:330px; text-align:center; background:#54762a; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#54762a;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-291px; top:0; width:300px; height:330px; text-align:center; background:#54762a; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
</style>