@charset "utf-8";
/* CSS Document */

/* Author: Bjarte Lund Rolland */

/* Layout-specific stylesheet */

/* 
COLORS:
blue:		004C71
light grey:	E7E7E7
dark grey:	C6C6C6

MARGINS:
5px
10px
20px

*/

/* BODY (General styles)
------------------------------------------------------------------------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0 auto;
	padding: 0px;
/*	width: 990px;*/
	background: black;
	/* IE resize fix */
	position:relative;
}


/* CONTAINER (This is the main wrapper)
------------------------------------------------------------------------------------------------------ */
#container {
/*	float:left;*/
/*	width:990px;*/
	background: url(../gfx/headerBG.jpg) repeat-x top white;
	margin:0 auto;
}

#containerBG {
	width:990px;
/*	background:white;*/
	margin:0 auto;
}

/* HEADER (Includes header with logo and horizontal top navigation)
------------------------------------------------------------------------------------------------------ */
#header {
/*	float:left;*/
	margin: 0 auto;
	width:990px;
	height:261px;
	background: url(../gfx/header.jpg) no-repeat top left;
}

#home a {
	position:absolute;
	width:300px;
	height:110px;
}

#home a:hover {
	text-decoration:none;
}

#navigationTop {
	z-index:2;
	float:right;
	width:auto;
}

/* LEFT (Includes menu and search on the left)
------------------------------------------------------------------------------------------------------ */
#left {
	background:#ccc;
	width:258px;
	float:left;
	clear:both;
	margin:0 20px 20px 0;
}

/* MAIN content (Includes all articles)
------------------------------------------------------------------------------------------------------ */
#main {
	width:990px;
	float:left;
}

/* FRONTPAGE (Styles for frontpage only)
------------------------------------------------------------------------------------------------------ */
#front {
	width:655px;
	float:left;
	padding:40px 20px 20px 35px;
	margin-bottom:20px;
}

#right {
	width:260px;
	float:right;
}

.oilprice,
.news {
	background:#ccc;
	margin-bottom:10px;
	padding:10px;
}

.oilprice {
	background:url(../gfx/oilprice.jpg) no-repeat right bottom #ccc;
}

.news a:link,
.news a:visited,
.news a:active {
	color:black;
}

.news p {
	margin:0;
}

.news a:hover {
	color:#c17900;
}

.newsDate {
	color:#c17900;
	font-style:italic;
	padding-bottom:10px;
}

/* CONTENT (Common styles for articles)
------------------------------------------------------------------------------------------------------ */
#tekstsider {
	width:940px;
	float:left;
	padding:40px 20px 20px 35px;
	margin-bottom:20px;
}

/* PARTNERS (2 articles with icons)
------------------------------------------------------------------------------------------------------ */
#bottomIcons {
	clear:both;
	float:left;
	width:990px;
	border:solid 1px #ddd;
	margin-bottom:20px;
}

.partners {
	float:left;
	width:730px;
}

	.partners img {
		margin:10px 20px;
	}
	
.certified {
	float:right;
	width:260px;
	text-align:center;
}

	.certified h3{
		text-align:left;
	}
	
	.certified img {
		margin-top:10px;
	}

/* FOOTER (Includes adresses, copyright declarations, i-tools branding, and more)
------------------------------------------------------------------------------------------------------ */
#footer {
/*	width:100%;*/
	background:black;
	text-align:center;
	font-size: 0.8em;
	clear:both;
	padding:5px;
	color:white;
	height:50px;
/*	position:absolute;
	bottom:0;*/
}

#footer a:link,
#footer a:active,
#footer a:visited {
	color:white;
	text-decoration:underline;
}

#footer a:hover {
	color:#F8D256 ;
}

/* FIXES / TOOLBOX
------------------------------------------------------------------------------------------------------ */
img {
	border:none;
	outline:none;
}

.imgStyle {
	border:2px #E7E7E7 solid;
	margin:0 8px 4px 0;
	padding:1px;
	float:left;
}

.imgStyle:hover {
	border:2px #004C71 solid;
}

div.hr {
	background:#E7E7E7;
	height:2px;
	margin:0 0 10px 0;
	overflow:hidden;
}

div.hr hr {
  display: none;
}

.box {
	background:#E7E7E7;
	border-right:#c6c6c6 solid 2px;
	border-bottom:#c6c6c6 solid 2px;
	padding:10px;
	margin:10px 0;
	float:left;
	clear:both;
}

	.box span {
		margin-right:10px;
	}

.boxRounded {
	background:#004C71;
	padding:10px;
	margin:10px 0;
	float:left;
	clear:both;
	color:white;
}

.arrow {
	background:url(../gfx/arrow.png) no-repeat left;
	padding-left:13px;
}

.floatLeft {float:left}
.floatRight {float:right}

.bordersAndCorners {
	border:solid 1px #ddd;
}

/* TESTING
------------------------------------------------------------------------------------------------------ */
.cornerTest {
	background: url(../gfx/InBusiness_logo_12px.jpg);
	float:left;
	width:200px;
	height:50px;
	padding:10px;
	color:red;
}

.pngTest {
	background: url(../gfx/sprites/sprites.png) red;
	float:left;
	width:200px;
	height:50px;
	padding:10px;
	color:white;
}