body {
	font-family: Arial, verdana, tahoma, arial;
	font-size: 11px;
	color: #333;
	
		
	margin: -44px auto !important;
	margin: 0px auto;
	width: 900px;
}
html {
	/*border-top: 44px solid #DDD;*/
	margin-top: 44px;
	background: 0 -44px url('/img/top_back.png') repeat-x !important;
	background: 0 0px url('/img/top_back.png') repeat-x;
}
*:first-child+html {
	background: 0 0 url('/img/top_back.gif') repeat-x !important;
}


ul, li, p, div, form, input, select, .clear, img, h1, h2, h3 {
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
}
.clear {
	clear: both;
}

h1 {
	font-size: 20px;
	font-family: arial, tahoma, verdana;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -2px;
	
	margin: 0 0 5px 0;
}
h2 {
	font-size: 17px;
	font-family: arial, tahoma, verdana;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	
	margin: 0 0 5px 0;
}
h3 {
	font-size: 15px;
	font-family: arial, tahoma, verdana;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 5px 0;
}

A {
	color: #ff9400;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}
A.logo {
	display: block;
	width: 190px;
	height: 85px;
	margin-left:-5px;
	padding: 0 0 0 0;
	background: 0 0 url('/img/logo.png');
	text-indent: -9999px;
}

#banner {
	height: 350px;
	width: 900px;
	margin: 0 0 4px 0 !important;
	margin: 0 0 2px 0;
}
#banner.undirsida {
	height: 100px;
	width: 900px;
	margin: 0 0 3px 0 !important;
	margin: 0 0 2px 0;
	overflow: hidden;
}

#header, #footer, .box {
	padding: 15px;
}

#main {

}
#header {
	margin: 0 0 4px 0;
	height: 14px;
}
	#header img {
		float: left;
		margin: -15px 0 0 210px;
	}
#content {
	
}
.media {
	height: 25px;
	margin-top: 30px;
	clear: both;
}
	.media p {
		width: 300px;
		float: left;
	}
	.addthis_toolbox.addthis_default_style {
		width: 200px;
		float: right;
	}
#footer {
	margin: 15px 0 10px 0;
	text-align: center;
	
	color: #999;
}
#footer A {
	color: #999;
	text-decoration: underline;
}

.col {
	min-height: 160px;
	float: left;
	width: 295px;
	background: #CCC;
	overflow: hidden;
	background: 0 0 url('/img/box_shadow.gif') no-repeat #FFF;
}
.col_middle {
	margin: 0 5px 0 5px;
	width: 300px;
}
.col_content {
	width: 600px;
	margin: 0 5px 0 0;
}

.col_big {
	width: 750px;
	margin: 0 5px 0 0;
}
	
	.front .col h1 {
		margin: 27px 0 10px 0px;
		text-align: center;
		text-transform: none;
		letter-spacing: 0;
	}
		.front .col h1 span {
			padding: 0 0 0 24px;
			background: 0 2px url('../img/salir-icon-mail.gif') no-repeat;
		}
		.front .col.col_middle h1 span {
			background-image: url('../img/salir-icon-info.gif');
		}
		
		
		
	.front .col p {
		margin: 0 auto;
		width: 175px;
		
		font-style: italic;
		color: #666;
		
		height: 50px;
		
		text-align: center;
	}
	.front .col .more {
		margin: 10px 0 0 0;
		text-align: center;
	}
		.front .col .more A {
			padding: 0  0 0 10px; 
			background: 0 center url('../img/salir-bullet-small.gif') no-repeat;
		}
		

.col_allt {
	width: 900px;
	margin: 0 5px 0 0;
	min-height: 160px;
	float: left;
	background: #CCC;
	overflow: hidden;
	background: 0 0 url('/img/box_shadow2.gif') no-repeat #FFF;
	border: 0px solid red;
}

.box {
	padding: 15px 10px 5px 25px;
	line-height: 16px;
}
.col_content .box {
	padding: 25px 10px 25px 230px;
	min-height: 250px;
}


.col_allt .box {
	padding: 25px 10px 25px 230px;
	border: 0px solid red;
}

#header ul {

}
#header ul li {
	float: right;
	
	padding: 0 0 0 10px;
	margin: 0 0 0 20px;
	/*background: 0 4px url('/img/menu_bullet.gif') no-repeat;*/
}
#header ul li A {
	text-decoration: none;
	color: #333;
}

#nav {
	position: absolute;
	width: 180px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 25px;
}

.front #nav{
	z-index:900;
	background:url(../img/white-transp-80-bg.png);
	height:388px;
}
#nav.undirsida {
	background: 0 147px url('/img/menu_back.gif') no-repeat;
	height: 450px;
}
#nav > ul > li > A  {
	display: block;
	margin: -3px 0 0px 0;
}
#nav ul {
	margin: 5px 0 5px 5px;
}
#nav ul li {
	padding: 0 0 0 25px;
	font-family: arial, tahoma, verdana;
	font-size: 20px;
	background: 12px 9px url('/img/menu_bullet.gif') no-repeat;
}
#nav ul li ul li A {
	font-family:  Arial, verdana, tahoma;
	color: #333;
}
#nav ul ul {
	margin: 0 0 8px 0px;
}
#nav ul ul ul {
	display: none;
}
#nav ul li ul li {
	padding: 0 0 0 0;
	margin: 2px 0 2px 0px;
	background: none;
}
#nav A {
	text-decoration: none;
	color: #333;
}

#nav ul li ul li {
	font-size: 11px;
}



.col_content {
	
}
.col_content ul {
	margin: 10px;
}
.col_content ul li {
	padding: 2px;
}


input, select, textarea {
	font-family: arial;
	font-size: 11px;
	padding: 2px;
	width: 240px;
	
	border: 1px solid #999;
	border-bottom: 1px solid #BBB;
	border-right: 1px solid #BBB;
}
.btn {
	width: auto;
	background: #555;
	color: #FFF;
	font-size: 9px;
	padding: 4px 10px 4px 10px;
	border: 0;
}
.cal {
	width: 200px;
}

.empl_name {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 -3px 0;
}



.mailinglist {
	padding: 20px;
}
	.mailinglist h1 {
		font-size: 18px;
		letter-spacing: -1px;
		margin-bottom: 15px;
	}
	.mailinglist .txt {
		
	}
		.mailinglist .txt label {
			display: block;
			margin: 0 0 1px 0;
		}
		.mailinglist .txt input {
			width: 253px;
		}
		
	.mailinglist .button {
		margin: 10px 0 0 0;
		text-align: right;
	}
		.mailinglist .button input {
			width: auto;
			background: #555;
			color: #FFF;
			font-size: 9px;
			padding: 4px 5px 4px 5px;
			border: 0;
		}





.label{
	font-weight:bold;
}


.form.container,
#form-container{
		width: 340px;
	}
		.form-title{
			display:block;
			
			font-size:13px;
			font-weight:bold;
		}
		.form {
		}
			.form.calendar label,
			.form label {
				display: block;
				
				margin: 0 0 2px -8px;
			}
			.form input {
				font-size: 11px;
				font-family: arial, tahoma, verdana;
				color: #333;
				
				border: 1px solid #c9c9c9;
			}
		.form.calendar,
		.form.txt {
			height: 25px;
			padding: 0 0 0 8px;
		}
			.form.txt input,
			.form.txt textarea,
			.form.txt select
			{
				font-size: 11px;
				font-family: arial, tahoma, verdana;
				color: #333;
				
				margin: 0 0 6px -8px;
				padding: 3px;
				
				width: 255px;

				float: right;
				
				border: 1px solid #c9c9c9;
			}
				.form.calendar label,
				.form.txt label {
					display: block;
					width: 70px;
					float: left;
					text-align: right;
					padding-top: 3px;
				}
					.form.calendar label {
						margin-right: 7px;
					}
					.form.calendar input {
						width: 215px;
					}
			.form.txt textarea{
				height:150px;
			}

				}
			
		.form.chk {
			margin: 10px 0 10px 0;
		}
			.form.chk input {
				margin: 0px 3px 3px 0;
				padding: 0;
				
				float: left;
			}
		
		
		.form.drp{
			margin:5px 0 5px 0;
			padding:0px 0 0px 8px;
		}
			
			.form.drp select
			{	
				display:inline;
				padding:0px 0 0px 0px;
				margin: 0px 0 0px -8px;
				
			}
		
		#form-container .form.btnt {
			text-align: right;
		}
			#form-container .form.btnt input {
				display:block;
				height: 20px;
				width:auto;
				
				margin: 0;
				padding: 3px 8px;
				
				font-size: 11px;
				font-family: arial, tahoma, verdana;
				color: #fff;
				
				font-weight: bold;
				
				background: #7b7b7b;
				cursor:pointer;
			}
				.col.col_content .box .form.container .form.btnt input {
					width: 50px;
					float: right;
				}

.LabelField{
	font-weight:bold;
	margin:20px 0 0 0;
}



/*slideshow og þjónustubox*/
		#main.front #banner{
			position:relative;
			float:left;
			background:#fff;
			height:350px;
			width:900px;
		}
		
		#main.front #banner .sjadu-sali{
			position:absolute;
			right:5px;
			top:5px;
			z-index:500;
		}
		
		#main.front #banner .sjadu-sali a{
			background:url(../img/sjadu-sali-bg.png) no-repeat 100% 0;
			color:#312d24;
			display:block;
			line-height:21px;
			width:99px;
			padding-left:10px;
			text-decoration:none;
		}
		
		#main.front #banner .sjadu-sali a:hover{
			background-position:100% -21px;
		}
			#main.front #banner #slideshow-banner{
				position:absolute;
				top:0;
				left:0;
			}
			
			#main.front #banner #slideshow-banner .item{
				position:absolute;
				top:0;
				left:0;
				visibility:hidden;
			}
			
			#main.front #banner #slideshow-banner .item .slideshow-image{
				height:350px;
				width:900px;
			}
			
			#main.front #banner #slideshow-banner .item a{
				display:block;
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
			}
			
			
		
			#main.front #banner #service-banner{
				position:absolute;
				top:0;
				left:0;
				z-index:-1;
			}
			
			#main.front #banner #service-banner .service{
				position:absolute;
				top:0;
				left:0;
				visibility:hidden;
				opacity:0;
				height:350px;
				width:900px;
				overflow:hidden;
			}
			#main.front #banner #slideshow-banner .info,
			#main.front #banner #service-banner .info{
				position:absolute;
				top:220px;
				left:205px;
				width:354px;
				background: url(../img/white-transp-80-bg.png);
				padding:15px 30px;
				font-size:14px;
			}
			
			#main.front #banner #slideshow-banner .info .title,
			 #main.front #banner #service-banner .info strong{
				color:#ea8136;
				display:block;
				font-size:20px;
				margin-bottom:5px;
			}
			
			
			#middle #service-box{
	 overflow:hidden;
}

	#middle .service{
		position:relative;
		float:left;
		width:285px;
		height:184px;
		background:url(../img/front-box-bg.png) no-repeat 0 100%;
		margin-right:17px;
		padding-bottom:11px;
	}

	#middle #service-box .service.last{
		margin-right:0;
	}

	#middle  .service .inner{
		width:100%;
	}
		
		#middle  .service .image{
			width:295px;
			height:184px;
		}
		
		#middle  .service .info{
			position:absolute;
			width:244px;
			line-height:15px;
			padding:10px 10px 6px 30px;
			background:url(../img/front-box-info-bg.png);
			top:33px;
			left:0px;
			font-size:11px;
		}
		
		#middle .service .info h3{
			background:url(../img/front-box-info-title-bg.png) no-repeat 0 50%; 
			padding-left:10px;
			color:#000;
			text-transform:none;
			letter-spacing:0.1em;
			font-weight:normal;
			font-size:14px;
			margin:0 0 7px 0;
			margin-left:-10px;

		}

		#middle  .service .info .price{
			text-align:right;
			color:#ea8136;
			font-size:14px;
		}
		#middle .service  a{
			position:absolute;
			top:0;
			left:0;
			display:block;
			width:100%;
			height:100%;
			z-index:3;
			background:url(dummy.png); /*fix for ie7*/
		}