* { margin: 0; padding: 0; }

html, body {
	height: 100%;
}
body {
	background-color: #fbfee1;
	background-image: url('../graphics/background_body.jpg');
	background-repeat: repeat-x;
	font-size: 12px;
	overflow: -moz-scrollbars-vertical;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #000;
}
img {
	border: 0; 
}
.clear {
	clear: both;
}

#wrapper {
	width: 1030px;
	margin: -185px auto 0 auto;
	min-height: 100%;
	height: auto;
	background-image: url('../graphics/shadow.png');
	background-position: left;
	background-repeat: repeat-y;
}
* html #wrapper {
	height: 100%;
}
	#flashadd {
		background: none;
		float: right;
		margin-top: 25px;
		width: 250px;
		height: 360px;
		padding: 185px 0 0 0;
	}
	#header {
		padding: 185px 0 0 0;
		background-image: url('../graphics/background_menu.jpg');
		background-repeat: no-repeat;
		background-position: left bottom;
		margin: 0 0 0 25px;
		height: 120px;
	}
		#menu {
			margin: -2px 0 0 47px;
			list-style: none;
			padding: 0;
		}
			#menu li {
				display: inline;
				margin-right: 15px;
			}
				#menu li a {
					font-size: 10px;
					font-weight: bold;
					text-decoration: none;
				}
	
	#webmodel {
		background-image: url('../graphics/webmodel.jpg');
		background-repeat: no-repeat;
		background-position: 25px 0;
		height: 314px;
		margin-bottom: 3px;
	}
		#webmodel div.text {
			padding: 10px;	
			background-image: url('../graphics/webmodel_text.gif');
			background-repeat: no-repeat;
			width: 285px;
			height: 145px;
			font-size: 10px;
			float: right;
			display: inline;
			margin: 43px 47px 0 0;
		}
			#webmodel div.text p {
				margin: 0 0 10px 0;
			}
			#webmodel div.text a {
				font-weight: bold;
			}
			#webmodel #plate {
				/*float: right;
				display: inline;*/
				margin: 220px 0 0 630px;
				position: absolute;
			}
	
	#website {
		background-image: url('../graphics/website.png');
		background-position: center;
		background-repeat: no-repeat;
		height: 283px;
		width: 780px;
		float: left;
		display: block;
		margin-bottom: 20px;
	}
		#website #web-text {
			padding: 10px 5px;	
			background-image: url('../graphics/web-back.gif');
			background-repeat: no-repeat;
			width: 350px;
			height: 145px;
			font-size: 10px;
			float: right;
			display: inline;
			margin: 85px 57px 0 0;
		}
			#website #web-text p {
				margin: 0 0 10px 0;
			}
			.big {
				font-size: 10px;
				font-weight: bold;
			}
	#video {
		background-image: url('../graphics/video.png');
		background-repeat: no-repeat;
		height: 309px;
		margin-bottom: 3px;
	}
		#video #video-text {
			padding: 5px 5px 10px 5px;	
			width: 353px;
			height: 150px;
			font-size: 10px;
			float: left;
			display: inline;
			margin: 70px 0 0 52px;
		}
			#video #video-text p {
				margin: 0 0 10px 0;
			}
	#content {
		padding-top: 20px;
		width: 730px;
		min-height: 100px;
		margin: 0 25px 0 25px;
		background-image: url('../graphics/background.gif');
		background-repeat: no-repeat;
		background-position: 0 -120px;
	}
		#content.content-ref {
			margin-left: 0;
			width: 755px;
			background-position: 25px -120px;
		}
		#text-box-orange {
			height: 217px;
			width: 429px;
		}
			#text-box-orange img {
				float: right;
				width: 14px;
				height: 217px;
			}
			#text-box-orange #text {
				height: 208px;
				width: 368px;
				padding: 9px 0 0 47px;
				background-image: url('../graphics/background_box_orange.png');
				background-repeat: no-repeat;
			}
				#text p {
					color: #fff;
					margin: 0 0 9px 0;
					font-size: 10px;
				}
				#text img {
					float: none;
					display: block;
				}
				#text img#h1 {
					width: 100px;
					height: 17px;
				}
				#text img#h2 {
					width: 285px;
					height: 17px;
				}
				#text img#h3 {
					width: 84px;
					height: 15px;
				}
		#video-box {
			margin-right: 28px !important;
			margin-right: 15px;
			width: 240px;
			height: 206px;
			float: right;
		}
		#row-2 {
			margin: 30px 47px 0 47px;
			height: 100px;
		}
			#headlines {
				margin: 0 0 5px 0;
				list-style: none;
				padding: 0;
			}
				#headlines li {
					display: inline;
					margin-right: 30px;
				}
				
			#info-box {
				margin: 0;
				height: 65px;
				width: 360px;
				padding: 5px;
				background-repeat: no-repeat;
			}
			.bg {
				background-image: url('../graphics/infobox.gif');			
			}
			.nobg {
				background: none;
			}
			
	#footer {
		width: 730px;
		padding: 0 275px 0 25px;
		height: 185px;
		margin: 0 auto;
		background-image: url('../graphics/shadow.png');
		background-repeat: repeat-y;
	}
		#bucket {
			float: left;
		}
		#info {
			width: 550px;
			float: right;
		}
			.sketch-first {
				margin: 10px 10px 0 70px;
			}
			.sketch {
				margin: 10px 10px 0 0;
			}
			#adress {
				background-image: url('../graphics/background_adress.jpg');
				background-repeat: no-repeat;
				height: 50px;
				width: 540px;
				padding: 8px 0 10px 10px;
				color: #fff;
				font-size: 10px;
			}
			
			
/* Packages.htm */
img#cylinder {
	float: left;
}
#packages {
	float: right;
	width: 440px;
}
	#packages img#hp {
		margin: 0 0 8px 0;
	}
	.package {
		background-image: url('../graphics/background_box_green.jpg');
		background-repeat: repeat-x;
		width: 440px;
		height: 52px;
	}
	.package img {
		float: left;
		margin: 0 5px 0 0;
	}
	.package p {
		padding: 4px;
		margin: 0 43px 0 0;
		color: #fff;
		line-height: 10px;
		font-size: 10px;
	}
#support {
	margin: 10px 47px 0 0px;
	width: 462px;
}
	#support img {
		margin: 0 0 0 47px;
	}
	#support div {
		background-image: url('../graphics/support_background.jpg');
		background-repeat: no-repeat;
		width: 462px;
		height: 136px;
	}
	#support div p {
		padding: 8px 12px 4px 8px;
		margin: 0 0 0 39px;
		color: #fff;
		line-height: 12px;
		height: 101px;
		font-size: 11px;
	}
	#support div p strong {
		font-size: 12px;
		line-height: 14px;
	}
	#support div a {
		color: #000;
		float: right;
		margin-right: 20px;
		text-decoration: none;
	}
	#support div a:hover {
		text-decoration: underline;
	}
	
/* Kundzon */
#frm-login {
	float: right;
	margin-right: 32px !important;
	margin-right: 9px;
	width: 210px;
	text-align: right;
}
	#frm-login label {
		display: block;
		width: 210px;
		text-align: left;
		margin-bottom: 3px;
		font-weight: bold;
	}
	#frm-login .text {
		width: 210px;
		margin-bottom: 5px;
	}
	#frm-login #frm-submit {
		margin: 0;
	}
#kundzon {
	margin: 0 47px 0 0px;
	width: 462px;
}
	#kundzon div img {
		margin: 9px 0 0 47px;
	}
	#kundzon div {
		background-image: url('../graphics/loggin_background.png');
		background-repeat: no-repeat; 
		width: 462px;
		height: 136px;
	}
	#kundzon div p {
		padding: 8px 8px 4px 8px;
		margin: 0 0 0 39px;
		color: #fff;
		line-height: 12px;
		height: 101px;
		font-size: 11px;
	}
	
/* business */
#business {
	text-align: center;
}
	#business h3 {
		margin: 0;
		padding: 0;
		display: inline;
	}
	
/* contacts */
#staff {
	margin: 0 0 10px 15px;
	height: 280px;
}
	div.person {
		float: left;
		margin: 0 0px 0 0;
		padding: 203px 8px 10px;
		font-size: 10px;
		display: inline;
	}
		div.person p {
			margin: 0 0 10px 0;
		}
	#jonas {
		width: 215px;
		background-image: url('../graphics/image_jonas.jpg');
		background-repeat: no-repeat;
	}
	#henrik {
		width: 212px;
		background-image: url('../graphics/image_henrik.jpg');
		background-repeat: no-repeat;
	}
	#arvid {
		width: 204px;
		background-image: url('../graphics/image_arvid.jpg');
		background-repeat: no-repeat;
	}
	#linus {
		padding: 242px 10px 10px 10px;
		margin-left: 15px;
		width: 222px;
		background-image: url('../graphics/image_linus.jpg');
		background-repeat: no-repeat;
	}
	
	#contact-form {
		float: right;
		width: 468px;
		display: inline;
		margin: 0 0 20px;
		background: #eee;
		font-size: 10px;
	}
		 #frm-contact {
			margin: 0;
			width: 401px;
			padding: 0 47px 0 20px;
			text-align: right;
		}
			#frm-contact label {
				font-size: 9pt;
				display: block;
				width: 70px;
				text-align: left;
				width: 396px;
			}
				#frm-contact label span {
					font-weight: bold;
				}
			#frm-contact .text {
				width: 396px;
				margin-bottom: 5px;
			}
			#frm-contact .code {
				width: 150px;
				margin-bottom: 5px;
				display: block;
			}
			#frm-contact textarea {
				width: 396px;
				height: 105px;
				margin-bottom: 5px;
			}
			#frm-contact .submit {
				width: 70px;
				height: 24px;
			}
			
			
	#container-msg {
		width: 220px;
		height: 70px;
		left: 50%;
		top: 50%;
		margin: -50px 0 0 -110px;
		padding-top: 30px;
		position: absolute;
		text-align: center;
		font-weight: bold;
	}
	
#broschyr-div {
	position: absolute;
	margin-left: 430px;
	margin-top: -20px;
}
	a.broschyr {
		margin-left: 10px;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}	
	a.broschyr:hover {
		text-decoration: underline;
	}
	
	#reference-img {
		margin-top: -6px;
		margin-left: 10px;
		float: left;
	}
	ul#references {
		background-image: url('../graphics/reference.jpg');
		background-repeat: no-repeat;
		padding: 43px 21px 0 7px;
		margin: 11px 0 0 0;
		width: 252px;
		float: left;
		min-height: 350px;
		font-size: 11px;
		list-style: none;
	}
		ul#references li.indent {
			text-indent: 15px;
		}
.clear {
	clear: both;
}

ul#errmsg {
	border: 1px dashed #ccc;
	padding: 5px;
	text-align: left;
	list-style: none;
	margin-bottom: 10px;
}