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

/* Author: Bjarte Lund Rolland */

/* Layout-specific stylesheet */


/* BODY (General styles) Note: typography for body in style.css
------------------------------------------------------------------------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
}

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


/* CONTAINER (This is the main wrapper)
------------------------------------------------------------------------------------------------------ */
#container {
	float:left;
	width:990px;
}


/* LEFT (Left-hand logo and submenu + box)
------------------------------------------------------------------------------------------------------ */
#left {
	width:153px;
	float:left;
}

/* MAIN content (Main content area with navigation)
------------------------------------------------------------------------------------------------------ */
#mainWrapper {
	width:677px;
	height:700px;
	float:left;
	background:url(../gfx/bgContainer.png) no-repeat top left;
	position:relative;
	z-index:2;
}

#main {
	clear:both;
	padding:10px 50px 40px 50px;
	overflow:auto;
	width:550px;
	height:500px;
}

/* RIGHT (Right-hand search and menu + boxes)
------------------------------------------------------------------------------------------------------ */
#right {
	width:160px;
	float:left;
	margin-left:-4px;
}

	#right ul li {
		margin-left:0;
	}

.search {
	margin-top:50px;
	float:left;
	padding:0 0 2px 30px;
	background:url(../gfx/search2.jpg) no-repeat top left;
	width:120px;
	
}

	.text {
		border:solid 1px transparent;
		background:none;
		font-size:0.8em;
		padding:0;
		width:106px;
		float:left;
	}
	
	.button {
		background:none;
		border:none;
		padding:0;
		float:left;
	}

.rightBox {
	background:#E7E7E7;
	padding:10px 20px 10px 10px;
	margin:0 0 5px 0;
}
	
/* FOOTER (Includes adresses, copyright declarations, i-tools branding, and more)
------------------------------------------------------------------------------------------------------ */
#footer {
	width:990px;
	text-align:center;
	font-size: 0.8em;
	clear:both;
	padding:5px;
	color:#666;
}

/* CONTENT (Common styles for common articles)
------------------------------------------------------------------------------------------------------ */
#breadcrumbs {
	float:left;
	width:100%;
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:15px;
	height:20px;
	border-bottom:2px solid #E7E7E7;
}
	
.caption {
	float:right;
	background:#E7E7E7;
	padding:5px;
	margin:0 0 5px 10px;
}

	.caption img{
		border:solid 2px white;
	}

	
/* NEWS (Styles for news articles and listings on front, news article and news archive)
------------------------------------------------------------------------------------------------------ */
#news {
}

.newsTop {
	margin-bottom:20px;	
}

	.newsTop h1{
		padding-bottom:5px;
		overflow:hidden;
	}
	
	.newsTop p{
		font-size:1.3em;
		line-height:1.3em;
	}

	.newsTop img{
		width:300px;
	}

.newsMiddle {
	clear:both;
	margin-bottom:30px;	
	font-size:0.8em;
}

	.newsMiddle h3{
		padding-bottom:5px;
		overflow:hidden;
		font-size:1.3em;
	}
	
	.newsMiddle img{
		width:100px;
	}

.newsList {
	clear:both;
	border-bottom:solid 2px #E7E7E7;
	margin-bottom:3px;
	padding-bottom:3px;
}

/* CONTACT (Styles for the contact form)
------------------------------------------------------------------------------------------------------ */
#contact {
	font-size:0.8em;
}

.contactText {
	background: url(../gfx/contactBG.jpg) no-repeat top left;
	border:none;
	padding:4px;
}

.contactTextArea {
	background: url(../gfx/contactTxtareaBG.jpg) no-repeat top left;
	border:none;
	height:184px;
}

.contactSubmit {
	padding:0;
	border:none;
	float:right;
}


/* TOOLBOX / FIXES (Collection of styles and fixes that are used often)
------------------------------------------------------------------------------------------------------ */
img {
	border:none;
	outline:none;
}

.imgStyle {
/*	border:2px #E7E7E7 solid;*/
	margin:0 20px 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;
}

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

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

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

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


/* BOXES (Styles for boxed content)
------------------------------------------------------------------------------------------------------ */
.toolbar {
	position:absolute;
	top:650px;
	margin-left:370px;
}

	.toolbar a:link,
	.toolbar a:active,
	.toolbar a:visited {
		color:#818181;
		font-size:0.8em;
		line-height:0;
	}

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

.boxLeft {
	background:#ce6d43;
	clear:both;
	color:white;
	padding:10px;
	width:150px;
	position:relative;
	z-index:1;
}

.boxRightTop {
	background:#ce6d43;
	clear:both;
	color:white;
	padding:10px 10px 10px 20px;
	margin-bottom:10px;
	position:relative;
	z-index:1;
	width:140px;
	margin-left:-10px;
}

	.boxLeft h2,
	.boxRightTop h2 {
		color:white;
		text-transform:uppercase;
	}
	
	.boxLeft .arrow,
	.boxRightTop .arrow {
		margin-top:10px;
	}
	
	.boxLeft a:link,
	.boxLeft a:active,
	.boxLeft a:visited,
	.boxRightTop a:link,
	.boxRightTop a:active,
	.boxRightTop a:visited {
		color:white;
		text-decoration:none;
		font-size:0.9em;
	}

.boxRightBottom {
	background:white;
	border:solid 1px #a0a0a0;
	width:140px;
	padding:10px 10px 10px 20px;
	position:relative;
	z-index:1;
	width:140px;
	margin-left:-10px;
}

.boxLeft.active,
.boxRightTop.active,
.boxRightBottom.active {
	z-index:3;
}


.toolbox {
	position:absolute;
	top:500px;
	left:500px;
}

/* TESTING (Styles for the test-article, delete upon release)
------------------------------------------------------------------------------------------------------ */
.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;
}