/* Custom styles */
div#distance
{ 
	width: 1px;
	height: 50%;
	background-color: Transparent;
	margin-bottom: -241px; /* half of container's height */
	float: left;
}

*:first-child+html div#distance
{
	width: 1px;
	height: 50%;
	background-color: Transparent;
	margin-bottom: -248px; /* half of container's height */
	float: left;
}

div#page-container
{
	position: relative;
	width: 871px;
	height: 500px;
    margin: auto;
	text-align: left;
	clear: left;
}

div#left-navigation
{
	width: 145px;
	height: 482px;
	float: left;
	padding: 3px 0 0 3px;
	background: url('../../images/nav.png') left top no-repeat;
}

	div#left-navigation *
	{
		z-index: 1;
		position: relative;
	}
	
	div#left-navigation h1
	{
		float: left;
		padding-left: 4px;	
	}
	
		div#left-navigation h1 a
		{
			display: block;
			width: 139px;
			height: 69px;
			padding-top: 28px;
			background: url('../../images/supporto_logo.gif') left top no-repeat;
			text-indent: -5000px;
			overflow: hidden;
		}

	div#left-navigation h2
	{
		float: left;
		padding-left: 4px;	
	}

		div#left-navigation h2 a
		{
			display: block;
			width: 139px;
			height: 58px;
			background: url('../../images/zoeftig_logo.gif') left bottom no-repeat;
		}
		
		div#left-navigation h2 a span
		{
			font-size: 0.45em;
			padding: 0 15px 0 10px;
			vertical-align: top;
		}

		div#left-navigation h2 a:hover span
		{
			color: #858585;
		}
		
	div#navigation
	{
		width: 138px !important;
		width/**/:/**/ 110px;
		height: 315px;
		font-weight: bold;
		float: left;
		padding: 0;
		margin: 0;
	}
		
		div#navigation ul
		{
			width: 85%;
			font-size: 1.3em;
			float: left;
			display: block;
			padding-bottom: 17px;
			margin: 0 11px 0 8px !important;
			margin/**/:/**/ 0 11px 0 4px;
		}
		
			div#navigation li
			{
				width: 102%;
				float: left;
				margin: 0;
				padding: 0 0 2px 6px;
			}

			div#navigation li a
			{
				font-size: 1em;
				float: left;
				color: #5b5b5b;
			}
			
				div#navigation li a:hover
				{
					color: #fff;
				}
			
			div#navigation li.gray-nav-header
			{
				color: #aaaaaa;
				float: left;
				padding: 0 15px 2px 4px;
			}
			
			div#navigation li.small-nav-item
			{
				float: left;
				font-size: 0.85em;
			}
	
div#main-content
{
	width: 692px;
	height: 482px;
	float: right;
	background: url('../../images/main.png') left top no-repeat;
}

	div#main-content *
	{
		z-index: 1;
		position: relative;
	}

div#footer
{
	color: #000;
	font-weight: bold;
	float: right;
	padding-right: 5px;
}

	div#footer a
	{
		font-size: 1em;
		color: #000;
		margin-left: 2px;
	}
	
		div#footer a:hover
		{
			color: #fff;
		}
	
	div#footer *
	{
		z-index: 1;
		position: relative;
	}

/* Home */
div#home-left-side
{
	width: 171px;
	height: 476px;
	margin: 3px 0 0 3px !important;
	margin/**/:/**/ 3px 0 0 1px;
	float: left;
	background: url('../../images/home/mainimage_left.jpg') left top no-repeat;
}

div#home-center
{
	width: 302px;
	height: 476px;
	margin: 3px 0 0 0;
	float: left;
	background: url('../../images/home/quote.gif') left top no-repeat #333;
}

div#home-right-side
{
	width: 213px;
	height: 476px;
	margin: 3px 3px 0 0 !important;
	margin/**/:/**/: 3px 1px 0 0;
	float: right;
	background: url('../../images/home/mainimage_right.jpg') left top no-repeat;
}

	div#product-select
	{
		width: auto;
		height: 69px;
		padding: 12px 15px 0 15px;
	}
	
		div#product-select h3
		{
			font-size: 1.3em;
			color: #fff;
			padding-bottom: 5px;
		}
		
		div#product-select select
		{
			width: 130px;
			font-size: 1.1em;
			border: solid 1px #5b5b5b;
		}
		
		div#product-select a
		{
			width: 40px;
			height: 17px;
			font-size: 1.1em;
			color: #9a9a9a;
			padding: 0 2px;
		}

		div#product-select a:hover
		{
			color: #fff;
		}
		
	div#newsletter
	{
		width: auto;
		height: 70px;
		padding: 12px 16px;
		margin-top: 300px;
	}
	
		div#newsletter h3
		{
			font-size: 1.3em;
			color: #5b5b5b;
			padding: 5px 0;
		}
		
		div#newsletter p
		{
			width: 180px;
			color: #5b5b5b;
			padding-top: 10px;
		}

		div#newsletter a
		{
			font-size: 1.2em;
			color: #9a9a9a;
			padding: 0 2px;
		}
		
		div#newsletter a:hover
		{
			color: #5b5b5b;
		}
		
		div#newsletter input.newsletter-text
		{
			width: 120px;
			height: 13px;
			font-size: 1.1em;
			color: #5b5b5b;
			margin: 2px 0;
			padding: 2px 5px;
			border: solid 1px #5b5b5b;
		}
		
/* designer */
div#designer
{
	width: 686px;
	height: 476px;
	float: left;
	margin: 3px 0 0 3px !important;
	margin/**/:/**/ 3px 0 0 1px;
	background: url('../../images/designer/bg.jpg') left top no-repeat;	
}

	div#designer h2
	{
		padding-top: 55px;
	}
	
	div#designer h2 span
	{
		font-size: 0.55em;
		color: #858585;	
		font-weight: normal;
	}

	div#designer div#section-1
	{
		width: 300px;
		height: 250px;
		padding-left: 160px;
		float: left;
	}

	div#designer div#section-2
	{
		width: 440px !important;
		width/**/:/**/ 420px;
		height: 150px;
		float: left;
		margin-left: 20px !important;
		margin-left/**/:/**/ 10px;
	}
	
/* contact */
div#contact-left-side
{
	width: 250px;
	height: 476px;
	float: left;
	margin: 3px 0 0 3px !important;
	margin/**/:/**/ 3px 0 0 1px;
}

	div#contact-form
	{
		width: 220px;
		padding-top: 60px;
		margin-left: 20px;
	}
	
		div#contact-form fieldset
		{
			width: 185px;
			border: none;
		}
		
		div#contact-form dd
		{
			padding-top: 5px;
		}

		div#contact-form dt
		{
			padding-bottom: 2px;
		}
		
		div#contact-form input
		{
			width: 180px;
			height: 13px;
			font-size: 1.1em;
			color: #5b5b5b;
			margin: 2px 0;
			padding: 2px 5px;
			border: solid 1px #5b5b5b;
		}
		
		div#contact-form textarea
		{
			width: 180px;
			height: 70px;
			font-family: Helvetica, Arial, Verdana;
			font-size: 1.1em;
			color: #5b5b5b;
			margin: 2px 0;
			padding: 2px 5px;
			border: solid 1px #5b5b5b;
		}
		
		div#contact-form a
		{
			font-size: 1.2em;
			color: #000;
			padding: 0 2px;
		}
		
			div#contact-form a:hover
			{
				color: #9a9a9a;
			}

		div#contact-form .validation-container
		{
			width: 200px;
		}

		div#contact-form .validation-error
		{
			font-size: 1.1em;
			color: #c91c15;
		}
		
div#contact-centre
{
	width: 213px;
	height: 476px;
	float: left;
	margin-top: 3px;
	background: url('../../images/contact/bg.jpg') left top no-repeat;
}

div#contact-right-side
{
	width: 223px;
	height: 476px;
	float: right;
	margin: 3px 3px 0 0 !important;
	margin/**/:/**/ 3px 2px 0 0;
	background-color: #e2e3e5;
	border: none !important;
	border-right/**/:/**/ solid 1px #e2e3e5;
}

	div#contact-right-side h3
	{
		padding-top: 30px;
	}

	div#contact-right-side a
	{
		margin-left: -2px;
		padding-left: 2px !important;
		padding-left/**/:/**/ 3px;
	}
	
	div#contact-right-side div#contact-details
	{
		margin-left: 20px;
	}
	
		div#contact-details p.strong
		{
			padding-top: 10px;
		}
	
		div#contact-right-side div#downloads
		{
			margin-left: 20px;
		}
		
			div#downloads h3
			{
				padding: 30px 0 10px 0;
			}
			
			div#downloads p a
			{
				font-size: 1em;
			}

			div#downloads h6
			{
				padding-top: 100px;
			}
			
/* brochure */
div#brochure
{
	width: 686px;
	height: 476px;
	float: left;
	margin: 3px 0 0 3px !important;
	margin/**/:/**/ 3px 0 0 1px;
	background: url('../../images/brochure/bg.jpg') left top no-repeat;
}

	div#brochure-content
	{
		padding: 150px 30px 10px 420px;
	}

		div#brochure-content h2
		{
			font-size: 2em;
			color: #5b5b5b;
			font-weight: bold;
			padding-bottom: 10px;
			margin-left: 20px;
		}
		
		div#brochure-content p
		{
			margin-left: 20px;	
		}

		div#brochure-content a
		{
			margin: 0 0 5px 18px;
			padding: 1px 2px;
			display: block;
		}
		
		div#brochure ul a
		{
			margin-bottom: 5px !important;	
			margin-bottom/**/:/**/ 0;	
		}
		
/* environment */
div#environment
{
	width: 686px;
	height: 476px;
	float: left;
	margin: 3px 0 0 3px !important;
	margin/**/:/**/ 3px 0 0 1px;
	background: url('../../images/environment/bg.jpg') left top no-repeat;	
}

	div#environment-content
	{
		width: 550px;
		float: left;
		padding-top: 25px;
		margin-left: 20px !important;
		margin-left/**/:/**/ 10px;
	}

	div#environment-content h2
	{
		width: 300px;
		float: left;
		padding-bottom: 10px;
	}
	
	div#environment-content h5
	{
		width: 300px;
		float: left;
		padding: 5px 0;
	}
	
	div#environment-content p
	{
		width: 300px;
		float: left;
	}
	
	div#environment-content p.para-1
	{
		width: 550px;
	}
	
	div#environment-content p.para-2
	{
		width: 500px;
	}
	
	div#environment-content ul
	{
		width: 300px;
		font-size: 1em;
		color: #858585;
		font-weight: normal;
		float: left;
		padding-bottom: 5px;
	}

		div#environment-content li
		{
			margin-left: 20px;
			list-style-type: disc;
		}

/* privacy */
div#privacy-left-side
{
	width: 463px;
	height: 476px;
	float: left;
	margin: 3px 0 0 3px !important;
	margin/**/:/**/ 3px 0 0 1px;
}

	div#privacy-left-side h2
	{
		font-size: 2em;
		color: #5b5b5b;
		font-weight: bold;
		padding: 25px 0;
		margin-left: 20px;
	}
	
	div#privacy-left-side h5
	{
		padding-top: 10px;
		margin-left: 20px;
	}
	
	div#privacy-left-side p
	{
		font-size: 1.1em;
		color: #858585;
		padding-top: 10px;
		margin: 0 20px;	
	}

div#privacy-right-side
{
	width: 223px;
	height: 476px;
	float: right;
	margin: 3px 3px 0 0 !important;
	margin/**/:/**/ 3px 2px 0 0;
	background-color: #e2e3e5;
}

/* 404 page */
div#page-not-found
{
	width: 686px;
	height: 476px;
	float: left;
	margin: 3px 0 0 3px !important;
	margin/**/:/**/ 3px 0 0 1px;
	background: url('../../images/404.jpg') left top no-repeat;
}

	div#page-not-found #content
	{
		padding: 120px 40px;
	}
	
	div#page-not-found p
	{
		width: 250px;
	}

	div#page-not-found a
	{
		margin-left: 2px;
	}

	div#page-not-found ul
	{
		width: 300px;
		font-size: 1.1em;
		color: #858585;
		font-weight: normal;
		padding-bottom: 20px;
	}

		div#page-not-found li
		{
			margin: 0 20px;
			list-style-type: disc;
		}
		
/* technical */
div#technical
{
	width: 686px;
	height: 476px;
	float: left;
	margin: 3px 0 0 3px !important;
	margin/**/:/**/ 3px 0 0 1px;
	background: url('../../images/technical/bg.jpg') left top no-repeat;	
}

	div#technical-content
	{
		padding: 150px 30px 10px 430px;
	}
		
		div#technical-content h2
		{
			font-size: 2em;
			color: #5b5b5b;
			font-weight: bold;
			padding-bottom: 10px;
			margin-left: 20px;	
		}
		
		div#technical-content span
		{
			font-size: 1.1em;
			color: #aaaaaa;
			font-weight: bold;
			margin-left: 20px;
		}

		div#technical-content ul#spec-links
		{
			margin: 0 0 10px 20px;	
		}
		
			div#technical-content ul#spec-links a
			{
				margin: 0;
			}
		
		div#technical-content ul#block-links a
		{
			margin: 0 0 5px 18px !important;
			margin/**/:/**/ 0 0 0 18px;
			padding: 1px 2px;
			display: block;
		}
		
		div#technical-content h6 a
		{
			margin-left: 20px;	
		}