/* 

Reset! 

*/



html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, font, img, strong, span, sub, sup, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* 

Beginning of actual styles!

*/

body {
	background: url("../images/background_main.jpg") repeat-x #ebebeb;
}

p {
	font-family: arial, verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0 0 1.8em 0;
}



/* 

wrapper

*/

#wrapper {
	width: 820px;
	margin: auto;
}



/* 

top

*/

#top {
	height: 266px;
	background: url("../images/background_top.jpg") no-repeat;
}

#top .invisible {
	text-indent: -900%;	
}


#top ul {
	position: relative;
	list-style: none;
	width: 580px;
	height: 82px;
	margin: auto;
}

#top li {
	float: left;
}

#top span {
	display: none;
	position: absolute;
}

#top a:hover {
	background-position: 0px -82px;
}

#top a:hover span {
	display: block;
}

#top a {
	position: absolute;
	display:block;
	font-size: 0px;
	line-height: 0px;
	text-indent: -900%;
	outline: none;
	width: 100px;
	height: 82px;
}

#top .start {
	background: url("../images/upmenu_start.jpg");
	top: 0px;
	left: 0px;
}

#top .portfolio {
	background: url("../images/upmenu_portfolio.jpg");
	top: 0px;
	left: 120px;
}

#top .design {
	background: url("../images/upmenu_design.jpg");
	top: 0px;
	left: 240px;
}

#top .prices {
	background: url("../images/upmenu_prices.jpg");
	top: 0px;
	left: 360px;
}

#top .contact {
	background: url("../images/upmenu_contact.jpg");
	top: 0px;
	left: 480px;
}


/*

slider

*/

#slider_wrapper {
	width: 820px;
	background: url("../images/background_slider.jpg") no-repeat;
}

#ie_wrapper {
	position: relative;
	width: 485px;
	height: 282px;
	margin: auto;
}

#slider {
	position: relative;
	width: 485px;
	height: 282px;
}

#slider img {
	position: absolute;
	width: 485px;
	height: 282px;
	display: none;
}

#slider .active {
	display: inline;	
}

#slider .last-active {
	display: none;
}

.branch {
	position: absolute;
	z-index: 20;
	top: 10.5em;
	left: 52em;
}


/*

middle

*/

#middle {
	position: relative;
	height: 600px;
	background: url("../images/background_content.jpg") no-repeat top;
}

#content .next_case {
	position: absolute;
	z-index: 20;
	top: -100px;
	left: 480px;
}

#content {
	position: relative;
	top: 4em;
	float: right;
	width: 580px;
}

#content a {
	color: #445323;
	border-bottom: inset 2px #546F19;
	text-decoration: none;
}

#content a:hover {
	border-bottom: solid 2px #546F19;
}

#content .headline {
	margin: 0 auto 1.2em;
}

#left_column {
	float: left;
	position: relative;
	width: 280px;
}

#middle .eco_column {
	float: right;
	position: relative;
	top: 4em;
	left: 20px;
	width: 220px;
	height: 450px;
	background: url("../images/background_ecopuff.jpg") no-repeat #9eb769;
}

#middle .eco_column p {
	position: relative;
	top: 16em;
	margin: 15px 15px;
	color: #d8e3c1;
	font-size: 0.8em;
}


#right_column {
	float: right;
	position: relative;
	width: 280px;
}



/*

bottom

*/

#bottom_wrapper {
	clear: both;
	width: 100%;
	height: 400px;
	background: url("../images/background_bottom.jpg");
}

#bottom {
	width: 820px;
	margin: auto;
}

#bottom a{
	color: #594725;
	border-bottom: inset 1px #594725;
	text-decoration: none;	
}

#bottom a:hover {
	border-bottom: solid 1px #594725;
}

#bottom p {
	color: #714f23;
	font-size: 0.8em;
	left: 10px;
}

#bottom_left {
	float: left;
	width: 300px;
}

#bottom_left p {
	float: right;
	width: 240px;
}

#bottom_right {
	float: right;
	width: 520px;
}

#bottom_right p {
	float: right;
	width: 282px;
}

.root {
	float: left;
}

.headline {
	position: relative;
	left: 10px;
	margin: 2em auto;
}