/* Standard attributes */ 
body 
{	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#464a4f;
	background: url(../images/grad_1.jpg);		
	background-repeat: repeat-x;

}

a 
{	color: #9a9a9a;
	font: 0.7em Tahoma, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a:hover 
{	color: #9a9a9a;
	font: 0.7em Tahoma, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

.tittel 
{	color: #8c8c8c;
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
}


.tekst 
{	font: 0.7em Tahoma, sans-serif;
	font-size:11px;
	color: #8c8c8c;	
}


DIV.table-row 
{	margin-top: 0; 
  	margin-right: auto; 
  	margin-bottom: 0; 
  	margin-left: auto;
  	padding: 0; 
  	text-align: left; 
  	width: 710px;
}

DIV.left-container 
{	border: none; 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 205px;
}

DIV.right-container 
{	border: none; 
	float: right; 
	margin-left: 25px; 
	padding: 0; 
	width: 480px;
	text-align: left;
}

#container 
{	width: 710px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.gallery-container
{	width: 710px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	left: 0;
	position: relative;
}

.gallery li
{	text-align: left;
	display: inline;
	list-style-type: none;
	padding: 0px 20px 10px 0px;
}

.gallery ul 
{	width: 710px;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
	display: inline;
	list-style-type: none;
	border: none;
} 

.thumbnail
{
float: left;
width: 154px;
border: 0px;
margin: 0 23px 15px 0;
padding: 0px;
}




/* Logo attributes */ 

#logo 
{	width: 315px;
	height: 65px;
	left: 0px;
	margin-bottom: 20px;
	position: relative;
}

#logo img 
{	border: 0;
}

/* Navigation bar */ 

#nav 
{	width: 710px;
	margin-bottom: 20px;
	position: relative;            
	z-index: 100;
}

.mlddm
{	margin: 0;
	padding: 0;
	background: #414141;
	height: 21px;
	list-style: none}

	.mlddm li
	{	display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: 11px arial}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: center;
		color: #FFF;
		padding: 4px 10px;
		margin: 0;
		width: 70px;
		text-decoration: none;
		background: #414141}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #FFF;
		background: #1C1D1F}

		.mlddm ul
		{	margin: 1px 0 0 0;
			padding: 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			background: #323232 url(../images/trans_pxl.gif)}
		
		.mlddm ul li
		{	float: none}

		.mlddm ul li a
		{	white-space: nowrap;
			width: auto;
			margin: 0 0 0 2px;
			padding: 9px 15px;
			font: 11px arial;
			text-align: left;
			text-decoration: none;
			color: #FFF;
			background: transparent}

		.mlddm ul li a:hover
		{	color: #FFF;
			padding: 9px 15px 9px 13px;
			border: 1px solid #FFF;
			border-width: 0 0 0 2px}

		.mlddm .hsub
		{	background: no-repeat right url(../images/arroww.gif)}

		.mlddm .hsub:hover
		{	background: #1C1D1F no-repeat right url(../images/arroww.gif)}

/* Random pictures */

#rpics
{	float: left;
	width: 205px;
	height: 435px;
}

#txt_scroll 
{	float: right;
	width: 480px;
	height: 435px;
	overflow-x: hidden;
	overflow-y: auto;
	overflow:-moz-scrollbars-vertical;
	position: relative;
	margin: 0.3em auto;
	padding: 0px;
	z-index: 0;
}


/* LightBox */ 

#lightbox
{	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}

#lightbox img
{	width: auto; 
	height: auto;
}

#lightbox a img
{	border: none; 
}

#outerImageContainer
{	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}

#imageContainer
{	padding: 10px; 
}

#loading
{	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}

#hoverNav
{	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav
{	left: 0;
}

#hoverNav a
{	outline: none;
}

#prevLink, #nextLink
{	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); 
	display: block; 
}

#prevLink 
{	left: 0;
	float: left;
}

#nextLink 
{ 	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover 
{	background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover 
{ 	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer
{	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%; 
}

#imageData
{	padding:0 10px; 
	color: #666; 
}

#imageData #imageDetails
{	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption
{	font-weight: bold;
}

#imageData #numberDisplay
{	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			

#imageData #bottomNavClose
{	width: 66px;
	float: right;  
	padding-bottom: 0.7em;
	outline: none;
}	 	

#overlay
{	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}

/* Custom scrollbar */ 

.scrollgeneric 
{	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
}

.vscrollerbase 
{	width: 10px;
	z-index: 10;
	background-color: #414141;
}

.vscrollerbar 
{	width: 10px;
	z-index: 10;
	background-color: #1c1d1f;
}

.scrollerjogbox 
{	width: 10px;
	height: 10px;
	top: auto; 
	left: auto;
	bottom: 0px; 
	right: 0px;
	background-color: gray;
}

/* Contact form */ 

div.contact_form
{	font: 0.7em Tahoma, sans-serif;
	font-size:11px;
	color: #8c8c8c;	
}

div.contact_form form,
div.contact_form table,
div.contact_form td,
div.contact_form th    
{	margin: 0px; 
	padding: 0px; 
}

div.contact_form table 
{ 	border-collapse: collapse;
}

div.contact_form th    
{ 	padding: 0px 10px 3px 0px; 
	vertical-align: top; 
	text-align: left; 
}

div.contact_form td    
{ 	padding: 0px  0px 3px 0px; 
}

div.contact_form em
{	font: 0.7em Tahoma, sans-serif;
	font-size:11px;
	color: #8c8c8c;	
}

div.contact_form em.error, div.contact_form form em
{	font: 0.7em Tahoma, sans-serif;
	font-size:11px;
	color: #d50000;	
}

div.contact_form div.error 
{ 	margin-bottom: 15px; 
}
