/* 2009, developed by. */
/* HID Digital Solutions. */
body {
	background: url('../images/background.png') repeat-x;
	text-align: center;
	margin: 0;
	font-family: arial;
	font-size: 12px;
}

.clear{
	clear: both;
}

.mappen {
	margin: 15px 0 15px 0;
}

#spacer {
height: 8px;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

#header {
	height: 233px;
}

#header a#logo {
	position: absolute;
	display: block;
	width: 372px;
	height: 59px;
	background: url('../images/logo.png');
	margin: 70px 0 0 0;
}

#header #colours {
	position: absolute;
	display: block;
	width: 569px;
	height: 120px;
	background: url('../images/colours.png');
	margin: 58px 0 0 375px;
}

#header ul {
	position: absolute;
	width: 960px;
	list-style-type: none;
	height: 55px;
	margin: 178px 0 0 0;
	padding: 0;
}
#header ul li {
	float: left;
}

#header ul li a span {
	display: none;
}

#header ul li.active a#btnHome, #header ul li a#btnHome:hover {
	background: url('../images/btnHomeActive.png');
} 

#header ul li.active a#btnServices, #header ul li a#btnServices:hover {
	background: url('../images/btnServicesActive.png');
}

#header ul li.active a#btnOffset, #header ul li a#btnOffset:hover {
	background: url('../images/btnOffsetActive.png');
}

#header ul li.active a#btnFamily, #header ul li a#btnFamily:hover {
	background: url('../images/btnFamilyActive.png');
}

#header ul li.active a#btnTender, #header ul li a#btnTender:hover {
	background: url('../images/btnTenderActive.png');
}

#header ul li.active a#btnContact, #header ul li a#btnContact:hover {
	background: url('../images/btnContactActive.png');
}

#header ul li a#btnHome {
	background: url('../images/btnHome.png');
}

#header ul li a#btnServices {
	background: url('../images/btnServices.png');
}

#header ul li a#btnOffset {
	background: url('../images/btnOffset.png');
}

#header ul li a#btnFamily {
	background: url('../images/btnFamily.png');
}

#header ul li a#btnTender {
	background: url('../images/btnTender.png');
}

#header ul li a#btnContact {
	background: url('../images/btnContact.png');
}

#header ul li a {
	display: block;
	width: 160px;
	height: 55px;
	background: rgb(0, 200, 0);
}

#divBanner {
	width: 495px;
	height: 278px;
	background: url('../images/background_orange.png');
	margin-left: -26px;
	margin-right: 14px;
	float: left;
}

#divBanner .button {
	position: absolute;
	display: block;
	width: 102px;
	color: rgb(255, 255, 255);
	line-height: 33px;
	margin: 245px 0 0 393px;
	font-weight: 900;
	text-decoration: none;
}

#divBanner .button:hover {
	text-decoration: underline;
}

#divBanner h1 {
	width: 238px;
	height: 28px;
	margin: 20px 18px 14px 44px;
	/*background: url('../images/header_newyear.png');*/
}

#divBanner span {
	font-weight: 100;
	color: rgb(255, 255, 255);
}

#divBanner p {
	margin: 0 18px 0 96px;
	line-height: 20px;
	color: rgb(255, 255, 255);
}

#divBanner ul {
	padding: 0 0 0 15px;
	margin: 15px 0 0 96px;
	line-height: 20px;
	color: rgb(255, 255, 255);
}

#divBanner a {
	color: #fff;
	text-decoration: none;
}

#divBanner a:hover {
	text-decoration: underline;
}

#divIntroduction {
	width: 979px;
	height: 258px;
	background: url('../images/background_gray.png');
	margin: 19px 0 0 -6px;
}
#divIntroduction h1 {
	font-weight: 100;
	color: rgb(0, 159, 218);
	font-size: 24px;
}
#divIntroduction p {
	color: rgb(110, 110, 110);
	line-height: 20px;
	margin-bottom:  19px;
}
#divIntroduction .leftColumn {
	float: left;
	width: 440px;
	margin: 0 41px 0 25px;
	display: inline;
}
#divIntroduction .rightColumn {
	float: left;
	width: 400px;
}

#divIntroduction p#topMargin {
	margin-top: 60px;
}
#divIntroduction .button {
	position: absolute;
	display: block;
	width: 102px;
	color: rgb(22, 61, 138);
	line-height: 33px;
	margin: 217px 0 0 865px;
	font-weight: 900;
	text-decoration: none;
}

img.left {
	float: left;
	margin: 5px 13px 0 0;
}
#divIntroduction .button:hover {
	text-decoration: underline;
}

#divAddress {
	background: url('../images/background_contact.png') no-repeat;
	width: 233px;
	height: 313px;
	color: rgb(110, 110, 110);
	float: left;
	margin-right: 14px;
}

#divAddress table {
	font-family: arial;
	font-size: 12px;
	margin: 10px 18px 0px 18px;
	line-height: 20px;
}

#divAddress table td.short {
	width: 20px;
}

#divAddress h1 {
	width: 122px;
	height: 20px;
	margin: 20px 18px 20px 18px;
	background: url('../images/header_address.png');
}

#divAddress span {
	display: none;
}

#divAddress a {
	color: rgb(23, 62, 137);
}

#divAddress p {
	margin: 0 18px 0 18px;
	line-height: 20px;
	color: rgb(110, 110, 110);
}

#divAddress strong#company {
	color: rgb(22, 61, 137);
}

#divTender {
	background: url('../images/background_blue.png') no-repeat;
	width: 230px;
	height: 278px;
	color: rgb(255, 255, 255);
	float: left;
}

#divTender h1 {
	width: 167px;
	height: 22px;
	background: url('../images/header_tender.png');
	margin: 20px 18px 20px 18px;
}

#divTender span {
	display: none;
}

#divTender p {
	margin: 0 18px 0 18px;
	line-height: 20px;
}

#divTender .button {
	position: absolute;
	display: block;
	width: 141px;
	color: rgb(255, 255, 255);
	line-height: 30px;
	margin: 248px 0 0 89px;
	font-weight: 900;
	text-decoration: none;
}

#divTender .button:hover {
	text-decoration: underline;
}

#footer {
	border-top: 2px solid rgb(219, 219, 219);
	background: url('../images/logo_kvgo.png') right 9px no-repeat;
}

#footer p {
	margin: 0;
	line-height: 60px;
	color: rgb(160, 160, 160);
}

#footer a {
	color: rgb(23, 62, 137);
}

#footer span {
	display: block inline;
	float: right;
	margin-right: 80px;
}

#footer #footerLogo {
	text-align: center;
}

#footer #footerLogo img {
	margin: 10px 0 10px 0;
}
