/*------------------------------------------------------------------------------/*
/*										/*
/*			MAIN FEATURES STYLE SHEET				/*
/*		Defines the essential framework	for the website			/*
/*										/*
/*------------------------------------------------------------------------------/*


/*----------------------------------------------*/
/*	Global Settings				*/
/*----------------------------------------------*/

body {
	min-width:600px;
	max-width:1663px;
	/*width: 882px;*/
	margin:0;
	padding:0;
	border:0;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color:#000;
	background: url(../img/internet_bg.gif) #FFFFFF repeat-x left top;
}


h1,h2,h3,h4,h5,h6 {
	margin: 0;	
}

/*
h1 {
	font-size:160%;
	font-weight:400;
}
*/

/* Hide from ie mac */
/* \ */
/** html h1,h2 {
	font-size:150%;
	font-weight:400;
}*/
/* */
/*

h3 {
	font-size:115%;
}*/


/* Hide from ie mac */
/* \ */
/** html h3 {font-size:120%;}*/
/* */

/*
h4 {
	font-size:100%;
}


h5 {
	font-size:90%;
}


h6 {
	font-size:90%;	
}
*/


p {
	margin:0 0 1em 0;
	padding:0;
}


form {
	margin:0;
	padding:0;
}


legend {
	color: #333;
}


img {
	border: none;
}



/*----------------------------------------------*/
/*	Navigation Styles			*/
/*	-link styles				*/
/*----------------------------------------------*/


a:link {
	color: #023189;;
}

/*
:visited{
	color:#666;
}
*/
/*a:visited{
	color:#023189;
}*/

a:link:hover,a:visited:hover{
	color:#023189;
	text-decoration: underline;
}


a:link:active {
	color:#DC241F;
}


a:focus {
	outline:0;
}



/*----------------------------------------------*/
/*	Global classes				*/
/*----------------------------------------------*/


.pad {
	margin:5px;
}


.rlpad{
	margin: 0 18px 0 18px;
}


.grey{
	color:#333;
}

.blankrow {	
	height: 5px;
}

.whiterow {
	font-size: 4pt;/* IE Fix*/
	background-color: #ffffff;
	height: 4px;	
}

.clear {
	clear: both;
	height:0;
	line-height:0;
	margin:0;
	overflow:hidden;	
}


.marg{
	width: 100%;
	margin: 0.3em auto;	
}


.left{
	float: left;
}


.right{
	float: right;
}


.topmargin{
	margin-top: 1em;
}


.bottommargin{
	margin-bottom: 5px;	
}

.leadText {
	font-size:125%;
	line-height:20px;
}


/*----------------------------------------------*/
/*	Header Styles				*/
/*----------------------------------------------*/

ul.cssmenu {
	list-style-type:none;
	padding:0;
}

#header {			
	width: 100%;
	/*overflow: hidden;*/
	position:relative;
	padding: 0;
	/*background:url("../img/graphics/bgheader-gradient.png") repeat-x top;*/	
}


/* Hide from ie mac */
/* \ */
/** html #header {height:38px;}*/
/* */

#header ul {	
	/*position:absolute;
	top:0;
	right:0;*/
	height: 25px;
	margin:0;
	padding:0;
	/*border-left:1px solid #444;*/
	/*list-style:none;	*/
}


#header li {
	display:block;
	float:left;
	margin:0;	
	padding:0;
	width: 126px;
	height: 100%;
	border:0 none;	
	font-size:100%;	
}


#header ul li a:link,#header ul li a:visited {
	display:block;	
	float:left;	
	background:url("../img/menu/off.gif");
	/*border-left:1px solid #444;*/
	font-weight: bold;	
	text-decoration:none;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #444444;
}

#header ul li a span{
	display: block;
	position: relative;
	bottom: -5px;
}

#header ul li a.kbe:link,#header ul li a.kbe:visited {
	padding:0 ;
}


#header ul li a.kbe:hover, #header ul li a.kbe:active {
	background:url("../img/menu/over.gif");
	color:#444;
	text-decoration: none;
	font-size:1em;
}


a#link-aker, a#link-aker:hover, a#link-aker:active {
	padding: 0;
}

#link-home {
	background:url("../img/menu/home_over.gif")
}

#link-about {
	background:url("../img/menu/about_off.gif")
}

#link-solutions {
	background:url("../img/menu/about_off.gif")
}

#link-products {
	background:url("../img/menu/about_off.gif")
}

#link-technology {
	background:url("../img/menu/about_off.gif")
}

#link-career{
	background:url("../img/menu/career_off.gif")
}

#link-contact {
	background:url("../img/menu/about_off.gif")
}

#link-aker img{
	display: block;	
}



/*----------------------------------------------*/
/*	Container Styles			*/
/*----------------------------------------------*/

/* Setting the text-align to center is crucial for IE to center the contents of the pages. 	*/
/* This setting is later overridden, ref content styles section.		 		*/
#container{	
	border-bottom:0 none #000000;
	border-right:0 none #000000;
	border-style:none;
	border-width:0;
	margin:0 auto;
	text-align:left;
	width:882px;
}

/* IE 7 hack, http://www.webdevout.net/css-hacks#in_css-selectors*/
*:first-child+html #container {
	width: 885px;
}


/* Hide from ie mac */
/* \ */
/** html #container{height: 500px;}*/
/* */

/*----------------------------------------------*/
/*	Breadcrumps Styles			*/
/*----------------------------------------------*/


#sti {	
	min-height:15px;
	margin-top:0.5em;
	margin-left: 1em;
	padding:0;	
	font-size:0.7em;
	font-weight:Bold;	
	text-decoration:none;
	color:#666;	
}


/* Hide from ie mac */
/* \ */
/** html #sti {height:15px;}*/
/* */


#sti a:link,#sti a:visited{
	color:#666;
}


#sti a:hover,#sti a:active{
	color:#333;
}

/* For layout: the divs with ids sti-container, content and footer-container has to have the same max-width-value */
#sti-container{
	margin:0 auto;
}


/* Hide from ie mac */
/* \ */
/** html #sti-container{width: 850px;}*/
/* */



/*----------------------------------------------*/
/*	Logo Styles				*/
/*----------------------------------------------*/

#logoheader {
	margin: 0 auto;
}

#logopanel {
	/*background:url("../img/graphics/logopanel-100.jpg") repeat-x scroll center top;*/
}


#logo-cont {	
	min-height:300px;
	margin: 0 auto;		
	/*background:url("../img/graphics/test2_iscala-front.png") no-repeat top left;*/
	text-align: left;
}


/* Hide from ie mac */
/* \ */
/** html #logo-cont {height:300px;width: 900px;}*/
/* */


#slogan{
	position:relative;
	left:20px;	
	top: 220px;
	color:#DC464C;
	letter-spacing:0.025em;
}



/*----------------------------------------------*/
/*	Content Styles				*/
/*	-defines the containers at first	*/
/*----------------------------------------------*/


#content-wrapper{		
	background:#FFFFFF none repeat scroll 0 0;	
}


/* For layout: the divs with ids sti-container, content and footer-container has to have the same max-width-value */
#content {	
	border:none;
	text-align: left;
	background:url("../img/graphics/borderright.gif") repeat-y;
	background-position: right;	
	/*height: 550px;*/
	/*min-height: 550px;*/
	padding-bottom: 5em;
}

#bluetoprow{		
	padding: 2px;
	height: 30px;	
	background:url("../img/graphics/header_bg.gif") repeat-x;
	color: #ffffff;
}

#bluetoprow div{	
	margin-top: 0.6em;
	font-weight: bold;
	margin-left: 8px;
	margin-right: 18px;
}

#bluetop span{
	display: block;
	margin-top: 0.6em;	
}

#bluetoprow a{
	color: #ffffff;
	/*text-decoration: none;*/
}

#mainimage {	
	height: 227px;
	width: 569px;
}

/* Hide from ie mac */
/* \ */
/** html #content {width:850px;}*/
/* */


#content-left {
	width:200px;
	float:left;
	overflow:hidden;
	padding:0;
	border:none;	
}


#content-right {	
	max-width:630px;
	min-width:630px;		
	margin-left:210px;
	/*margin: 15px 0 0 210px;*/
	padding:0;
	border:none;			
	line-height:1.3em;	
}

#content-right h1{
	font-size:167%;
	font-weight: bold;	
}

#content-right p{
	font-size:108%;		
	/*margin: 15px 0 10px 10px*/
	line-height:20px;
}


/* Hide from ie mac */
/* \ */
/** html #content-right {width: 630px;}*/
/* */


/* Hide from ie mac */
/* \ */
/** html #about #content-right legend{color: #333;}*/
/* */



/*----------------------------------------------*/
/*	Content Left Styles			*/
/*	-defines the left column's 		*/
/*	associated parts			*/
/*----------------------------------------------*/


#submenu{
	width:193px;
	overflow:hidden;	
}


#submenu ul {
	margin:0;
	padding:0;
	list-style-type:none;	
}


#submenu a{
	display:block;
	width:175px;
	padding:8px 12px;
	background:transparent url("../img/graphics/submenu-bg-grey.png") no-repeat top left;	
			
	color: #333;
	text-decoration:none;
}


#submenu a:hover{
	background:transparent url("../img/graphics/submenu-bg-orange.png") no-repeat top left;	
}



/*----------------------------------------------*/
/*	Bottom Image Styles			*/
/*----------------------------------------------*/

#bottom-image{	
	height: 2px;
	width: 100%;
	background: url("../img/graphics/borderbottom.gif") repeat-x top left;
}


/* Hide from ie mac */
/* \ */
/** html #bottom-image{height: 220px;}*/
/* */


/*----------------------------------------------*/
/*	Footer Styles				*/
/*----------------------------------------------*/


#footer {
	min-height:30px;
	width:100%;
	clear:both;
	margin:0 auto;
	padding:0;	
	text-align: left;
	font-size: .8em;		
}


/* Hide from ie mac */
/* \ */
/** html #footer{height: 30px;}*/
/* */


/* For layout: the divs with ids sti-container, content and footer-container has to have the same max-width-value */
#footer-container {
	/*min-width: 850px;
	max-width:850px;*/
	margin:0 auto;
}


/* Hide from ie mac */
/* \ */
/** html #footer-container{width: 850px;}*/
/* */

#footer a {
	text-decoration: none;
}

#footer-left {
	width: 50%;
	float:left;
}


#footer-right{
	width: 45%;
	float:right;
	text-align: right;
}


#footer ul {
	float:left;	
	margin:0;
	padding:0;
	list-style:none;
}

#footer li {
	float:left;
	margin:0;
	padding:0;	
}

#footer span, #footer ul a:link, #footer ul a:visited {		
	padding:10px 10px 0 10px;
	color:#333;	
	text-decoration:none;
}

#footer ul a:hover {
	text-decoration:underline;
}


#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#444;
}