/* JALLASTYLES SOM SLETTES NÅR INNHOLD ER PÅ PLASS */
#personPlaceholder {background: #ccc; height: 400px;}


.newslist_hover a p { color:#D2232A; }
.newslist_hover a:hover p { color:#000000; }


html {height: 100%}
ul {list-style: none; margin: 0; padding: 0;}

/* General styles
------------------------------ */
body {
	background: white;
	font-family: Georgia, serif;
	overflow-x: hidden;}
	
.clr			{clear: both}
a 			{outline: none;}
a, a:visited, a:active {
	color: #777;
	text-decoration: none;
	border-bottom: 1px solid #222;}
	
a:active { outline:0; position:relative; top:1px; }
a:hover {border-bottom-color: #d2232a;}
	
a { outline: none; }
#latestNews a, #latestNews a:visited, #latestNews a:active {
        color: #777;
        text-decoration: none;
        REMborder-bottom: 1px solid #222;
}

#latestNews a:hover {border-bottom-color: #d2232a;}


/* Layout
------------------------------ */

#wrapper {
	border-top: 1px solid #fff;
	padding: 35px 0 0 0;}

#feature, #introText 		{padding: 0 0 0px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #ababab; height: 330px;}

#intro						{margin: 20px 0 25px 0;}
.topBorder					{border-top: 1px dotted #acacac;}

#servicesContent,
#aboutContent,
#contactContent,
#contactContent2,
#newsContent	{ padding: 15px 0 0 0; overflow:hidden; }	

#footer {
	border-top: 1px solid #ababab;
	margin: 10px 0 10px 0;
	padding: 4px 0 0 0;
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	cursor: default;
}

/* Main menu
------------------------------ */
ul#mainMenu  {
	float: left;
	border-top: 1px solid #ababab;
	width: 950px;
	margin: 20px 0 20px 0;
	background: url("../img/line_element.jpg") no-repeat bottom left;
	padding: 0 0 25px 0;
	font-size: 11px;}
	
	ul#mainMenu  li {
	float: left;
	margin: -0px 0 0 0;}
		
		ul#mainMenu li a {
			font-family: Arial, sans-serif;
			display: block;
			padding: 3px 60px 0 0;
			color: #5c5c5c;
			border-top: 1px solid #ababab;
			border-top: 1px solid #ffffff;
			border-bottom: none;
			text-decoration: none;
			font-size: 1.2em;}
					
					ul#mainMenu li a:hover 		{border-top-color: #222; color: #d2232a;}
					ul#mainMenu li a:active		{top: 0;}
					ul#mainMenu li.selected a 	{border-top-color: #222; color: #d2232a;}



/* Submenu (reusable)
------------------------------ */
ul.subMenu span{
		REMwidth: 270px;
		width: 260px;
		width: 250px;
		float: right;
		padding: 10px 0 0 0;
		line-height: 130%;}
		
		ul.subMenu li a span{
			text-decoration: none;
			border: none;
			color: #d2232a;
			font-size: 14px;
			display: block;
			padding: 5px;
			border-bottom: 1px dotted #ccc;}
			
			.subMenu a:hover span{color: #222; background: #fefefe; cursor: pointer;}
			
			ul.subMenu li a.selected span{color: #222; background: #efefef;}
			.subMenu li a:active  		{ position:relative; top:1px; }
	                .subMenu li a:active span 	{ position:relative; top:1px; }



/* (FORSIDE) Latest news listing
------------------------------ */
ul#latestNews {}
ul#latestNews li {
	float: left;
	width: 192px;
	margin: 0 22px;}
	
	ul#latestNews li.last,
	ul#latestNews li.first						{margin: 0;}
	ul#latestNews li a						{text-decoration: none; border: none;}
	ul#latestNews li a:hover h2					{color: #d2232a;}
	ul#latestNews li 						{text-decoration: none;}
	ul#latestNews li p						{color: #888; cursor: pointer;}
	ul#latestNews li a:active					{color: #888; cursor: pointer;}
	ul#latestNews li a:hover p, ul#latestNews li a:hover p *	{color: #222;}
	ul#latestNews li a:hover *					{color: #222;}
	
	/* News typography */
h2.newsTitle  					{font-size: 18px; margin: 0; padding: 0; color: #888; cursor: pointer;}
span.newsDate 					{display: block; color: #888; cursor: pointer;}


/* (FORSIDE) Intro Text
------------------------------ */
h1.front {
	font-size: 32px;
	color: #666;
	margin: 0 0 0 10px;}
	
span.frontSub 		{font-size: 18px; color: #666; margin: 5px 0 0 10px;}
p.frontBody			{margin: 10px 0 0 10px;}

ul#servicesList span {width: 290px;  margin:0px 10px 0px 0px; padding:1px 0px 4px 5px; }


/* REFERANSER
------------------------------ */

ul#portfolioList li {
	width: 200px;
	float: left;
	margin: 9px 15px 0 0;}
	
.portfolioThumb a  					{border: none; position: relative;}
.portfolioThumb a:hover .desc{
	display: block;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 3px;
	left: 0px;
	padding: 5px;
	margin: 0;
	width: 190px;}
	
	.portfolioThumb a .desc {display: none;}
	
#caseImages, #caseInfo 		{padding: 15px 0 0 0;}

a.caseBackBtn {
	background: #dedede;
	color: #555;
	padding: 5px 10px 5px 12px;
	margin: 10px 0 0 0;
	border: 1px solid #c1c1c1;
	display: block;}
	
	a.caseBackBtn:hover {background: #eee; color: #d2232a;}


/* VI TILBYR
------------------------------ */
#grafisk 				{display: block;}
#web, #reklame,
#strategisk				{display: none;}


/* MEDARBEIDERE
------------------------------ */


/* SIDEN SIST
------------------------------ */
span.newsDateList {
	font-size: 11px;
	color: #666;
	cursor: pointer;}

span.newsDateBig {
	color: #555;
	font-size: 14px;
	float: left;
	margin: 0 10px 0 0;
}


/* TYPOGRAFI
------------------------------ */

h1, h2, h3, h4, p, span {cursor: default;}

p 					{color: #222;}
p.indent			{margin: 0 0 0 10px;}
p.newsBody 			{margin: 0 0 0 84px;}

h1 {
	font-size: 64px;
	color: #666;
	margin: 0 0 20px 0;
}

h1.logo a {
	background: url("../img/logo.jpg") no-repeat;
	display: block;
	width: 125px;
	height: 62px;
	text-indent: -9999px;
	float: left;
	border: none;}
	
h1.logo-byline {font-size: 22px; float: right; margin: 30px 0 0 0;}

h1.caseTitle {font-size: 28px;}
	
h2 {
	color: #d2232a;
	font-size: 32px;
	margin: 0 0 6px 0;}
	
span.ingress {
	color: #888;
	font-size: 24px;
	font-weight: normal;}

span.ingressLiten {
	color: #888;
	font-size: 14px;
	margin: 0 0 8px 0;
	display: block;
}
span.ingressLiten * {
	color: #888;
}	
span.blockHeader {
	display: block;
	padding: 5px 0 5px 10px;
	margin: 0px 0px 4px 0px;
	background: #dedede;
	color: #666;
	font-size: 14px;
	width: 290px;
}
/* PAGE-ERSTATTER   */
.paginatorNext {
	display:none;
}