﻿@charset "UTF-8";

/* CSS for Axholmen Consulting, by Mathias Källberg, mathias@ipatch.se */

* {
  border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	float: none;
}

body {
  color: #516057;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 76%;             /* Sets the base font size for the document, 76% gives same result across different browsers, use em for all other elements */
  font-weight: normal;
  line-height: 1.2em;
}

div#content {
  margin: 9px auto 0 auto;
  width: 992px;               /* Width 992px, important for background shadow image */
  background-color: #fafaf8;
  background-image: url('../img/shadow_sides.gif');
  background-repeat: repeat-y;
  font-size: 0.9em;
}

div#head {
  height: 59px;
  position: relative;
  background-image: url('../img/shadow_top.gif');
  background-position: left top;
  background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#main {                      /* Actual width 908px */
  padding: 0 42px;
}

div#foot {
  height: 90px;
  position: relative;
  clear: both;
  background-image: url('../img/shadow_bottom.gif');
  background-position: bottom left;
  background-repeat: no-repeat;
}

p#tagline {
  position: absolute;
  top: 26px;
  left: 57px;
  color: #ff6a00;
}

p#contact {
  position: absolute;
  top: 26px;
  right: 276px;
}

img#logo {
  position: absolute;
  left: 57px;
  bottom: 32px;
}

ul#menu {
  position: absolute;
  right: 632px;
  bottom: 50px;
	width: 134px;
	height: 14px;
}

ul#menu li {
  margin-bottom: 0;
  padding-left: 3px;
  display: inline;
  list-style-type: none;
}

.right {
  float: right;
}

.left {
  float: left;
}

div.textbox {
  margin-top: 64px;
  float: left;
  width: 226px;
}

div#textbox-1 {
  margin-left: 15px;
}

div#textbox-2 {
  margin-left: 23px;
}

p + h1 {
  margin-top: 2em;
}

a {
  padding: 2px 5px;
  color: #516057;
  text-decoration: none;
}

a.logo {
  padding: 0;
}

div#foot a:hover {
  color: #ffffff;
  background-color: #ff6a00;
}

a.selected {
  color: #ffffff;
  background-color: #ff6a00;
}

a:hover {
  color: #ffffff;
  background-color: #ff6a00;
}

div#main a {
  margin-left: -3px;
}

div#foot a {
  margin-left: 10px;
  color: #ff6a00;
}

h6 {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
}

h5 {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
}

h4 {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
}

h3 {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
}

h2 {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
}

h1 {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
}

p {
  margin-bottom: 1em;
}

ol {
  margin-left: 15px;
  list-style-position: outside;
}

ul {
  margin-left: 15px;
  list-style-position: outside;
}

li {
  margin-bottom: 1em;
}

p#banner {
  margin-left: -454px;
  position: absolute;
  padding: 0;
  top: 385px;
  left: 50%;
  width: 908px;
  height: 30px;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  z-index: 100;
}