/* @override http://ninja.kamikazemedia.no/narvesen/css/style.css */

body
{
	background: #002039 url('../images/narvesen_bg.png') repeat-y;
	padding: 0;
	margin: 0;
	text-align:center;
	font:normal 13px/normal arial, georgia, times;
	color: #222;
}

#noscript
{
	background-color: #F43215;
	padding: 20px;
	color: #fff;
	border: 2px solid #000;
	margin: 10px;
}

#noscript a
{
	color: #fff;
	text-decoration: underline;
}

#error
{
	font-weight: bold;
	font-size: 16px;
	margin: 10px 28px;
}

input, select
{
	font:normal 12px/normal arial, georgia, times;
}

h1
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	height: 90px;
	background-image: url('../images/narvesenlogo.png');
	background-repeat: no-repeat;
	background-position: 700px 20px;
}

.clear
{
	display:block;
	clear:both;
	height:0px; /*1px;*/
	overflow: hidden;
}

.clearfix
{
	clear: both;
}

a
{
	text-decoration:none;
	border:none;
	color: #00488a;
	cursor: pointer;
}

img
{
	border:none;
}

a:hover
{
	text-decoration:underline;
}

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

#loading
{
	background-color: #e0ebf5;
	background-image: url('../images/content_bg.png');
	padding: 20px;
	font-size: 16px;
	text-align: center;
}

#loading img
{
	position: relative;
	top: 6px;
}

#content
{
	display:none;
	background-color: #e0ebf5;
	background-image: url('../images/content_bg.png');
	background-repeat: repeat-x;
	padding: 20px 0;
}

#footer
{
	display: inline;
	margin: 0 10px;
	float: left;
	color:#fff;
	line-height: 40px;
}

#home_content
{
	margin: 0px 28px 28px 28px;
	clear: both;
}

#home_content h2
{
	margin: 10px 0;
}

.front_content
{
	display: inline;
	float: left;
	width: 396px;
	padding-left: 0px;
	padding-right: 26px;
	overflow: hidden;
}

#search_box
{
	display: inline;
	margin: 0 10px 12px 0;
	padding: 0;
	float: right;
	line-height:24px;
	position: relative;
	height: 36px;
	width: 383px;
}

#search_button
{
	width: 50px;
	height: 36px;
	border: 1px solid #1d426d;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	background: #005ba8;
	background-image: url('../images/button_bg.png');
	background-repeat: repeat-x;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
}

#search
{
	margin: 0;
	padding: 9px;
	width: 158px;
	border: 1px solid #1d426d;
	background-color: #deebf6;
	color: #1d426d;
	font-size: 14px;
	position: absolute;
	top: 0;
	right: 42px;
}


#categories_container
{
	display: block;
	margin: 0;
	padding: 7px !important;
	padding: 8px; 
	width: 140px;
	height: 20px;
	border: 1px solid #1d426d;
	background-color: #deebf6;
}

#categories
{
	background-color: #deebf6;
	color: #1d426d;
	font-size: 14px;
	width: 140px;
	border: 1px solid #deebf6;
}

.pager
{
	display: inline;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}

.pager li
{
	display: inline;
	float: left;
}

.pager a
{
	display: block;
	line-height: 20px;
	letter-spacing: -1px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #fff;
}

.pager .active
{
	font-weight: bold;
	background: #1d426d;
}

.pager_prev a
{
	height: 20px;
	background: transparent url('../images/btn_left.gif') 5px no-repeat;
	width: 16px;
	overflow: hidden;
	text-indent: -9999px;
	padding: 0;
	margin-right: 5px;
}

.pager_next a
{
	height: 20px;
	background: transparent url('../images/btn_right.gif') 5px no-repeat;
	width: 16px;
	overflow: hidden;
	text-indent: -9999px;
	padding: 0;
}

#breadcrumb
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

#breadcrumb li
{
	display: inline;
	float: left;
	line-height: 24px;
	margin: 0 3px 0 0;
	
}

#breadcrumb li a
{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

ul#portfolio
{
	margin:0 0 0 13px;
	padding:0;
	clear: both;
	overflow: hidden;
}

ul#portfolio li,
.portfolio_image
{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #7B7969;
	display:inline;
	float:left;
	height:140px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px;
	padding:9px;
	width:190px;
}

ul#portfolio li a,
.portfolio_image a
{
	display: block;
	width: 100%;
	height: 100%;
	
}

ul#portfolio li img
{
	border:none;
	width: 190px;
	height: 140px;
}

img.image
{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #7B7969;
	padding: 9px;
	margin-bottom: 5px;
}
img.image.margin
{
	margin-right: 5px;
}
img.image.align
{
	margin-right: 10px;
}
img.image.align_right
{
	margin-right: 0;
	margin-left: 10px;
}


ul#sections
{
	background-image: url('../images/section_nav.png');
	background-repeat: no-repeat;
	height: 36px;
	list-style:none;
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}
ul#sections li
{
	display: inline;
	margin: 0;
	float: left;
	overflow: hidden;
}

ul#sections a
{
	height: 36px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

ul#sections .article
{
	float: right;
}

#home
{
	background-image: url('../images/section_nav.png');
	width: 45px;
}
	#home.active
	{
		background-position: 0 -36px;
	}

#theme
{
	background-image: url('../images/section_nav.png');
	background-position: -45px 0;
	width: 94px;
}
	#theme.active
	{
		background-position: -45px -36px;
	}

#location
{
	background-image: url('../images/section_nav.png');
	background-position: -139px 0;
	width: 99px;
}
	#location.active
	{
		background-position: -139px -36px;
	}
	
#work
{
	background-image: url('../images/section_nav.png');
	background-position: -786px 0;
	width: 116px;
}
#history
{
	background-image: url('../images/section_nav.png');
	background-position: -690px 0;
	width: 96px;
}
	#history.active
	{
		background-position: -690px -36px;
	}
#info
{
	background-image: url('../images/section_nav.png');
	background-position: -578px 0;
	width: 110px;
}
	#info.active
	{
		background-position: -578px -36px;
	}
	
#browse_container
{
	background-image: url('../images/browser_bg.png');
	background-repeat: no-repeat;
	padding: 20px;
	height: 60px;
}
	#browse_container.active
	{
		background-image: url('../images/header_campaign.png');
		height: 220px;
		position: relative;
	}
	
	#browse_container.active #search_box
	{
		position: absolute;
		bottom: 20px;
		left: 46px;
		width: 220px;
	}