* {
	margin:0;
	padding:0;
}
html,body {
	min-height:100%;
	height:100%;
}
a, a img {
	outline:none;
	border:none;
}
html,body,h1,#crml #contactForm,#crml #childLock, #portfolioBlock, #crml #contactInfo {
	background:#fff;
}
h1 {
	background: url(../icos/logo.gif) no-repeat 0 0;
	color:#fff;
	display:block;
	font:normal 16px Tahoma,sans-serif;
	padding:44px 0 0 0;
	margin:0 auto;
	height:44px;
	width:154px;
}
#wrapper {
	clear:both;
	display:block;
	position:absolute;
	left:50%;
	margin:100px 0 0 -275px;
	padding:0 0 10px;
	text-align:center;
	width:550px;
}
	#crml {
		background: url(../icos/bg.jpg) no-repeat 0 0;
		display:block;
		margin:0;
		position:relative;
		height:359px;
		width:501px;
	}
		#crml h2 {
			color:#676767;
			font:normal 10px Arial,sans-serif;
			margin:0 0 5px;
			text-align:left;
		}
		#crml a,#crml a:hover {
			color:#676767;
			font:normal 10px Arial,sans-serif;
			text-decoration:none;
			text-align:right;
		}
		#crml .close {
			position:absolute;
			top:5px;
			right:8px;
		}
		#crml #contactForm,#crml #contactInfo,#crml #childLock {
			border:2px solid #676767;
			color:#676767;
			display:none;
			font:normal 10px/14px Arial,sans-serif;
			margin:0 0 0 -82px;
			padding:25px;
			position:absolute;
			left:50%;
			text-align:left;
			top:140px;
			width:140px;
		}
			#crml #contactInfo {
				padding:25px 0 25px 25px;
				top:180px;
				width:165px;
			}
			#contactInfo address {
				font:normal 10px/14px Arial,sans-serif;
			}
		#crml #contactForm {
			top:150px;
			text-align:right;
		}
			#contactForm .notValid {
				background:#ffa2a2;
			}
			#contactForm fieldset {
				border:none;
			}
			#contactForm input,#contactForm textarea {
				color:#676767;
				border:1px solid #b3b3b3;
				font:normal 10px Arial,sans-serif;
				padding:0 0 0 5px;
				margin:0 0 4px;
				height:16px;
				width:135px;
			}
			#contactForm textarea {
				height:60px;
			}
		#crml #childLock {
			background:#fff url(../icos/childLock.gif) no-repeat 25px 25px;
			top:200px;
			width:140px;
		}
			#childLock h2 {
				font:normal 16px Arial,sans-serif;
				text-transform:uppercase;
				padding:8px 0 0 39px;
			}
		#portfolioBlock {
			background:#fff;
			border:2px solid #676767;
			color:#676767;
			display:none;
			font:normal 10px/14px Arial,sans-serif;
			padding:25px 12px 25px 25px;
			position:absolute;
			left:50%;
			margin:0 0 0 -400px;
			text-align:left;
			top:15px;
			width:800px;
			z-index:20;
		}
			#portfolioList {
				list-style:none;
				margin:0;
				padding:0;
				height:auto !important;
				overflow:hidden;
			}	
				#portfolioList li {
					display:block;
					float:left;
					height:123px;
					width:144px;
					margin:0 13px 13px 0;
					position:relative;
					overflow:hidden;	
				}
					#portfolioList img {
						height:123px;
						width:144px;
					}
					#portfolioList h3 {
						background:rgb(103,103,103);
						bottom:0;
						left:0;
						display:block;
						color:#fff;
						font:normal 10px Arial,sans-serif;
						padding:5px;
						position:absolute;
						text-transform:uppercase;
						width:134px;
					}
						#portfolioList h3 a,#portfolioList h3 a:hover {
							color:#fff;
							font:normal 10px Arial,sans-serif;
							text-transform:uppercase;
						}
		
	#timeBox {
		background: url(../icos/dots.gif) no-repeat center center;
		border:2px solid #676767;
		display:block;
		float:left;
		margin:52px 0 0 120px;
		padding:5px 0 0 0;
		height:27px;
		width:80px;
	}
		#timeBox span {
			background: url(../icos/numerals.gif) no-repeat;
			display:inline-block;
			margin:0 0 0 1px;
			height:23px;
			width:15px;
		}
		#timeBox #digitGray0 {
			background: url(../icos/numerals.gif) no-repeat 0 0;
		}
		#timeBox #digit0 {
			background: url(../icos/numerals.gif) no-repeat -157px 0;
		}
		#timeBox #digit1 {
			background: url(../icos/numerals.gif) no-repeat -16px 0;
		}
		#timeBox #digit2 {
			background: url(../icos/numerals.gif) no-repeat -32px 0;
		}
		#timeBox #digit3 {
			background: url(../icos/numerals.gif) no-repeat -48px 0;
		}
		#timeBox #digit4 {
			background: url(../icos/numerals.gif) no-repeat -64px 0;
		}
		#timeBox #digit5 {
			background: url(../icos/numerals.gif) no-repeat -78px 0;
		}
		#timeBox #digit6 {
			background: url(../icos/numerals.gif) no-repeat -94px 0;
		}
		#timeBox #digit7 {
			background: url(../icos/numerals.gif) no-repeat -110px 0;
		}	
		#timeBox #digit8 {
			background: url(../icos/numerals.gif) no-repeat -125px 0;
		}
		#timeBox #digit9 {
			background: url(../icos/numerals.gif) no-repeat -141px 0;
			width:15px;
		}
	#relayImg {
		display:none;
	}
	#relayD {
		position:absolute;
		right:100px;
		bottom:67px;
		padding:10px 0 0;
		text-align:center;
		height:74px;
		width:82px;
		z-index:100;
	}
	#relay {
		background: url(../icos/relayBg.gif) no-repeat 1px 0;
		display:block;
		float:right;
		list-style:none;
		position:relative;
		margin:42px 100px 0 0;
		height:79px;
		width:81px;
	}
	#relay li {
		position:absolute;
	}
		#arrow {
			position:absolute;
			left:-1px;
			top:32px;
			z-index:1;
		}
		#relay a,#relay a:hover {
			display:block;
			font:normal 10px Arial;
			text-decoration:none;
			height:17px;
			width:20px;
		}
		#relay #home {
			left:-25px;
			top:30px;
		}
			#relay #home a {
				background: url(../icos/sprite.gif) 0 0;			
			}
			#relay #home a:hover,#relay #home a.active {
				background: url(../icos/sprite.gif) 0 -18px;
			}
		#relay #contacts {
			left:-15px;
			top:-1px;
		}
			#relay #contacts a {
				background: url(../icos/sprite.gif) -20px 0;
			}
			#relay #contacts a:hover,#relay #contacts a.active {
				background: url(../icos/sprite.gif) -20px -18px;
			}
		#relay #turnOff {
			left:32px;
			top:-23px;
		}
			#relay #turnOff a {
				background: url(../icos/sprite.gif) -40px 0;
			}
			#relay #turnOff a:hover,#relay #turnOff a.active {
				background: url(../icos/sprite.gif) -40px -18px;
			}
		#relay #mail {
			left:82px;
			top:0;
		}
			#relay #mail a {
				background: url(../icos/sprite.gif) -60px 0;
			}
			#relay #mail a:hover,#relay #mail a.active {
				background: url(../icos/sprite.gif) -60px -18px;
			}
		#relay #order {
			left:90px;
			top:30px;
		}
			#relay #order a {
				background: url(../icos/sprite.gif) -80px 0;
			}
			#relay #order a:hover,#relay #order a.active {
				background: url(../icos/sprite.gif) -80px -18px;
			}
		#relay #portfolio {
			left:90px;
			top:30px;
		}
			#relay #portfolio a {
				background: url(../icos/sprite.gif) -99px 0;
			}
			#relay #portfolio a:hover,#relay #portfolio a.active {
				background: url(../icos/sprite.gif) -99px -18px;
			}
	#langs {	
		clear:both;
		display:block;
		list-style:none;
		margin:40px auto;
		padding:0;
	}
		#langs li {
			display:inline-block;
		}
		#langs a {
			color:#676767;
			font:normal 10px Arial,sans-serif;	
			text-transform:uppercase;
			text-decoration:underline;
			padding:0 5px;
		}
		#langs .active {
			text-decoration:none;
		}