@import 'reset.css';
@import 'typography.css';


/************/
/** Header **/
/************/
body {
	background: url(img/bg_body.png) top left repeat-x;
	width: 100%;
	text-align: center;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	padding-top: 330px;
	background: url(img/bg_header.png) top left no-repeat;
	background-position: 0 73px;
	width: 100%;
}

	#logo {
		display: block;
		width: 184px;
		height: 73px;
		position: absolute;
		top: 0px;
		left: 0;
		text-indent: -9999px;
		background: url(img/logo.png) transparent top left no-repeat;
	}
	
	#windows_doors {
		display: block;
		width: 252px;
		height: 250px;
		position: absolute;
		top: 75px;
		left: 0;
		text-indent: -9999px;
		background: url(img/windows_and_doors.png) transparent top left no-repeat;
	}
	
	#clients {
		display: block;
		position: absolute;
		width: 614px;
		height: 219px;
		top: 0px;
		right: 0px;
		text-indent: -9999px;
		background: url(img/clients.png) transparent top left no-repeat;
	}

	
#nav_main {
	margin-top: -2em;
	padding: 0;
	margin-right: 0;
	float: right;
	list-style-type: none;
	overflow: hidden;
	text-align: right;
	font-size: 125%;
	letter-spacing: .1em;
	word-spacing: .15em;
} 
	
	#nav_main li {
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	#nav_main a{
		padding: 0 13px;
		text-decoration: none;
		color: #767676;
		display: block;
		float: left;
	}

/*
	#nav_main li.last a {
		padding-right: 0;
	}
*/
	
	#nav_main a:hover{
		color: #063c03;
	}
	
	#nav_main a.active{
		color: #067c01;
		border-bottom: 5px solid #067c01;
	}


/******************/
/** Main Content **/
/******************/
#main_content {
	background-color: #fff;
	color: #767676;
}

	#sidebar {
		padding-top: 16px;
		width: 225px;
		float: left;
	}
	
		.nav_secondary {
			clear: both;
			margin: 0 0 3em 0;
			list-style-type:none;
			list-style-position: outside;
			list-style-image: none;
			overflow:hidden;
			padding: 0 1.5em 0 1em;
		}
		
			.nav_secondary li {
				padding:0;
				letter-spacing: .07em;
			}
	
			.nav_secondary li a {
				display: block;
				padding: 3px;
				font: normal 116%/1.5em verdana, arial, sans-serif;
				text-decoration: none;
				color: #767676;
				letter-spacing: .1em;
				border-bottom: 1px #e9e9e9 solid;
			}
	
			.nav_secondary li a.active {
				color: #067c01;
			}
			
			.nav_secondary li a:hover {
				color: #067c01;
			}
			
			.nav_secondary ul {
				list-style-type: none;
				font-size: 90%;
				margin-bottom: 0;
			}
	
			.nav_secondary ul li a {
				color: #a1a1a1;
			}

	#content {
		width: 765px;
		float: right;
		letter-spacing: .1em;
		word-spacing: .15em;
		margin-bottom: 1em;
	}
	
		#content h2, h3 {
			font-family: Georgia;
		}


#wrapper_footer {
	position: relative;
	width: 990px;
	margin: 0 auto;
	text-align: left;
}

	#footer {
		background: url(img/bg_footer.png) top left repeat-x;
		clear: both;
		text-align: left;
		height: 173px;
  	}
	
		#footer_menu {
			position: absolute;
			top: 22px;
			left: 15px;
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
	
		#footer_menu li {
			display:inline;
			padding:0 15px 0 0;
		}
		
		#footer_menu li a {
			text-decoration: none;
			font-size: 94%;
			font-weight: bold;
			color: #f2f2f2;
			letter-spacing: .08em;
			word-spacing: .12em;
		}
		
		#footer_menu li a:hover {
			color: #adadad;
		}
	
		#footer p {
			margin: 0;
			padding: 0;
			color: #fff;
		}
		
		#copyright {
			position: absolute;
			top: 140px;
			left: 15px;
			color: #a0a0a0;
			font-size: 94%;
			letter-spacing: .1em;
			word-spacing: .15em;
		}
		
		#address {
			font-size: 94%;
			letter-spacing: .08em;
			word-spacing: .12em;
		}
		
		#address h3 {
			color: #fff;
			font-weight: bold;
			font-size: 120%;
			margin: 0 0 .1em 0;
  			font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
		}

		#address p {
			padding-left: 2em;
			color:#ccc;
		}
		
		#address_left {
			position: absolute;
			top: 22px;
			left: 450px;
		}

		#address_right {
			position: absolute;
			top: 22px;
			left: 750px;
		}	


/**************************/
/** Navigation - Gallery **/
/**************************/
#nav_gallery{
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	overflow: hidden;
	text-align: left;
} 

	#nav_gallery li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	#nav_gallery li.last {
		margin: 0;
	}
	
	#nav_gallery a{
		padding-left: 10px;
		padding-right: 1em;
		font-size: 120%;
		line-height: 2.3em;
		text-decoration: none;
		color: #a4a4a4;
		float: left;
		letter-spacing: .1em;
		word-spacing: .15em;
	}
	
	#nav_gallery a:hover{
		color: #767676;
	}


/***********************/
/** Language selector **/
/***********************/
#language_selector ul {
	list-style-type: none;
	margin-bottom: 1em;
	overflow: auto;
}

#language_selector li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 5px;
}


#language_selector li a {
	display: block;
	width: 42px;
	height: 26px;
	text-indent: -9999px
}

#language_selector li a:hover {
	background-position: top left;
}

#flag_ro_on a {
	background: url(img/bg_ro.png) top left no-repeat;
}

#flag_hu_on a {
	background: url(img/bg_hu.png) top left no-repeat;
}

#flag_en_on a {
	background: url(img/bg_en.png) top left no-repeat;
}

#flag_de_on a {
	background: url(img/bg_de.png) top left no-repeat;
	padding-right: 0px;
}

#flag_ro_off a {
	background: url(img/bg_ro.png) bottom left no-repeat;
}

#flag_hu_off a {
	background: url(img/bg_hu.png) bottom left no-repeat;
}

#flag_en_off a {
	background: url(img/bg_en.png) bottom left no-repeat;
}

#flag_de_off a {
	background: url(img/bg_de.png) bottom left no-repeat;
	padding-right: 0px;
}

/**********/
/** Misc **/
/**********/
h2, h3 {
	color: #767676;
}

h2 {
	line-height: 1em;
	margin-bottom: 0.5em;
}

img.video {
	border: 8px #e2e2e2 solid;
	margin: 0 0 10px 10px;
}

.floatright {
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
	clear: right;
}

.pagination {
	clear: both;
	text-align: center;
	margin: 2em 0 2em 0;
}

.pagination a {
	text-decoration: none;
	color: #767676;
	padding: 3px;
	font-size: 120%;
}

.pagination a:hover {
	background-color: #d3d3d3;
}


.current_page {
	background: #f2f2f2;
	border: 1px solid #d3d3d3;
}