/*******************************************************************************

  CSS on Sails Framework
  Title: Coast Design
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: May 2010

********************************************************************************

  1. BASE
      1.1 Reset
      1.2 Accessibility Navigation & Hide
      1.3 Clearfix
      1.4 Default Styles

  2. COMMON
      2.1 Container
      2.2 Header
      2.3 Navigation
      2.4 Content
      2.5 Sidebar
      2.6 Footer
      
  3. PAGES
      3.1 Home page
      3.2 Sub page 1
      3.3 Sub page 2

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
------------------------------------------------------------------------------*/

body { background: #fff; color: #333; font: 62.5%/1.3 Arial, Helvetica, sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
a, a:visited { color: #333366; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container { font-size: 1.2em; }
.inner { width: 960px; padding: 0 20px; position: relative; margin: 0 auto; }

/* 2.2 Header
------------------------------------------------------------------------------*/

#header { width: 100%; background: #1D438D url(../images/header/bg.gif) no-repeat 50% 0; }
#header .logo { float: left; }
#header .logo a { display: block; width: 295px; height: 95px; text-indent: -9999px; }


/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation { background: transparent url(../images/navigation/bg.gif) repeat-x 0 0; padding: 0 0 5px 0; overflow: visible; }
#navigation .inner { background: #1795be; border-top: 5px solid #edb66b; overflow: visible; }
#navigation ul { float: left; width: 860px; height: 35px; border-top: 4px solid #20416d; margin: 0 -20px 5px -20px; padding: 0 70px; display: inline; }
#navigation ul li { float: left; position: relative; }
#navigation ul li a { float: left; display: block; height: 13px; color: #fff; text-transform: uppercase; padding: 10px 30px 10px 32px; position: relative; }
#navigation ul li.active a,
#navigation ul li a:hover { background: transparent url(../images/navigation/li-hover.gif) no-repeat 0 0; text-decoration: none; }
#navigation ul li.active a span,
#navigation ul li a:hover span { position: absolute; right: 0; top: 0; width: 18px; height: 33px; margin: 0; background: transparent url(../images/navigation/li-hover.gif) no-repeat 100% 0; }

/* sub menu */
#navigation ul li ul { position: absolute; top: 33px; left: 20px; width: 140px; height: auto; border: 0; border-top: 1px solid #1795BE; margin: 0; padding: 0; z-index: 9999; display: none; }
#navigation ul li ul li { border-bottom: 1px solid #fff; }
#navigation ul li ul li a,
#navigation ul li.active ul li a { float: left; height: auto; padding: 10px 15px; width: 110px; margin: 0; text-transform: none; background: #1C3961; text-align: center; }
#navigation ul li ul li a:hover { background: #1C3961; text-decoration: underline; }

/* sub nav */
#sub-nav .inner { background: #edb66b; /margin: -1px 0 0 0;}
#sub-nav ul { float: left; margin: 0 0 0 60px; display: inline; /margin-bottom:-1px;}
#sub-nav ul li { float: left; margin: 0 10px 0 0; display: inline; }
#sub-nav ul li a,
#sub-nav ul li a:visited { float: left; color: #000; font-weight: bold; display: block; height: 15px; padding: 5px 30px; background: transparent url(../images/navigation/sub-nav-li.gif) no-repeat 0 0; position: relative; }
#sub-nav ul li a span { position: absolute; top: 0; right: 0; height: 25px; width: 16px; background: transparent url(../images/navigation/sub-nav-li.gif) no-repeat 100% 0;  /right:-1px;}
#sub-nav ul li a:hover { text-decoration: none; }

/* breadcrumb */
#breadcrumb { float: left; background: #fff; width: 100%; }
#breadcrumb ul { float: left; margin: 0 0 0 10px; display: inline; }
#breadcrumb ul li { float: left; margin: 10px 5px; display: inline; }
#breadcrumb ul li a { color: #3953a4; border-right: 1px solid #3953a4; padding: 0 5px 0 0; }
#breadcrumb ul li.last a { border: 0; }

/* 2.4 Content
------------------------------------------------------------------------------*/

#homepage #content { background: transparent url(../images/content/bg-frontpage.jpg) repeat-y top center }
#inner-page #content { background: transparent url(../images/content/inner-bg.jpg) no-repeat 100% 100%; }
#content { position: absolute; width: 100%; z-index: -1; }

#innerpage  #content { background: url(../images/content/bg-innerpage.jpg) repeat-y scroll center 10% transparent; }

#content .inner { width: 1000px; overflow: visible; padding: 0; }
#real-content { float: left; width: 1000px; margin: 0 0 0 -20px; padding: 0 0 0 20px; display: inline;}

#flash { float: left; width: 935px; height: 285px; margin: 0 0 0 30px; background: transparent; display: inline; position: relative; }
#flash object { position: absolute; top: 45px; left: 300px; }

#flash a { position: absolute; display: block; }

/*a.onboard-stability { width: 250px; height: 155px; text-indent: -9999px; top: 45px; left: 35px; background: transparent url(../images/content/onboard-stability.gif) no-repeat 0 0; }*/
a.onboard-stability { width: 250px; height: 155px; top: 97px; left: 35px; font-size: 22px; font-weight: bold;}
/*a.cad-cam { width: 330px; height: 140px; text-indent: -9999px; top: 55px; right: 45px; background: transparent url(../images/content/cad-cam.png) no-repeat 0 0; }*/
a.cad-cam { width: 330px; height: 140px; top: 97px; right: -23px; font-size: 22px; font-weight: bold; }

#homepage-content { float: left; clear: left; margin: 100px 0 0 0; text-indent: -9999px; display: inline; background: transparent url(../images/content/homepage-content.png) no-repeat 0 0; width: 620px; height: 270px; }

#homepage .pod { margin-top: 40px; }
/* split page */

/* Lagt inn hack for IE6 med padding-top:100px*/
#split { float: left; clear: both; width: 980px; /padding-top:100px;}
#side { float: left; width: 265px; margin: 0 20px 0 20px; display: inline; }
#side .pod { float: left; margin: 0 0 40px 0; padding: 10px; display: inline; }
#side .pod ul { margin: 0; }
#side .pod ul li { margin: 0 0 20px 0; }
#side .pod ul li span { margin: 0; padding: 2px 0 0 25px; color: #449fc5; background: transparent url(../images/content/orange-arrow.gif) no-repeat 0 0; }
#side .pod ul li a:hover, #side .pod ul li a:active { text-decoration: none; }
#side .pod ul li ul { margin: 0 0 0 10px; }
#side .pod ul li ul li { margin: 0; height: 25px; }
#side .pod ul li ul li a { color: #f26522; padding: 5px 0 5px 10px; background: transparent url(../images/content/arrow.gif) no-repeat 0 10px; }
#side .pod ul li ul li a:hover { background-color: #f3f7fa; text-decoration: none; }

#side .pod ul.icons { float: left; margin: 0; display: inline; }
#side .pod ul.icons li { float: left; margin: 0 20px 0 0; display: inline; }
#side .pod ul.icons li.last { margin: 0; }
#side .pod ul.icons li a { background: none; padding: 0; border: 2px solid #51b0da; padding: 1px; }
#side .pod ul.icons li a img { display: block; }

#main { float: left; width: 670px; }
#main h1 { color: #363795; font-size: 1.4em; margin: 0 0 10px 0; }
#main strong { margin: 0; display: block; }
#main p { margin: 0 0 15px 0; }
#main ul { margin : 0px 20px; list-style: disc;}
#main ul li { list-style: disc;}

/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home page
------------------------------------------------------------------------------*/
.pod { float: right; width: 247px; padding: 10px 15px; margin: 0 20px 20px 0; display: inline; border: 1px solid #3299cc; border-top: 4px solid #3299cc; background: #fff; }
.pod h3 { float: left; margin: -35px 0 0 65px; display: inline; width: 82px; height: 15px; padding: 5px 19px; color: #fff; text-transform: uppercase; background: transparent url(../images/pod/h3-bg.png) no-repeat 0 0; }
.pod strong a, 
.pod strong a:visited { color: #333366; font-size: 1.1em; display: block; padding: 0 0 5px 25px; margin: 0; background: transparent url(../images/pod/bullet.gif) no-repeat 0 0; }
.pod span { display: block; margin: 0px 0 0 25px; }
.pod p { color: #666766; margin: 0 0 5px 25px; }
.pod a, .pod a:visited { display: block; color: #000; margin: 0 0 10px 25px; }

#little-compass { float: right; width: 155px; height: 90px; margin: 0 40px 0 0; }
#little-compass img { float: right; margin: 0 40px 0 0; }


/* Escio adds */

#main ul.articleArchive {
	margin	:	0px;
	padding	:	0px;
	list-style	:	none;
}

		#main ul.articleArchive li {
			list-style		:	none;
			margin			:	0px;
			padding			:	5px 0px;
			border-bottom	:	1px dotted #ccc;
		}
		
		#main ul.articleArchive li h2 a {
			font-size	:	16px;
		}
		
#main table.nav {
	color				:	#fff;
	border-collapse		:	collapse;
	border				:	0px;
}

#main table.nav.top {
	margin-top	:	-22px;
}
		
		#main table.nav td {
			padding	:	3px;
			background-color	:	#3299CC;
		}
		
		#main table.nav td.header {
			text-align			:	center;
			background-color	:	transparent;
			padding				:	0px;
			border-bottom		:	2px solid #3299CC;
		}

				#main table.nav td.header h1 {
					background	:	url("../images/pod/h3-bg.png") no-repeat scroll top center transparent;
					margin		:	0px;
					padding		:	0px;
					color		:	#fff;
				}

		#main table.nav a {
			text-decoration	:	underline;
			color			:	#fff;
		}

		#main table.nav a.selected {
			font-weight	:	bold;
		}
		
span.dateSmall {
	font-style	:	italic;
	font-size	:	10px;
}