/* syle.css */

		/****************** struktur ******************/
		
		html,body
		{
			background-color: #04375b;
			margin: 0px 0px 0px 0px;
			font-weight: normal;
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 11px;
			color: #000000;
		}
		
		#container
		{
			position:relative;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			margin-bottom: 0px;
			width:980px;
			height:auto;
			height:100%;
			min-height:100%;
		}
		
		#top
		{
			background-image: url(../img/seamaster_header.gif);
			background-repeat: no-repeat;
			width: 980px;
			height: 300px;
		}
		
		#content {
			width: 980px;
			float:left;
			background-image:url(../img/bg.gif);
			background-repeat:repeat-y;
			
		}
		
		#box1
		{
			width: 315px;
			float: left;
			padding-left: 30px;
			padding-right: 29px;
			margin-top: 30px;
			margin-bottom: 20px;
			background-color:#FFFFFF;
			border-right: 1px solid;
			border-right-color:#04375b;
		}
		
		#box2
		{
			width: 315px;
			float: left;
			padding-left: 20px;
			padding-right: 20px;
			margin-top: 30px;
			margin-bottom: 20px;
			background-color:#FFFFFF;
		}
		
		#box3
		{
			width: 210px;
			float: left;
			padding-left: 20px;
			padding-right: 20px;
			margin-top: 30px;
			margin-bottom: 20px;
			text-align: center;
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 11px;
			color:#FFFFFF;
		}
		
		#box4
		{
			width: 210px;
			float: left;
			clear:left;
			padding-left: 20px;
			padding-right: 20px;
			margin-top: 30px;
			margin-bottom: 20px;
			text-align: center;
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 11px;
			color:#FFFFFF;
		}
		
		#footer 
		{
			clear:left;
			position:relative;
			width: 920px;
			height: 10px;
			padding-left: 30px;
			padding-right: 30px;
			padding-top: 10px;
			padding-bottom: 10px;
			bottom: 0;
			border-top: 10px solid;
			border-top-color:#ffc41d;
			font-size: 9px;
			background-color:#ffc41d;
			color: #04375b;
			font-weight: lighter;
			text-transform:uppercase;
		}

		
		/****************** Meny ******************/
	
		#menucontainer ul
		{ 
			float: left; 
			padding-left: 0px;
			padding-right: 0px;
			width: 980px;
			margin-left:0px;
			margin-right:0px;
			margin-top: 0px;
			margin-bottom: 0px;
			background: #04375b; 
			font-size: 11px;
			letter-spacing: 1.3px;
			text-transform: uppercase;
		}
		
		#menucontainer li
		{
			display: inline;
		}
		
		#menucontainer ul a
		{
			float: left; 
			text-decoration: none; 
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 10px;
			padding-top: 10px;
		}
		
		#menucontainer a:link
		{
			color: #ffffff;
		}
		
		#menucontainer a:visited
		{
			color: #ffffff;
		}
		
		#menucontainer a:hover
		{
			background: #9acef1;
		}
		
		#menucontainer a#current
		{
			background: #ffc41d; 
			color: #000000;
		}
		
		#menucontainer ul a#first
		{
			float: left;
			padding-left: 30px;
		}
		
		#menucontainer ul a#first_current
		{
			float: left;
			padding-left: 30px;
			background: #ffc41d; 
			color: #04375b;
		}
		
		/****************** Text ******************/
		
			p, a {

	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	}
			.text
		{
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 11px;
			color: #444444;
			margin-bottom: 10px;
			margin-top: 0px;
		}
		#white	
		{ 
			color:white;
		}
		
		h1
		{
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 20px;
			font-weight: bold;
			color: #04375b;
			letter-spacing: 1px;
			margin-bottom: 2px;
			margin-top: 2px;
		}
		
		#margin	
		{ 
			margin-top: -3px;
		}
		
		#galleryMargin	
		{ 
			margin-top: 6px;
			margin-bottom: 22px;
		}
		
		h2
		{
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 16px;
			color: #ffc41d;
			margin-bottom: 0px;
			margin-top: 0px;
		}
		
		h3
		{
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 16px;
			color: #04375b;
			margin-top: 0px;
			margin-bottom: 9px;
		}
				h4
		{
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 12px;
			color: #3d7195;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
			.h4_2 
		{
			color: #DE0000;
		}
		
			.h4_3
		{
			line-height: 18px;
		}
		
		.center 
		{
			text-align: center;
		}
		
		.red 
		{
			font-size: 11px;
			font-weight: bold;
			color: #DE0000;
		}
		
		.red2 
		{
			font-size: 11px;
			color:#F00;
		}
		
		.date 
		{
			font-size: 9px;
			font-style: italic;
			font-weight:bold;
			color: #000000;
		}
		
		
		/****************** Länkar ******************/

		a:link 
		{ 
			text-decoration: none; 

			color:#F00;
		}
		
		a:visited 
		{ 
			text-decoration: none; 
			color: #000000;
		}
		
		a:active 
		{ 
			text-decoration: none; 
			color: #000000;
		}
		
		a:hover 
		{
			color: #DE0000; 
			text-decoration: none; 
		}
		
		
		/****************** Bilder ******************/

		img 
		{ 
			border: 2px solid;
			border-color:#04375b;
		}
		
		.img_noborder
		{ 
			border: none;
		}
		
		.noborder 
		{
			border: 0px;
			text-align: center;
		}

	    hr 
		{ 
			border: 1px solid;
			border-color:#FFFFFF;
			margin-top:-5px;
		}
		
		/****************** Tabell ******************/

		table 
		{
			border: 0px;
			font-weight: normal;
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 11px;
			color: #000000;
			text-align: left;
		}
		
		
		/****************** Formulär ******************/

		.order 
		{
			background-color: #FFFFFF; 
			border: 1px solid #000000;
		}
		
		/****************** 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: #FFFFFF; 
			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); /* Trick IE into showing hover */ 
			display: block; 
		}
		
		#prevLink 
		{ 
			left: 0; 
			float: left;
		}
		
		#nextLink { 
			right: 0;
			float: right;
		}
		
		#prevLink:hover, #prevLink:visited:hover 
		{ 
			background: url(../img/prevlabel.gif) left 15% no-repeat;
		}
		
		#nextLink:hover, #nextLink:visited:hover 
		{ 
			background: url(../img/nextlabel.gif) right 15% no-repeat; 
		}
		
		#imageDataContainer
		{ 
			font: 10px Verdana, Helvetica, sans-serif;
			background-color: #FFFFFF; 
			margin: 0 auto; 
			line-height: 1.4em;
			overflow: auto; 
			width: 100%	;
		}
		
		#imageData
		{	
			padding:0 10px; 
			color: #000000; 
		}
		
		#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: #000000; 
		}