body {
	margin: 0;
	background: 0 0 url('../img/head_back.gif') repeat-x #FFF;
	
	font-family: Arial, tahoma, verdana;
	font-size: 11px;
	color: #191919;
}
body#sub {
	background: 0 0 url('../img/head_sub_back.gif') repeat-x #FFF;
}

.clear {
	clear: both;
}

A {
	color: #191919;
	text-decoration: none;
}
	A img {
		border: 0;
	}
	A:hover {
		text-decoration: underline;
	}

input,select, textarea {
	font-size: 11px;
	font-family: verdana;
}

.yellowbox {
	margin: -10px -10px 20px -10px;
	
	width: 302px;
	height: 75px;
	overflow: hidden;
	
	background: #eab300;
}
	.yellowbox A {
		display: block;
		float: left;
		
		width: 101px;
		height: 75px;
		margin: 0 0 0 0;
		
		/*border-right: 1px solid #efc53b;*/
		
		text-indent: -9999px;
		outline: none;
		
		/*background: #000;*/
	}
	.yellowbox A.internet { background: center url('../img/front_inet.gif') no-repeat; }
	.yellowbox A.tv { background: center url('../img/front_tv.gif') no-repeat; }
	.yellowbox A.phone { background: center url('../img/front_phone.gif') no-repeat; border: none; width: 90px; margin-right: 0; }

ol li {
	margin-bottom: 10px;
}

#wrap {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 940px;
}

	#head {
		height: 370px;
	}
	body#sub #head {
		height: 221px;
	}
	
		#head A#logo {
			display: block;
			
			position: absolute;
			margin: 0 0 0 10px;
			
			top: 0px;
			
			height: 128px;
			width: 160px;
			
			outline: none;
			text-indent: -9999px;
			background: center url('../img/gagnaveitan_logo.jpg') no-repeat #000;
			
		}
	
		#head .top {
			position: relative;
			margin: 10px 0 -10px 0;
			padding: 0 0 0 0;
			
			height: 30px;
			overflow: hidden;
			
			width: 940px;
			
			color: #999;
			text-align: right;
		}
			#head .controls {
				float: right;
				
				margin: 0 15px 0 0;
				padding: 7px 0 7px 0;
				
				width: 200px;
			}
				#head .top .controls A {
					margin: 0 0 0 10px;
					
					color: #999;
					text-decoration: none;
				}
				#head .top .controls A.invert {
					background: #999;
					color: #000;
					padding: 0 2px 0 3px;
				}
			
			#head .top .search {
				float: right;
				
				padding: 2px 0 0 0;
				
				width: 180px;
			}
				
				#head .top .search .text {
					float: left;
					background: transparent;
					
					border: 1px solid #626262;
					border-right: 0;
					color: #CCC;
					
					margin: 0;
					padding: 4px 0 4px 5px;
					
					width: 151px;
				}
				#head .top .search .submit {
					float: left;
					
					margin: 0 0 0 -1px;
					padding: 0;
					
					width: 24px;
					height: 23px;
					
					
					border: 1px solid #626262;
					border-left: 0;
					border: 0;
					
					background: right center url('../img/head_search.gif') no-repeat transparent;
				}
				
			
		#head .banner {
			float: left;
			
			margin: -30px 0 0 0;
			
			width: 750px;
			height: 360px;
			
			background: url('../img/banner.jpg') #353535;
			background: #000; 
		}
			#head .banner div.frontnav ul {
				margin: 138px 1px 0 10px;
				padding: 10px 0 0 20px;
				
				height: 25px;
				overflow: hidden;
				
				background: #eab300;
			}
				#head .banner div.frontnav ul li {
					display: inline;
				}
					#head .banner div.frontnav ul li A {
						margin: 0 30px 0 0;
						
						font-size: 14px;
						font-weight: bold;
						color: #FFF;
						
						text-decoration: none;
						text-transform: UPPERCASE;
					}
					#head .banner div.frontnav ul li A:hover,
					#head .banner div.frontnav ul li A.selected {
						color: #191919;
					}
			
		body#sub #head .banner {
			margin: 21px 0 0 0;
			height: 211px;
			height: 158px;
			
			width: 750px;
			background: url('../img/banner_sub.jpg') no-repeat #222;
		}
			body#sub #head .banner div.first {
				margin: 85px 0 0 10px;
				
				background: #eab300;
				height: 35px;
				overflow: hidden;
			}
				body#sub #head .banner div.first ul {
					margin: 10px 0 0 20px;
					padding: 0;
					
					list-style: none;
				}
					body#sub #head .banner div.first ul li {
						display: inline;
					}
						body#sub #head .banner div.first ul li A {
							margin: 0 30px 0 0;
							
							font-size: 13px;
							font-weight: bold;
							
							color: #000;
							text-decoration: none;
							text-transform: UPPERCASE;
						}
						body#sub #head .banner div.first ul li A:hover,
						body#sub #head .banner div.first ul li A.selected {
							color: #555;
						}
						
			body#sub #head .banner div.sec {
				margin: 2px 0 0 10px;
				
				height: 25px;
				
				background: #000;
				overflow: hidden;
			}
				body#sub #head .banner div.sec ul {
					margin: 5px 0 0 20px;
					padding: 0;
					
					list-style: none;
				}
					body#sub #head .banner div.sec ul li {
						display: inline;
					}
						body#sub #head .banner div.sec ul li A {
							margin: 0 15px 0 0;
							
							color: #FFF;
							text-decoration: none;
						}
						body#sub #head .banner div.sec ul li A.selected {
							color: #EAB300;
						}
		
		#head .side,
		body#sub .side {
			float: left;
			
			margin: 20px 0 0 10px;
			padding: 0 10px 0 10px;
			
			width: 160px;
			height: 310px;
			
			background: #353535;
		}
			#head .side .search,
			body#sub .side .search {
				background: #000;
				color: #EEE;
				
				height: 35px !important;
				height: 35px;
				
				padding: 20px 0px 0 0px !important;
				padding: 25px 0px 0 0px;
				
				margin: 0 -10px 0 -10px;
			}
				#head .side .search .text,
				body#sub .side .search .text {
					float: left;
					background: transparent;
					
					border: 1px solid #626262;
					border-right: 0;
					color: #CCC;
					
					margin: 0;
					padding: 4px 0 4px 5px;
					
					width: 151px;
					
				}
				#head .side .search .submit,
				body#sub .side .search .submit {
					float: left;
					
					margin: 0 0 0 -1px;
					padding: 0;
					
					width: 24px;
					height: 23px;
					
					
					border: 1px solid #626262;
					border-left: 0;
					border: 0;
					
					background: right center url('../img/head_search.gif') no-repeat transparent;
				}
				*:first-child+html #head .side .search .submit,
				*:first-child+html body#sub .side .search .submit {
					margin: -1px 0 0 -1px;
					height: 25px;
				}
				
				
				.side .graybox {
					margin: 5px -10px -10px -10px;
					padding: 10px 10px 20px 10px;
					
					border-top: 10px solid #FFF;
					background: #ebebeb;
					color: #515151;
				}
					#main .side .graybox h1 {
						margin: 5px 0 10px 0;
						padding: 0;
						
						font-size: 15px;
						
						color: #2a2a2a;
					}
		
		#head .side h1,
		body#sub .side h1 {
			margin: 10px 0 5px 0;
			padding: 0;
			font-size: 16px;
			color: #f5bc03;
			
			border: 0;
		}
		
		#head .side ul,
		body#sub .side ul {
			margin: 0;
			padding: 0;
			
			list-style: none;
		}
			#head .side ul li,
			body#sub .side ul li {
				padding: 2px 0 2px 10px;
				background: 0 6px url('../img/bullet.gif') no-repeat
			}
				#head .side ul li A, 
				body#sub .side ul li A {
					color: #EEE;
					text-decoration: none;
				}
				#head .side ul li A:hover, 
				body#sub .side ul li A:hover {
					text-decoration: underline;
				}
		
		#head .side .form, 
		body#sub .side .form {
			margin: 0 0 20px 0;
		}
		
			#head .side label,
			body#sub .side label {
				display: block;
				
				margin: 0 0 2px 0;
				
				color: #EEE;
			}
			#head .side input,
			body#sub .side input {
				margin: 0 0 5px 0;
				padding: 4px 3px;
				
				width: 150px;
				
				color: #EEE;
				
				border: 1px solid #626262;
				background: transparent;
			}
			#head .side input.postnr,
			body#sub .side input.postnr {
				width: 50px;
			}
			
			#head .side input.btn, 
			body#sub .side input.btn {
				width: 92px;
				margin-left: 65px;
				
				padding: 4px 0;
				
				background: #EEE;
				color: #333;
				border: 0;
			}
			
			.side .form A.back {
				display: block;
				
				margin: -23px 0 0 0;
				
				height: 20px;
				text-indent: -9999px;
				outline: none;
				
				background: right top url('../img/form_back.gif') no-repeat;
			}
			.side .form div.text {
				color: #CCC;
				line-height: 15px;
				
				min-height: 80px;
			}
				.side .form div.text A {
					color: #CCC;
					font-weight: bold;
				}
				
			.side .form a.more {
				display: block;
				
				color: #CCC;
				font-weight: bold;
				
				text-align: right;
			}
			
			.side .form .error span {
				color: #CCC !important;
				font-weight: bold;
			}
				
	#main {
		margin: 20px 0 10px 0;
		line-height: 17px;
	}
	body#sub #main {
		margin: 0px 0 10px 0 !important;
		margin: 10px 0 10px 0;
	}
	*:first-child+html body#sub #main {
		margin: 10px 0 10px 0 !important;
	}
		
		#main .col_left {
			float: left;
		
			margin: 0 10px 0 0;
			padding: 0 10px 1px 10px;
			
			width: 282px;
			overflow: hidden;
		}
		
		#main .col_middle {
			float: left;
			
			margin: 0 10px 0 0;
			padding: 0 10px 1px 10px;
			
			width: 290px;
			overflow: hidden;
		}

		#main .col_right {
			float: left;
			
			padding: 0 10px 1px 10px;
			
			width: 285px;
			overflow: hidden;
		}
			#main .col_right .index {

			}
				#main .col_right .index .item {
					margin: 10px 0 0 0;
				}
					#main .col_right .index .item h2 {
						margin: 0;
						padding: 0;
						
						font-size: 11px;
					}
					
					#main .col_right .index .item .more {
						text-align: right;
					}
						#main .col_right .index .item .more A {
							color: #191919;
							text-decoration: none;
							
							font-weight: bold;
						}
		
		#main .col_big {
			float: left;
			width: 720px;
			
			overflow: visible !important;
			overflow: hidden;
			
			margin: 0 10px 0 0;
			padding: 0 10px;
		}
			#main .col_big .breadcrumbs {
				margin: 0 0 5px -5px;
				
				color: #a0a0a0;
			}
				#main .col_big .breadcrumbs div {
					display: inline;
				}
				#main .col_big .breadcrumbs A {
					text-decoration: none;
					color: #a0a0a0;
					padding: 0 5px;
				}
					#main .col_big .breadcrumbs A:hover {
						color: #777;
					}
		
		
		body#sub #main .side {
			float: right;
			
			height: auto;
			
			margin: -185px 0 10px 0;
			padding-bottom: 10px;
		}
		
		#main h1 {
			margin: 0 -10px 5px -10px;
			padding: 0 0 5px 10px;
			
			font-size: 15px;
			
			border-bottom: 5px solid #eab300;
		}
		
		#main h2 {
			margin: 0 0 5px 0;
			padding: 0;
			
			font-size: 14px;
		}
		
		#main h3 {
			margin: 0;
			padding: 0;
			
			font-size: 11px;
		}
		
		#main ul {
			margin: 0 0 0 0;
			padding: 5px 0 0 0px;
			
			list-style: none;
		}
			#main ul li {
				padding: 2px 0 2px 10px;
				background: 0 6px url('../img/bullet.gif') no-repeat;
			}
				#main ul li A {
					text-decoration: none;
				}
		
		#main .left {
			float: left;
			width: 180px;
			margin: 0 10px 1px -10px;
		}
			#main .left ul {
				
			}
				#main .left ul li {
					background: none;
					padding: 5px 0 5px 12px;
					margin: 0;
					
					border-bottom: 1px solid #c4c4c4;
				}
					#main .left ul li A {
						color: #333;
						text-decoration: none;
					}
					#main .left ul li A.selected,
					#main .left ul li A:hover {
						font-weight: bold;
						color: #deaa03;
					}
			
		body#sub #main .content {
			float: left;
			width: 520px;
			padding: 10px 0 0 0;
			
			overflow: visible !important;
			overflow: hidden;
		}
		
	#foot {
		margin: 20px 0 0 0;
	}
		#foot .item {
			float: left;
			
			width: 169px;
			height: 60px;
			
			font-size: 9px;
			font-family: tahoma;
			color: #444;
			
			line-height: 14px;
			
			padding: 10px;
			
			background: #ebebeb;
			
			margin: 0px 1px 0 0;
		}
		#foot .last {
			width: 159px;
		}

.webtree_wrap {
	margin: 10px -10px 0 -10px;
	
	background: 0 0 url('../img/webtree_back.gif') repeat-y;
}
	#main .webtree {
		float: left;
		
		padding: 50px 0 0 10px;
		margin: 0 1px 0 0;
		
		background: 10px 25px no-repeat; 
		
		width: 170px;
		overflow: hidden;
	}
	#main .thjonustuver,
	#main .fyrirtaeki
	{
		width: 178px;
	}
	#main .heimili { background-image: url('../img/webtree_heimili.gif'); }
	#main .fyrirtaeki { background-image: url('../img/webtree_fyrirtaeki.gif'); }
	#main .thjonustuver { background-image: url('../img/webtree_thjonustuver.gif'); }
	#main .about { background-image: url('../img/webtree_about.gif'); }
	
	
		#main .webtree li {
			background: 2px 10px url('../img/bullet_line.gif') no-repeat;
		}
			#main .webtree li A {
				color: #171717;
				
				font-weight: bold;
				text-decoration: none;
				
			}
			
			#main .webtree li ul {
				margin: -5px 0 10px 0;
			}
				#main .webtree li ul li {
					background: 0px 6px url('../img/bullet.gif') no-repeat;
				}
					#main .webtree li ul li A {
						font-weight: normal;
					}
					
					#main .webtree li ul li ul {
						margin: 0;
						padding: 0;
					}
						#main .webtree li ul li ul li {
							background: 0px 3px url('../img/webtree_bullet_sub.gif') no-repeat;
							padding-top: 3px;
							padding-left: 13px;
						}
	
	
	.services {
		margin: 20px 0 0 0;
		/*border-right: 1px solid #000;*/
		width: 600px;
	}
		.services .internet,
		.services .tv,
		.services .phone
		{
			margin: 0 1px 0 0;
			float: left;
			width: 180px;
		}
		
		#main .services h1 {
			margin: 0;
			padding: 10px 0px;
			
			color: #222;
			text-align: center;
			background: #ededed;
			
			border: 0;
		}
		
		.services A {
			display: block;
			margin: 10px 20px;
			
			outline: none;
			text-align: center;
			
			height: 50px;
		}
		
		.services A.hringidan {
			text-align: left;
			text-indent: -9999px;
			background: center url('../img/services_hringidan.gif') no-repeat;
		}
		.services A.hive {
			text-align: left;
			text-indent: -9999px;
			background: center url('../img/services_hive.gif') no-repeat;
		}
		.services A.vodafone {
			text-align: left;
			text-indent: -9999px;
			background: center url('../img/services_vodafone.gif') no-repeat;
		}
		.services A.digitalisland {
			text-align: left;
			text-indent: -9999px;
			background: center url('../img/services_digitalisland.gif') no-repeat;
		}


.content .index {
}
	.content .index .item {
		margin: 0 0 20px 0;
	}
		#main .content .index .item h2 {
			margin: 0 0 0 0;
			font-size: 11px;
		}
			.content .index .item h2 A {
				color: #222;
				text-decoration: none;
			}
		
		#main .content .index .date {
			margin: -4px 0 0 0;
			color: #555;
		}
		
		.content .index .item .more {
		
		}
			.content .index .item .more A {
				text-decoration: none;
				color: #333;
				font-weight: bold;
			}
		
.baeklingar {

}
	#main .baeklingar .item {
		margin: 0 0 30px 0;
		padding: 0 0 0 70px;
		
		background: 0 0 url('../img/baeklingur.jpg') no-repeat;
	}
		#main .baeklingar h3 {
			margin: 0 0 3px 0;
			padding: 0;
			
			font-size: 14px;
		}
		
		.baeklingar .item .link {
			margin: 0 0 0 -10px;
		}
			.baeklingar .link A {
				padding: 2px 0 0 10px;
				
				text-decoration: none;
				color: #222;
				
				background: 0 4px url('../img/bullet.gif') no-repeat;
			}


.tv {
	margin: 0 0 20px 0;
	width: 550px;
	height: 180px;
	overflow: hidden;
}
	.tv .box {	
		float: left;
		margin: 0 0 0 0;
		padding: 20px 10px 0 10px;
		
		width: 260px;
		height: 180px;
		
		background: #ededed;
	}
	
	.tv .tv1,
	.tv .tv2,
	.tv .tv3 {
		float: left;
		margin: 0 0 1px 1px;
		height: 55px;
		width: 260px;
		
		padding: 5px 0 0 5px;
		
		font-weight: bold;
		
		background: 10px 22px no-repeat #ededed;
	}
	
	
	.tv .tv1 {
		background-image: url('../img/tv1.gif');
	}
	.tv .tv2 {
		background: 10px 27px no-repeat #ededed;
		background-image: url('../img/tv2.gif');
	}
	.tv .tv3 {
		background: 10px 27px no-repeat #ededed;
		background-image: url('../img/tv3.gif');
	}
	
.taeki {
}
	.taeki .item {
		margin: 0 0 0 0;
		padding: 30px 0 30px 150px;
		
		border-bottom: 1px solid #e5e5e5;
		background: left center no-repeat;
	}
	.taeki .item:last-child {
		border: none;
	}
	
	.taeki .inntakskassi 	{ background: 35px center url('../img/mynd_inntakskassi.jpg') no-repeat; }
	.taeki .netaccess 		{ background: 5px center url('../img/mynd_netaccess.jpg') no-repeat; }
	.taeki .beinir 			{ background: 15px center url('../img/mynd_beinir.jpg') no-repeat; }
	.taeki .myndlykill 		{ background: 40px center url('../img/mynd_myndlykill.jpg') no-repeat; }
	.taeki .skiptir 		{ background: 10px center url('../img/mynd_skiptir.jpg') no-repeat; }


.boxes {
	margin: 0px 0 0 0;
	width: 570px;
}
	.boxes .box {
		float: left;
		
		margin: 0 10px 10px 0;
		padding: 15px 10px 10px 10px;
		
		height: 150px;
		width: 250px;
		
		overflow: hidden;
		
		background: #ededed;
	}


.content .txt {
	padding: 0 0 0 120px;
}
	.content .txt label {
		display: block;
		
		margin: 0 0 -18px -120px;
		
		height: 15px;
		width: 100px;
		
		text-align: right;
		
	}
	.content .txt input,
	.content .txt textarea {
		margin: 0 0 10px -4px;
		padding: 5px 0px 5px 4px;
		
		width: 100%;
		
		border: 1px solid #c1c1c1;
	}
	
	.content .txt select {
		margin: 0 0 10px -4px;
		width: 100%;
	}
	

.content .btn {
	margin: 5px 0 0 0;
	text-align: right;
}
	.content .btn input {
		margin: 0;
		padding: 5px 10px;
		
		border: 0;
		background: #eab300;
		
		font-size: 11px;
		font-family: tahoma;
		font-weight: bold;
	}



.heimili_box {
	margin-top: 20px;
	height: 200px;
	width: 740px;
}
	.heimili_box .box {
		float: left;
		
		width: 140px;
		height: 120px;
		overflow: hidden;
		
		margin: 0 14px 0 0;
		padding: 10px 15px;
		
		background: #EEE;
	}
		#main .heimili_box .box h1 {
			margin: 0;
			padding: 0;
			
			font-size: 11px;
			
			border: 0;
		}


.faq {
}
	.faq .item {
		margin: 0 0 8px 0;
		padding: 0 0 8px 0;
		border-bottom: 1px solid #CCC;
	}
		.faq .item .question {
			text-decoration: none;
			
			display: block;
			font-weight: bold;
			
			padding: 0 0 0 10px;
			background: 0 5px url('../img/bullet.gif') no-repeat
		}
		.faq .item .answer {
			padding: 5px 0 0 10px;
			
			color: #555;
		}

.priceTable {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

	.priceTable .company {
		font-size:12px;
		font-weight:bold;
	}

	.priceTable table {
		margin-bottom:15px;
	}

	#main .priceTable h3 {
		color:#353535;
		font-size:18px;
		font-weight:normal;
		margin-bottom:5px;
	}

	.priceTable th {
		color:#757575;
		font-weight:bold;
	}

	.priceTable tr.yellow {
		background:#faefc8;
	}

	.priceTable tr td, .priceTable tr th {
		border-right:#d4d4d4 1px solid;
	}
	
	.priceTable tr th:first-child, .priceTable tr th:last-child, .priceTable tr td:last-child {
		border:none;
	}

	.priceTable tr td:first-child {
		border-right:#faefc8 1px solid;
	}

	.priceTable tr.yellow td:first-child {
		border-right:#fff 1px solid;
	}

.interest-register .txt input, .interest-register .drp select {
	padding:4px;
	border:1px solid #C1C1C1;
}

.interest-register label {
	color:#333;
}

.interest-register .drp {
}

.interest-register .drp label, .interest-register .txt label {
	display:block;
}

.interest-register .drp select {
	width:250px;
}

.interest-register .txt {
}

.interest-register .chk input {
	margin-right:15px;
}

.clear {
	clear:both;
}

.interest-register .zip, .interest-register .street, .interest-register .street-num, .interest-register .apartment {
	float:left;
	width:250px;
	margin:0 10px 10px 0;
}

.interest-register .txt {
	padding:0;
	float:left;
	margin:0 10px 10px 0;
}

.interest-register .txt input {
	margin:0;
	width:240px;
}

.interest-register .txt label {
	width:auto;
	text-align:left;
	margin:0;
}

.interest-register .confirm {
	clear:both;
	margin:10px 0 15px 0;
}

.interest-register .phone {
	clear:both;
	margin-bottom:10px;
}

.interest-register .phone label {
	display:block;
	float:left;
	width:50px;
}

.interest-register .phone .check input {
	float:left;
	margin-right:20px;
}

.interest-register .phone input.text {
	width:180px;
}

.interest-register .btn {
	margin-top:40px;
	text-align:left;
}

.interest-register .label {
	margin-bottom:15px;
	font-weight:bold;
}

.interest-register .error {
	padding:15px;
	border:1px #eab300 solid;
	background:#fff3cd;
	margin-bottom:15px;
	font-weight:bold;
}

