* { margin: 0; padding: 0;
	outline: none; }
	
a img { border: none; }

fieldset { border: none; }

/* common styles */

h1 { margin: 0 0 10px 0; 
	font: italic 32px Georgia, serif; }
h2 { }
h3 { }

p { }

a { color: #4d719a; }
a:visited { }
a:hover { text-decoration: underline !important; }

ul { }
	ul li { }

/* site layout */

body { width: 100%; height: 100%;
	color: #363636; } 

	body.main { background: url("../img/scaner.jpg") no-repeat center top; }

.l-container { width: 900px;
	margin: 0 auto; }

.l-head { position: relative; z-index: 10;
	height: 132px;
	margin-bottom: 25px; }
	
	.l-head .logo { position: absolute;
		left: 0; top: 32px; }
	
	.l-head .global-menu { position: absolute;
		right: 0; top: 50px;
		float: left;
		font: normal 18px "MyriadPro", Arial, sans-serif; }
		
		.l-head .global-menu ul { list-style: none; }
		
			.l-head .global-menu ul li { float: left; display: inline;
				padding: 0 0 0 30px;
				text-transform: uppercase; }
				
				.l-head .global-menu ul li a { color: #363636; }
			
			.l-head .global-menu ul li.current { }
				
				.l-head .global-menu ul li.current a { text-decoration: none; }

.l-main { position: relative; z-index: 20;
	width: 450px; height: 445px;
	padding: 20px 0 0 0; }
	
	.l-main h1 { font: bold 36px "Arial Black", Arial, sans-serif;
		color: #e4ab17; text-transform: uppercase;
		line-height: 36px; letter-spacing: -4px; }
	
	.l-main ul.activity { margin-top: 40px;
		list-style: none;
		font: normal 18px "MyriadPro", Arial, sans-serif;
		text-transform: uppercase; }
		
		.l-main ul.activity li { padding: 9px 0 9px 18px;
			border-top: 1px solid #9a9a9a;
			background: url("../img/activity-marker.png") no-repeat 6px 15px; }
		
			.l-main ul.activity li:first-child { border-top: none; }

.l-catalogue { position: relative; overflow: hidden; z-index: 20;
	height: 100%;
	padding: 0 0 25px 0; }

	.l-catalogue h1 { }

	.l-catalogue ul.cat { width: 933px;
		list-style: none; }
	
		.l-catalogue ul.cat li { position: relative; overflow: hidden;
			float: left; display: inline;
			width: 250px; height: 115px;
			margin: 0 30px 30px 0;
			padding: 150px 15px 15px 15px;
			background: #e1edeb; }

			.l-catalogue ul.cat li h2 { margin: 0 0 8px 0;
				font: normal 15px "MyriadPro", Arial, sans-serif;
				color: #e4ab17; text-transform: uppercase;
				text-align: center; }
				
				.l-catalogue ul.cat li h2 a { color: #e4ab17; }

			.l-catalogue ul.cat li .img { position: absolute;
				left: 0; top: 0;
				width: 280px; height: 150px; }
				
				.l-catalogue ul.cat li .img { display: block;
					text-align: center; }
					
			.l-catalogue p { font: normal 12px Georgia, serif; }
			
	.l-catalogue ul.subs { width: auto;
		margin: 0 0 0 20px;
		list-style: disc outside; }
				
		.l-catalogue ul.cat ul.subs li { position: static; overflow: visible;
			float: none; display: list-item;
			width: 100%; height: auto;
			margin: 0; padding: 0;
			background: transparent;
			font: normal 12px Georgia, serif; }

.l-content { position: relative; float: left; z-index: 20;
	width: 100%;
	padding: 0 0 25px 0;
	font: italic 12px Georgia, serif; }
	
	.l-content .content-wrapper { float: left; 
		width: 100%;
		min-height: 10px; }
	
	.l-content .col-main { margin-left: 260px; }
		
	.l-content .col-menu { float: left;
		width: 230px;
		margin-left: -100%; }
		
		.col-main h1:first-child { position: relative;
			height: 100%;
			margin-top: -16px; } 
		
		.col-main h2 { margin: 0 0 10px 0; 
			font: italic 20px Georgia, serif;
			color: #d7a304; }
		
			.col-main h2 a { text-decoration: none;
				color: #d7a304; }
				
				.col-main h2 a span { border-bottom: 1px dashed #d7a304; }
		
		.col-main h3 { margin: 7px 0 5px 0;
			font: italic 18px Georgia, serif;
			color: #319080; }
			
			.col-main h3 a { text-decoration: none;
				color: #319080; }
				
				.col-main h3 a span { border-bottom: 1px dashed #319080; }
			
		div.project { width: 100%; clear: both;
			overflow: hidden;
			margin: 0 0 20px 0; }
			
			div.projects-list { width: 100%; clear: both;
				overflow: hidden;
				height: 100%; }
			
		.col-main p { margin: 0 0 5px 0;
			font: normal 12px Georgia, serif;
			line-height: 1.4; }
		
		.col-main ul,
		.col-main ol { margin: 0 0 0 20px; }
		
		.col-main div.more { float: right; display: inline;
			width: 250px;
			margin: 0 0 30px 30px; }
			
			.col-main div.more .image { display: table-cell;
				width: 250px; height: 250px;
				padding: 15px;
				text-align: center; vertical-align: middle;
				background: #e1edeb; } 
				
			.col-main div.more p { margin: 15px 0 0 0;
				text-align: right; }
			
				.col-main .more a { color: #363636; }
				
			.col-main p.more { margin: 15px 0 0 0;
				text-align: right; } 
				
		.col-menu { }

			.col-menu ul.left-menu { list-style: none;
				font: normal 16px "MyriadPro", Arial, sans-serif; }
				
				.col-menu ul.left-menu li { margin-bottom: 10px; }
				
					.col-menu ul li a { color: #363636; }
					
					.col-menu ul li.current a { font-weight: bold;
						text-decoration: none; }
					
			.col-menu ul.left-menu ul { margin: 5px 0;
				padding-left: 20px;
				list-style: none; }
					
				.col-menu ul li.l2 { margin: 0 0 5px 0;
					text-transform: none; }
				
					.col-menu ul li.l2 a { font-weight: normal;
						text-decoration: underline; 
						padding: 1px 2px; }
						
					.col-menu ul li.l2.current a { font-weight: bold;
						text-decoration: none; }


		table.labels { width: 100%;
			border-collapse: collapse; border: none; }
			
			table.labels th { padding: 0 10px 8px 10px;
				font: italic 16px Georgia, serif;
				color: #d7a304; text-align: left; }
			
				table.labels th.size { width: 20%; }
				table.labels th.material { }
				table.labels th.type { }
				table.labels th.preview { }
				table.labels th.params { }
			
			table.labels td { padding: 4px 10px;
				font: italic 14px Georgia, serif; }
				
				table.labels td.size { background: #f0efef; }
				table.labels td.material { }
				table.labels td.type { background: #f0efef; }
				table.labels td.preview { text-align: center; }
				table.labels td.params { background: #f0efef; }

		table.params { width: 100%;
			border-collapse: collapse; border: none; }
			
			table.params td { padding-bottom: 8px;
				font: italic 14px Georgia, serif; }
			
			table.params td.param { width: 45%;
				padding-right: 15px;
				font: normal 14px "MyriadPro", Arial, sans-serif;
				text-align: right; }

		.block { clear: both;
			margin-top: 25px; }
		
	
	.breadcrumbs { position: absolute;
		left: 260px; bottom: 0;
		font: normal 14px Tahoma, sans-serif;
		color: #808080; }
		
		.breadcrumbs span,
		.breadcrumbs a { color: #808080;
			font-size: 12px; }
		
.l-contacts { position: relative; z-index: 20;
	height: 100%;
	font: italic 16px Georgia, serif; }

	.l-contacts h1 {  }
	
	.l-contacts h2 { margin: 0 0 30px 0;
		font: italic 20px Georgia, serif;
		color: #d7a304; }
	
	.l-contacts .map { float: right; display: inline; overflow: hidden;
		width: 410px;
		margin: 0 0 30px 30px; }
				
		.l-contacts .map p { margin: 15px 0 0 0;
			font: italic 12px Georgia, serif;
			text-align: right; }
			
			.l-contacts .map p a { color: #363636; }
			
	.l-contacts table.contacts { border-collapse: collapse; border: none; }
		
		.l-contacts table.contacts td { padding: 0 10px 8px 0;
			vertical-align: top; }
		.l-contacts table.contacts td.param { width: 40%;
			text-align: right;
			color: #d7a304; } 

.l-footer { position: relative; clear: both;
	height: 100%;
	padding: 10px 0 25px 0;
	border-top: 1px solid #9a9999;
	font: normal 11px Arial, sans-serif; }

	.l-footer p.copyright { width: 410px; }
	
	.l-footer .icons { position: absolute;
		right: 0; top: 10px; } 
		
		.l-footer .icons a { margin-left: 10px; }