Urbanmetals – Metal construction experts

CSS
html {
	height: 100%;
	}
	body {
		position: relative;
		width: 960px;
		min-height: 100%;
		height: auto!important;
		height: 100%;
		margin: 0 auto 0;
		font: normal 12px/16px Tahoma, Arial, Helvetica, Sans-serif;
		color: #35475b;
		}

/* Header
--------------------------------------------------------------------------------------- */
#header {
	overflow: hidden;
	position: relative;
	margin: 17px 0 14px;
	}
	#header .logo {
		display: block;
		width: 305px;
		height: 69px;
		margin: 4px 0 0;
		text-indent: -9999em;
		background: url(../images/logo.png) no-repeat left top;
		}
	#header .languages {
		position: absolute;
		top: 0;
		right: 0;
		}
		#header .languages li {
			display: inline;
			margin: 0 0 0 25px;
			background: url(../images/lang_lv.png) no-repeat left center;
			}
			#header .languages li a {
				padding: 0 0 0 22px;
				font-size: 11px;
				text-decoration: underline;
				color: #0e0202;
				}
			#header .languages li a:hover {
				text-decoration: none;
				}
			#header .languages li.current  a {
				text-decoration: none;
				color: #7c7a7a;
				}
		#header .languages li.ru {
			background: url(../images/lang_ru.png) no-repeat left center;
			}
		#header .languages li.en {
			background: url(../images/lang_en.png) no-repeat left center;
			}

	#header .navigation {
		position: absolute;
		right: 0;
		top: 43px;
		list-style: none;
		}
		#header .navigation li {
			display: inline;
			}
			#header .navigation li a {
				padding: 0 0 0 25px;
				text-decoration: underline;
				color: #8b8c8c;
				}
			#header .navigation li a:hover {
				text-decoration: none;
				}

/* Middle
--------------------------------------------------------------------------------------- */
#content {
	overflow: hidden;
	padding-bottom: 80px;
	}
	#sidebar {
		float: left;
		width: 245px;
		}
		#sidebar .sub-navigation {
			margin: 12px 0 0 0;
			list-style: none;
			}
			#sidebar .sub-navigation li {
				text-indent: 29px;
				}
				#sidebar .sub-navigation li a {
					height: 28px;
					line-height: 28px;
					text-decoration: underline;
					color: #324558;
					}
				#sidebar .sub-navigation li a:hover {
					text-decoration: none;
					}
				#sidebar .sub-navigation li.current a {
					color: #0099ff;
					}
		#sidebar h2 {
			height: 33px;
			line-height: 33px;
			margin: 29px 0 10px 0;
			font-weight: normal;
			text-indent: 29px;
			background: url(../images/title1.png) no-repeat left center;
			}
		#sidebar dl {
			overflow: hidden;
			line-height: 18px;
			}
			#sidebar dl dt{
				float: left;
				width: 94px;
				text-indent: 29px;
				color: #888;
				}
			#sidebar dl dd{
				float: left;
				width: 148px;
				color: #35475a;
				}
				#sidebar dl dd a {
					color: #0099ff;
					}
					#sidebar dl dd a:hover {
						text-decoration: none;
						}
		#sidebar p {
			padding: 0 20px 0 29px;
			color: #888;
			}
		#sidebar p.question {
			margin: 12px 0 0;
			}
			#sidebar p.question a {
				text-decoration: none;
				border-bottom: 1px dashed #35475b;
				color: #35475b;
				}
			#sidebar p.question a:hover {
				border-bottom: 0 none;
				}
		#sidebar p.more {
			line-height: 30px;
			}
			#sidebar p.more a {
				color: #334559;
				}
			#sidebar p.more a:hover {
				text-decoration: none;
				}
		#sidebar .production {
			padding: 10px 0 0 5px;
			}

	#article {
		float: right;
		width: 685px;
		}
		#article div.separator {
			clear: both;
			margin: 19px 0;
			padding: 0;
			border-bottom: 1px solid #d5d5d5;
			}
		#article .preview ul.gallery {
			margin: 3px 0 0 0;
			list-style: none;
			}
			#article .preview ul.gallery li {
				display: inline;
				padding: 0 3px 0 0;
				}
			#article .preview ul.gallery li.last {
				padding: 0;
				}

		#article div.about {
			padding: 12px 0 0 70px;
			font: italic 16px/19px Georgia, Arial, Helvetica, Sans-serif;
			background: url(../images/logo2.png) no-repeat 20px center;
			}
			#article div.about a {
				color: #3fb2ff;
				}

		#article div.links h3 {
			font: normal 16px/18px Georgia, Arial, Helvetica, Sans-serif;
			text-indent: 20px;
			color: #5f7488;
			}
		#article div.links ul {
			margin: 10px 0 0;
			list-style: none;
			}
			#article div.links ul li{
				display: inline;
				padding: 0 15px 0 0;
				}
		#article ul.breadcrumbs {
			padding: 10px 0;
			color: #888;
			}
			#article ul.breadcrumbs li {
				display: inline;
				}
				#article ul.breadcrumbs li a {
					color: #888;
					}
		#article h1 {
			padding: 8px 0 4px;
			font: normal 18px/26px Georgia, Arial, Helvetica, Sans-serif;
			}
		#article p {
			line-height: 20px;
			padding: 4px 0 8px;
			color: #666666;
			}
		#article dl.projects {
			overflow: hidden;
			}
			#article dl.projects dt {
				float: left;
				width: 260px;
				margin: 10px 0 0;
				}
				#article dl.projects dt span {
					display: block;
					padding: 5px 0;
					}
					#article dl.projects dt span.more a {
						font-size: 11px;
						text-decoration: none;
						border-bottom: 1px dashed #324558;
						color: #34465a;
						}
					#article dl.projects dt span.more a:hover {
						border-bottom: 0 none;
						}
			#article dl.projects dd {
				float: right;
				width: 410px;
				}
				#article dl.projects dd h2 {
					font: normal 15px/30px Tahoma, Arial, Helvetica, Sans-serif;
					color: #34465a;
					}
				#article dl.projects dd p.price {
					font-size: 14px;
					color: #34465a;
					}
		#article ul.contacts {
			margin: 5px 0;
			list-style: none;
			}
			#article ul.contacts li {
				line-height: 22px;
				color: #020202;
				}
				#article ul.contacts li a {
					color: #3fb2ff;
					}
				#article ul.contacts li a:hover {
					text-decoration: none;
					}
		#article .contact-us {
			width: 300px;
			margin: 5px 0 0;
			}
			#article .contact-us label {
				display: block;
				font-size: 11px;
				color: #888;
				}
				#article .contact-us label .input-text,
				#article .contact-us label .textarea-text {
					display: block;
					margin: 5px 0 4px 0;
					padding: 3px 0 0;
					width: 298px;
					}
					#article .contact-us label .input-text input,
					#article .contact-us label .textarea-text textarea {
						width: 278px;
						padding: 6px;
						font: normal 13px/16px Tahoma, Arial, Helvetica, Sans-serif;
						background: transparent;
						border: 0 none;
						}
				#article .contact-us label .input-text {
					height: 41px;
					background: #fff url(../images/bg_input.png) no-repeat left top;
					}
				#article .contact-us label .textarea-text {
					height: 203px;
					font: normal 14px/16px Tahoma, Arial, Helvetica, Sans-serif;
					background: #fff url(../images/bg_textarea.png) no-repeat left top;
					}
					#article .contact-us label .textarea-text textarea {
						white-space: pre;
						height: 180px;
						}
				#article .contact-us p .reset {
					float: right;
					margin: 0 10px 0 0;
					padding: 3px;
					font-size: 11px;
					text-decoration: underline;
					background: #fff;
					border: 0 none;
					color: #888;
					cursor: pointer;
					}
				#article .contact-us span.input-submit {
					float: right;
					height: 28px;
					width: 96px;
					background: #fff url(../images/bg_submit.png) no-repeat left top;
					}
					#article .contact-us span.input-submit input {
						display: block;
						margin: 0 auto;
						padding: 2px 7px 2px 2px;
						background: transparent;
						border: 0 none;
						color: #fff;
						cursor: pointer;
						}
/* Footer
--------------------------------------------------------------------------------------- */
#footer {
	overflow: hidden;
	padding: 6px 0 10px 0;
	font: normal 11px/28px Tahoma, Arial, Helvetica, Sans-serif;
	background: url(../images/footer_bg.png) repeat-x left top;
	color: #a0a0a0;
	}
	#footer p span.about {
		float: left;
		width: 800px;
		line-height: 28px;
		}
		#footer p span.about a {
			float: left;
			display: block;
			width: 126px;
			height: 13px;
			margin: 8px 4px 0 0;
			text-indent: -9999em;
			background: url(../images/logo_footer.png) no-repeat left top;
			}
	#footer p span.copyright {
		float: right;
		width: 150px;
		color: #b4b4b4;
		}
		#footer p span.copyright a {
			color: #b4b4b4;
			}