html, body {background: #71412e; }
body {background: #71412e url(bg.jpg) repeat-x; min-height: 836px;}

h1, h2, h3, h4, h5, p, li, a {font-family: 'Palatino linotype', Palatino, Geneva, 'Times New Roman', Times, Serif}

#doc2 {position:relative;}

#hd {padding-top: 30px;}

#ft {margin: 10px 0 20px 10px; }
#ft p {color: #fff;}

#navigation {position: absolute; top: 30px; left: 239px;}
#navigation li {float: left; margin-right: 12px;}
#navigation li.last {margin-right: 0px;}


#navigation li a {
background: transparent url(navigation.jpg) no-repeat; 
width: 228px; height: 224px; 
display: block;
text-indent: -2999px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
#navigation.en li a {
background: transparent url(navigation-en.jpg) no-repeat; 
}
#navigation #kaffihusid a:hover, #navigation #kaffihusid.selected a {background-position: 0px -246px;}
#navigation #kaffibrennslan a {background-position: -246px 0px;}
#navigation #kaffibrennslan a:hover, #navigation #kaffibrennslan.selected a {background-position: -246px -246px;}
#navigation #kaffiskolinn a {background-position: -494px 0px;}
#navigation #kaffiskolinn a:hover, #navigation #kaffiskolinn.selected a {background-position: -494px -246px;}

	
#products .bag {background: url(bag-tags.png) no-repeat; height: 270px; }
#products h2, #products p {margin: 10px 10px 0 15px;}
#products h2 {font-size: 146.5%}
#products h2 {text-transform: uppercase;}
#products p {font-family: arial;}
#products .location {margin-right: 0; margin-left: 1px; padding-top: 5px;}
#products .location p {margin: 5px 0 0 10px;}

.facebook {padding-left: 10px; padding-top: 15px;}
.facebook img {vertical-align: middle;}

.mid-section {padding: 10px 0; font-size: 108%}
.mid-section h2, .mid-section p, .mid-section li {color: #fff; }
.mid-section p {padding: 5px; ;}
.mid-section h2, .mid-section ul {margin: 5px 0 5px 5px;}


.main-content {padding: 0px; color: #4d2515;   }
.main-content h1 {font-size: 182%; }
.main-content h2 {font-size: 161.6%; margin-bottom: 0.4em; margin-top: 1.2em; }
.main-content h3 {font-size: 140%; margin-bottom: 0.4em; margin-top: 1.2em; }
.main-content p, .main-content td, .main-content th, .main-content th{font-size: 108%; font-family: arial; margin: 10px 0px 10px;}
.main-content img {margin: 5px;}
.main-content li {list-style-type: disc; margin-left: 20px; font-size: 108%; font-family: arial; }

.main-content table {width: 430px; margin-bottom: 2em; float: left; margin-right: 20px; height: 340px; }
.main-content table th {background: #cd1b7d; color: #fff; padding: 5px; font-weight: bold;}
.main-content table td {padding: 2px 2px; font-size: 100%;}
.main-content table tr.alt {background: #eee;}

.right {text-align: right;}

.language {position: absolute; top: 8px; right: 5px; }
.language .en {background: url(flags.png) no-repeat 0px 4px; }
.language .is {background: url(flags.png) no-repeat 0px -35px; }
.language a {padding-left: 20px; color: #fff; height: 12px; text-decoration: none;}



/* Rounded Corners */
.cb {margin: 20px 0 0px;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px 40px 10px;
	background:#fff url(coffee-splash.gif) no-repeat bottom right;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */