/* Global 
---------------------------------------------------------- */

* {	padding:0; margin:0; }
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
html, body { width: 100%; height: 100%; }
body {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #818181;
	background: #f6f8f5;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 10px 0;
	font-size: 1em;
}
li, dd, blockquote { 
	margin-left: 30px; 
}

h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

/* Table */
table { border-collapse: collapse; border: 0; }
table td { padding: 0px; vertical-align: top; text-align: left; }

/* Inputs */
input, textarea { height: 14px; padding: 3px 5px; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 1em; }
label.overlabel { color: #dda6ac; }
label.overlabel-apply { position:absolute; top: -9px; left: 5px;  z-index:1; color: #dda6ac; }

/* Lists */
ul li { 
	margin: 7px 0;
	padding: 0 0 0 15px;
	background: url(../images/bullet.gif) 0 5px no-repeat;
	list-style-type: none;
	}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; background: none !important; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.fleft { display: block; float: left; }
a.fleft, img.fleft { margin: 0 12px 0 0; }
.fright { display: block; float: right; }
a.fright, img.fright { margin: 0 0 0 12px; }

/* Text */
small {
	font-size: 0.79em;
	}

/* Links 
---------------------------------------------------------- */

:focus
{
  -moz-outline-style: none;
}

a img { border: 0; }
a {
	color: #da1a2f;
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	color: #19365b;
	text-decoration: none;
}

a.more {
	position: relative;
	zoom: 1;
	margin: 0 0 0 -17px;
	padding: 3px 0 3px 17px;
	background: url(../images/arrow.gif) 0 60% no-repeat;
	color: #818181;
	}
a.back {
	position: relative;
	zoom: 1;
	margin: 0 0 0 -17px;
	padding: 3px 0 3px 17px;
	background: url(../images/arrow_back.gif) 0 60% no-repeat;
	color: #818181;
	}

/* Layout 
---------------------------------------------------------- */

#minwidth {
	min-width: 990px;
	max-width: 1400px;
	margin: 0 auto;
	}
#maxwidth {
	margin: 0 auto;
	}
#lang {
	left:-8%;
	margin:0pt;
	top: 0pt;
	position:absolute;
	height: 23px;
}
#bg {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 28px;
	width: 100%;
	height: 199px;
	}
	#bg img {
		width: 100%;
		height: 199px;
		}
#page {
	position: relative;
	z-index: 2;
	margin: 0 6% 0 10%;
	padding: 55px 0 0 0;
	font-size: 1.4em;
	background-repeat: no-repeat;
	background-position: 0 370px;
	}
#header {
	margin: 27px 0 18px 0;
	}
	
	/* Pop-up */
	#popup-page { background: #ffffff; }
	#popup-page #page { position: relative; margin: 0; padding: 10px 20px 20px 30px; }
	#popup-page p, #popup-page h1, #popup-page h2 { position: relative; margin: 25px 0; }
	#popup-page ul li { margin: 10px 0 10px 20px; }
	#popup-page #contactEmail { margin: 40px 0 0 0; }

/* Header
---------------------------------------------------------- */

#top {
	}
#logo {
	float: left;
	width: 95px;
	height: 22px;
	}
	#logo a {
		position: relative;
		display: block;
		height: 100%;
		overflow: hidden;
		text-indent: -99999px;
		}
		#logo a span {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url(../images/logo.gif) no-repeat;
			}
#navigation {
	margin: 0 0 0 147px;
	font-size: 0.79em;
	}
	#navigation ul {
		margin: 0;
		padding: 5px 0 3px 0;
		line-height: 2em;
		}
		#navigation ul li {
			float: left;
			margin: 0 0.6% 0 0;
			padding: 0;
			background: none;
			list-style-type: none;
			}
			#navigation ul li a {
				position: relative;
				padding: 0 10px;
				text-decoration: none;
				color: #393939;
				}
			#navigation ul li a:hover, #navigation ul li.active a {
				padding: 3px 10px;
				background: #fff;
				}
#headerImage {
	position: static;
	zoom: 1;
	float: left;
	width: 65.4%;
	margin: 0 0 0 -10px;
	border: solid #f6f8f5;
	border-width: 10px 10px 0 10px;
	}
	#headerImage a {
		position: relative;
		display: block;
		width: 100%;
		height: 190px;
		overflow: hidden;
		}
		#headerImage a span {
			position: absolute;
			left: 50%;
			top: 25%;
			width: 50%;
			margin: -13px 0 0 0;
			text-align: center;
			}
			#headerImage a span img {
				margin: 0 auto;
				}
		#headerImage a img {
			display: block;
			}
	#headerImage #shortDesc {
		position: relative;
		min-height: 168px;
		margin: -118px 0 0 28%;
		background: #da1a2f;
		color: #fff;
		}
		#headerImage #shortDesc .container {
			padding: 15px 20px 15px 20px;
			}
	#headerImage #shortDesc h2 {
		margin: 0;
		}
	#headerImage #shortDesc a {
		display: inline;
		width: auto;
		height: auto;
		color: #ffb4bc;
		}
	#headerImage #shortDesc a.back {
		position: absolute;
		color: #818181;
		left: -25.5%;
		top: 130px;
		}
	.work #headerImage #shortDesc {
		margin-right: -52.5%;
		}
#headerTitle {
	float: left;
	padding: 10px 0 0 0;
	}
	#headerTitle #headerTitleText {
		margin: 31px 0 0 12px;
		}

/* Content
---------------------------------------------------------- */

h2.title {
	position: absolute;
	left: -8%;
	top: 6px;
	margin: 0;
	}

.projects {
	position: relative;
	font-size: 0.90em;
	}
	.projects ul {
		margin: 0;
		}
		.projects ul li {
			float: left;
			width: 33.3%;
			margin: 10px 0;
			padding: 0;
			background: none;
			list-style-type: none;
			}
			.projects ul li a {
				position: relative;
				display: block;
				width: 90%;
				height: 4.65em;
				overflow: hidden;
				color: #818181;
				text-decoration: none;
				}
			.projects ul li a:hover {
				margin: -12px;
				padding: 12px;
				background: #fff;
				}
				.projects ul li a span {
					display: block;
					margin: 0 0 0 24%;			
				}
	
				.projects ul li a img {
					float: left;
					}
			.projects ul li a span img {
				display: block;
				float: none;
				margin: 0 0 3px 0;
				}

.three-cols {
	position: relative;
	}
.column {
	display: inline;
	float: left;
	}
.column .container {
	margin: 0 15% 0 3px;
	}

.three-cols h2 {
	top: 40px;
	}	
	.three-cols .column {
		width: 33.3%;
		}

.two-cols #leftColumn {
	width: 33.6%;
	}
.two-cols #rightColumn {
	width: 66%;
	}

#izstrade {
	margin: 34px 0 0 0;
	}
#izstrade h3, #izstrade p {
	margin: 4px 0;
	}
#izstrade {
	font-size: 0.90em;
	}	
.bar {
	line-height: 1.4em;
	}
	.bar span {
		display: block;
		float: left;
		height: 7px;
		margin: 7px 6px 0 4px;
		background: url(../images/bar_left.gif) #da1a2f 0 50% no-repeat;
		line-height: 0px;
		text-align: right;
		}
	.bar .digit {
		float: left;
		margin: 3px 0 0 0;
		}

/* Contacts */
#contactForm div {
	position: relative;
	margin: 0 0 4px 0;
	}
#contactFormInputs {
	float: left;
	width: 29%;
	}
#contactForm form {
	margin-bottom: 0;
	}	
#contactForm fieldset {
	border: 0;
	margin: 0;
	}
#contactForm label {
	position: absolute;
	top: -9px;
	left: 4px;
	}
#contactForm input {
	width: 100%;
	background: #a61424;
	border: 0;
	padding: 1px 0 6px 3px !important;
	color: #fff;
	}
#contactForm #contactFormTextarea {
	float: left;
	width: 66.5%;
	padding: 0 0 0 7px;
	}
#contactForm textarea {
	width: 99%;
	height: 64px;
	overflow: auto;
	background: #a61424;
	border: 0;
	padding-bottom: 4px;
	color: #fff;
	}
#contactForm #contactFormSubmit {
	width: 69px;
	height: 18px;
	margin: 0;
	background: none;
	}
#contactForm .buttonRow {
	float: none;
	clear: both;
	width: 100%;
	margin: 0;
	text-align: right;
	}

/* Works list */
#works .projects ul li {
	width: 49.9%;
	}
	
/* Work */
.work #shortDesc a.fleft {
	margin: 0 4% 0 0;
	}
.work .two-cols {
	margin: 0 0 0 18%;
	}
.work .two-cols #leftColumn {
	width: 337px; 
	}
	.work #leftColumn .container {
		padding-left: 20px;
		}
.work .two-cols #rightColumn {
	width: 49.9%; 
	}
	#rightColumn .container {
		padding-left: 4%;
		}
.work a.back {
	display: block;
	float: left;
	clear: both;
	margin: 0 0 0 3px;
	}
 

/* Footer 
---------------------------------------------------------- */

#contactsShort {
	position: relative;
	margin: 40px 0 0 0;
	padding: 10px 0 40px 3px;
	font-size: 0.79em;
	}
	#contactsShort address {
		display: block;
		margin: 0;
		font-style: normal;
		}
	#contactsShort a {
		display: block;
		text-decoration: none;
		color: #818181;
		}