html, body { height: 100%; }

body { background: #fff url(g/page_background.jpg) no-repeat top center; }

div.wrapper {
	margin: 0 auto;
	width: 920px;
	background: transparent url(g/wrapper_background.png) no-repeat top left;
	position: relative;
	min-height: 100%;
	}

	* html #wrapper {height:100%}

.highlight {
	position: relative;
	padding: 2px;
	border: 1px #ddddbb solid;
	background-color: #ffffcc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	}

#splash {
	width: 560px;
	height: 260px;
	background: transparent url(g/splash.png) no-repeat top left;
	margin: 0 auto;
	position: relative;
	top: 200px;
	}

	#splash a:visited,
	#splash a:hover,
	#splash a:active,
	#splash a {
		font: bold 18px arial, helvetica;
		color: #fff;
		text-decoration: none;
		letter-spacing: -0.7pt;
		position: relative;
		width: 270px;
		text-align: center;
		display: block;
		top: 205px;
 		left: 5px;
		float: left;
		cursor: pointer;
		}

	#splash a:hover { text-decoration: underline; }

#container {
	margin: 0 auto;
	width: 900px;
	padding: 20px 0 0 0;
	background: #fff;
	}

#header {
	width: 900px;
	height: 120px;
	}

#header.large { height: 320px; }

	ul#carousel {
		clear: both;
		display: block;
		position: relative;
		top: 20px;
		}

	#header div.logo {
		width: 380px;
		height: 100px;
		position: relative;
		float: left;
		margin: 0 0 0 20px;
		}

	#header div.lang,
	#header div.search {
		width: 450px;
		height: 20px;
		position: relative;
		float: right;
		text-align: right;
		margin: 0 20px 0 0;
		z-index: 93;
		}

		#header div.lang { z-index: 95; }

		#header div.lang span,
		#header div.search span {
			position: relative;
			top: 20px;
			font: normal 14px arial, helvetica, sans-serif;
			color: #666;
			}

			#header div.search span input {
				position: relative;
				top: 15px;
				width: 275px;
				height: 20px;
				padding: 7px 3px 3px 3px;
				margin-right: 5px;
				border: 1px #ddd solid;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				border-radius: 3px;
				background: #fff;
				font: normal 15px arial, helvetica;
				color: #444;
				z-index: 10;
				}

			#header div.search span button {
				position: relative;
				top: 16px;
				width: 24px;
				height: 24px;
				background: #fff url(/g/search-button.gif) no-repeat top left;
				padding: 0;
				margin: 0;
				cursor: pointer;
				border: none;
				}

		#header div.lang span a,
		#header div.lang span a:visited,
		#header div.lang span a:active,
		#header div.lang span a:hover {
			font-weight: bold;
			padding: 4px;
			position: relative;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background: transparent;
			color: #cc0000;
			text-decoration: none;
			}

		#header div.lang span a:hover {
			background: #cc0000;
			color: #fff;
			}

/**** SEARCH COMPONENT ****/

#searchresult {
	width: 271px;
	position: relative;
	float: left;
	z-index: 9;
	padding: 5px;
	border: 1px #ddd solid;
	border-top: none;
	top: 33px;
	left: 134px;
	display: none;
	background: #fcfcfc;
	text-align: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	font: normal 11px/19px arial, helvetica;
	}

	#searchresult h2 {
		padding: 10px;
		text-align: center;
		color: #880000;
		background: #eee;
		position: relative;
		left: -5px;
		top: -3px;
		width: 261px;
		border-bottom: 1px #ddd solid;
		font: bold 16px arial, helvetica;
		letter-spacing: -0.2pt;
		}

	#searchresult ul li { color: #000; }

	#searchresult a,
	#searchresult a:hover,
	#searchresult a:active,
	#searchresult a:visited {
		color: #555;
		text-decoration: none;
		background: none;
		padding: 0;
		margin: 0;
		position: static;
		}

	#searchresult a:hover { color: #000; text-decoration: underline; }

/****  NAVIGATION ****/

#banner {
	width: 900px;
	overflow: hidden;
	}

	#banner.large { height: 350px; }
	#banner.regular { height: 120px; }

#navigation {
	height: 40px;
	overflow: hidden;
	background: #aa0000;
	}

	#navigation.open { height: 70px; }

	#navigation a,
	#navigation a:hover,
	#navigation a:visited,
	#navigation a:active {
		cursor: pointer;
		display: block;
		float: left;
		text-align: center;
		width: 150px;
		height: 30px;
		padding: 10px 0 0 0;
		font: bold 14px "lucida grande", arial, helvetica, sans-serif;
		color: #222;
		text-decoration: none;
		background: transparent url(g/nav_background.png) no-repeat top left;
		}

	#navigation a:hover {
		background: transparent url(g/nav_background.png) no-repeat bottom left;
		color: #fff;
		}

	#navigation a.active,
	#navigation a.active:hover,
	#navigation a.active:visited,
	#navigation a.active:active {
		background: transparent url(g/nav_background.png) no-repeat bottom left;
		color: #fff;
		}

	#navigation div.subnav {
		display: block;
		width: 900px;
		height: 24px;
		background: #aa0000;
		}

		#navigation div.subnav a,
		#navigation div.subnav a:hover,
		#navigation div.subnav a:visited,
		#navigation div.subnav a:active {
			display: block;
			float: left;
			width: auto;
			padding: 8px 20px 0 20px;
			height: 24px;
			color: #ddd;
			background: #aa0000;
			font: normal 12px arial;
			}

		#navigation div.subnav a:hover {
			color: #fff;
			background: #cc0000;
			text-decoration: underline;
			}

/**** HOME BLOCKS ****/

#homeblocks {
	width: 900px;
	margin: 40px 0 20px 0;
	padding: 0;
	overflow: hidden;
	}

	#homeblocks div.box {
		position: relative;
		float: left;
		width: 259px;
		padding: 20px;
		height: 150px;
		border-left: 1px #eee solid;
		overflow: hidden;
		text-align: center;
		}

	#homeblocks div.box:first-child {
		width: 260px;
		padding: 20px;
		border: none;
		}

/*		.bg-news { background: #fff url(/g/boxbg-news.gif) no-repeat top left; }
		.bg-faqs { background: #fff url(/g/boxbg-faqs.gif) no-repeat top left; }
		.bg-contact { background: #fff url(/g/boxbg-contact.gif) no-repeat top left; } */

		#homeblocks div.box h2 {
			font: bold 24px "lucida grande", arial, helvetica, sans-serif;
			color: #cc0000;
			margin: 0;
			padding: 0;
			letter-spacing: -2px;
			position: relative;
			top: -15px;
			}

		#homeblocks div.box p {
			font: normal 14px/20px arial, helvetica, sans-serif;
			color: #333;
			margin: 0 0 15px 0;
			}

/**** CONTENT ****/

#content {
	width: 860px;
	padding: 20px;
	font: normal 14px/20px "lucida grande", arial, helvetica, sans-serif;
	color: #333;
	overflow: hidden;
	}

	#content h1 {
		font: bold 24px "lucida grande", arial, helvetica, sans-serif;
		color: #cc0000;
		margin: 0 0 20px 0;
		}

	#content h1 span {
		font: bold 19px arial, helvetica, sans-serif;
		color: #000;
		margin: 0;
		padding: 0;
		display: block;
		}

	#content h2 {
		font: bold italic 18px arial, helvetica, sans-serif;
		color: #777;
		margin: 10px 0 10px 0;
		padding: 10px 0;
		letter-spacing: -0.4pt;
		}

	#content h3 {
		font: bold 15px arial, helvetica, sans-serif;
		color: #000;
		margin: 10px 0 10px 0;
		letter-spacing: -0.2pt;
		}

	#content ul {
		list-style: disc;
		padding: 10px 0 10px 30px;
		}

	#content ol {
		list-style: lower-alpha;
		padding: 10px 0 10px 15px;
		margin-left: 20px;
		}

	#content img.illustration {
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 15px;
		}

	#content ol.numeric { list-style: decimal; }

		#content ul li,
		#content ol li { padding: 0 0 3px 5px; }

		#content h2 span.top {
			width: 56px;
			height: 20px;
			padding: 20px 0 20px 0;
			cursor: pointer;
			float: right;
			display: block;
			clear: both;
			background: transparent url(/g/_top.gif) no-repeat top left;
			}
	#content a,
	#content a:active,
	#content a:visited,
	#content a:hover {
		color: #cc0000;
		text-decoration: underline;
		}

	#content img.left {
		float: left;
		padding: 5px;
		border: 1px #ccc solid;
		margin: 0 15px 15px 0;
		}

	#content img.right {
		float: right;
		padding: 5px;
		border: 1px #ccc solid;
		margin: 0 0 15px 15px;
		}

	#content p { margin: 0 0 10px 15px; }

	#content table.project {
		width: 840px;
		margin: 0 0 15px 15px;
		font-size: 85%;
		}

		#content table.project tr.header {
			font: bold 16px "lucida grande", arial, helvetica, sans-serif;
			color: #cc0000;
			letter-spacing: -0.3pt;
			border-top: 1px #aaa solid;
			border-bottom: 3px #cc0000 solid;
			background: #f0f0f0;
			}

		#content table.project tr.section { border-bottom: 3px #cc0000 solid; }

		#content table.project td {
			width: 190px;
			padding: 10px;
			text-align: left;
			vertical-align: top;
			border-bottom: 1px #ccc solid;
			text-wrap: auto;
			}

	#videocontainer {
		width: 640px;
		height: 380px;
		margin: 0 auto;
		padding: 5px;
		border: 1px #cc0000 solid;
		}

	#content div.brands {
		display: block;
		padding: 20px 0 20px 0;
		width: 660px;
		text-align: left;
		margin: 0 auto;
		}

		#content div.brands img {
			padding: 10px;
			border: 3px #fff solid;
			margin: 10px;
			}

		#content div.brands img:hover { border: 3px #cc0000 solid; }

	/**** CONTACT FORM ****/

	.contact-left, .contact-right {
		position: relative;
		float: left;
		width: 410px;
		padding-bottom: 20px;
		}

	.contact-right {
		float: right;
		padding-right: 10px;}

	.map {
		padding: 7px;
		border: 1px #990000 solid;
		}

	form#contact {
		font-family: arial;
		padding: 0 0 15px 30px;
		}

		form#contact h3 {
			font: normal 11px arial, helvetica, sans-serif;
			color: #555;
			line-height: 24px;
			letter-spacing: 0px;
			padding: 0;
			margin: 0;
			}

		form#contact h3.required {
			color: #990000;
			font-weight: bold;
			}

		form#contact table.plaintable {
			padding: 0;
			border-spacing: 0;
			border: 0;
			}

		form#contact input,
		form#contact select,
		form#contact textarea {
			border: 1px #c3c3c3 solid;
			border-top: 1px #7c7c7c solid;
			border-bottom: 1px #ddd solid;
			padding: 2px;
			background: #fff;
			}

		form#contact input:focus,
		form#contact select:focus,
		form#contact textarea:focus { background: #ffffcc; }

		form#contact input.control {
			border: 0;
			background: transparent;
			padding: 0;
			}

		form#contact select,
		form#contact input { width: 350px; }
		form#contact textarea {
			width: 350px;
			height: 100px;
			}

		form#contact label.error {
			width: 1px;
			margin-left: -9999px;
			display: none; }

		form#contact input.error,
		form#contact textarea.error {
			border: 1px #826b34 solid;
			background: #e1dcc2 url(/g/field-error.png) no-repeat center right;
			}

		form#contact input.button,
		input.button {
			border: 0;
			width: 176px;
			height: 36px;
			background: #eee;
			padding: 0 0 5px 0;
			margin-top: 10px;
			font: normal 14px arial, helvetica, sans-serif;
			color: #990000;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-khtml-border-radius: 6px;
			-webkit-border-radius: 6px;
			-o-border-radius: 6px;
			cursor: pointer;
			}

		form#contact input.button:focus,
		form#contact input.button:hover,
		input.button:focus,
		input.button:hover {
			background: #990000;
			color: #fff;
			font-weight: bold;
			}

/**** FOOTER ****/

#footer {
	font: normal 11px arial, helvetica, sans-serif;
	color: #333;
	height: 10px;
	padding: 35px 0;
	background: transparent url(g/footer_background.png) no-repeat top left;
	position: relative;
	}

	#footer a,
	#footer a:visited,
	#footer a:active,
	#footer a:hover {
		color: #cc0000;
		text-decoration: none;
		}

	#footer a:hover {
		text-decoration: underline;
		}

	#footer div.left {
		float: left;
		width: 360px;
		padding: 0 0 0 20px;
		}

	#footer div.right {
		float: right;
		width: 500px;
		text-align: right;
		padding: 0 20px 0 0;
		}

.clearblock {
	display: block;
	clear: both;
	overflow: hidden;
	}