/************************************************
  *   
  *	Author: Kira Greibrokk
  *	Solvea AS
  *   
  ***********************************************/


/************* DEFAULTS *************/

* {
margin: 0;
padding: 0;
}

html {
min-height: 100.3%;
height: 100%;
text-align: center;
}

body {
background: #FFFFFF;
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: left;
}

a {
text-decoration: none;
}

img {
border: 0;
}

ul {
list-style-type: none;
}

/************* CONTAINER, BRANDING *************/

#container {
margin: 0 auto;	
text-align: left;
width: 1024px;
position: relative;
}

#branding {
background: url("../../images/GlobalGradient.png") no-repeat;
height: 150px;
margin: 0 auto;
width: 1024px;
position: relative;
top: 32px;
left: 0px;
}

#logo {
height: 83px;
width: 196px; 
position: relative;
top: 2px;
left: 25px;
}

/************* NAVIGATION *************/

#navigation {
color: #584A44;
}

#nav_sub {
position: absolute;
top: 10px;
right: 100px;
}

#nav_sub li {
display: inline;
margin: 0 30px 0 30px;
}

#navigation #nav_sub a {
color: #B4B4B5;
font-size: 9px;
text-transform: uppercase;
}

#nav_main1 {
position: absolute;
top: 59px;
left: 272px;
}

#nav_main2 {
position: absolute;
top: 59px;
left: 513px;
}

#nav_main3 {
position: absolute;
top: 59px;
left: 753px;
}

#navigation .heading {
font-size: 14px;
text-transform: uppercase;
margin: 0 0 5px 0;
}

#navigation a {
color: #584A44;
font-size: 11px;
}

#navigation li.active a {
color: #00A6D3;
}

#english {
position: absolute;
top: 5px;
left: 945px;
}

#english img {
height: 25px;
width: 30px;
}


/************* CONTENT *************/
#content {
background-color: #E6E7DE;
margin: 0 auto;
width: 1024px;
position: relative;
top: 32px;
}


/************* CONTENT - HOMEPAGE *************/
#content_home{
background: url("../../images/windmill.png") no-repeat 100% 100%;
height: 795px;
}

#teasers {
background: url("../../images/windmill.smal.png") no-repeat 23% 100%;
height: 795px;
margin: 0 0 0 20px;
}

#teasers li {
border-left: 1px dashed #BBBBBB;
float: left;
height: 795px;
}

#teasers li.lastItem {
border-right: 1px dashed #BBBBBB;
}

#teasers .teaser {
background-color: #BFBAB5;
height: 280px;
margin: 0 10px 0 10px;
width: 220px;
position: relative;
top: 228px;
}

#teasers .teaser:hover {
background-color: #EADB62;
}

#teasers img {
height: 120px;
margin: 5px 5px 2px 5px;
width: 210px;
}

#teasers span {
color: #FFFFFF;
display: block;
font-size: 10px;
padding: 5px 0 0 0;
margin: 0 0 0 10px;
}

#teasers h2 {
color: #EADB62;
font-size: 14px;
font-weight: lighter;
margin: 0 0 10px 0;
}

#teasers p {
color: #FFFFFF;
font-size: 11px;
}

#teasers .teaserText {
background-color: #584A44;
height: 100px;
margin: 0 0 0 5px;
padding: 10px 5px 10px 5px;
width: 200px;
}

#profileImage1 {
position: absolute;
top: 12px;
left: 28px;
}

#profileImage2 {
position: absolute;
top: 77px;
left: 268px;
}

#profileImage3 {
position: absolute;
top: 95px;
left: 276px;
}

#profileImage4 {
position: absolute;
top: 92px;
left: 373px;
}


/************* CONTENT - SECTIONPAGE *************/
#map {
border: 1px solid silver;
color: #584A44;
font-size: 12px;
height: 750px;
margin: 0 0 0 10px;
width: 940px;
}

#map a, #map .titleText {
color: #584A44;
font-weight: bold;
}

#section_home {
padding: 4px 0 0 0;
width: 964px;
}

#articles {
margin: 0 0 0 0;
overflow: hidden;
}

#articles li {
float: left;
padding: 0 10px 0 10px;
width: 460px;
}

#articles li div.item {
border-top: 1px solid silver;
height: 150px;
padding: 15px 0 0 5px;
}

#articles li div.item:hover {
background: #C5C2BD;
}

#articles li#article1 div.item, #articles li#article2 div.item {
border: none;
margin: 10px 0 0 0;
}

#articles li img {
float: right;
margin: 0 10px 0 10px;
}

#articles li p, #articles li span, #archiveArticles li p {
color: #584A44;
}

#articles li p.title, #archiveArticles li p.title, #listArticles li p.title {
color: #00A6D3;
font-weight: bold;
}

#article1, #article3, #article5, #article7, #article9, #article11, #article13, #article15, #article17, #articles li.buffer {
border-right: 1px dashed #BBBBBB;
margin: 0 1px 0 0;
}

#articles li.buffer {
height: 60px;
}

/************* CONTENT - IMAGE *************/
#image {
margin: 0 10px 0 10px;
width: 940px;
}

/************* CONTENT - ARTICLE *************/
#content_main {
border-left: 1px dashed #BBBBBB;
border-right: 1px dashed #BBBBBB;
margin: 0 40px 0 20px;
overflow: hidden;
}

#divider {
border-right: 1px dashed #BBBBBB;
height: 100%;
width: 5px;
position: absolute;
top: 0px;
left: 738px;
}

#article {
margin: 0 5px 0 0;
overflow: visible;
padding: 20px 10px 0 0;
width: 700px;
float: right;
}

#article #WebStoriesRedux {
margin: 0 0 100px 0;
}

#text {
border-right: 1px dashed #BBBBBB;
float: left;
min-height: 500px;
margin: 5px 0 0 0;
padding: 10px 10px 100px 0;
width: 450px;
}

#text ul, #facts ul {
margin: 20px 0 0 0;
}

#text ul p, #facts ul p {
color: #584A44;
font-weight: bold;
margin: 0 0 0 0;
}

#facts {
color: #333333;
float: left;
margin: 5px 0 0 0;
padding: 10px 10px 100px 10px;
width: 210px;
}

#facts b, #text b {
color: #584A44;
}

#facts li {
padding: 2px 0 2px 30px;
}

#facts li.pdf {
background: url("../../images/pdf.gif") no-repeat;
}

#facts li.ppt {
background: url("../../images/ppt.gif") no-repeat;
}

#facts li.xls {
background: url("../../images/xls.gif") no-repeat;
}

#facts li.doc {
background: url("../../images/doc.gif") no-repeat;
}

#article h1 {
color: #584A44;
font-size: 24px;
font-weight: lighter;
margin: 0 0 7px 0;
}

#article img {
width: 700px;
}

#article .imageText {
background-color: #584A44;
color: #EADB62;
font-size: 10px;
height: 18px;
padding: 7px 0 0 10px;
position: relative;
top: -5px;
left: 0px;
}

#article .topBar {
background-color: #584A44;
height: 30px;
}

#ingress {
color: #584A44;
font-size: 16px;
margin: 10px 0 20px 0;
}

#article p {
margin: 0 0 15px 0;
}

#article a {
color: #00A6D3;
}

#related_links {
height: 100%;
padding: 55px 10px 100px 5px;
width: 220px;
float: right;
}

#related_links a {
color: #00A6D3;
font-size: 12px;
font-weight: bold;
text-decoration: none;
position: absolute;
bottom: 10px;
left: 5px;
}

#related_links li:hover a {
color: #584A44;
}

#related_links li {
border-bottom: 1px solid silver;
height: 50px;
width: 220px;
position: relative;
}

#related_links li:hover {
background-color: #C5C2BD;
}

#related_links p {
background-color: #584A44;
color: #EADB62;
font-size: 11px;
height: 17px;
margin: 0 0 0 0;
padding: 13px 0 0 5px;
}

#related_links li.subtitle {
border-bottom: none;
height: 30px;
width: 220px;
}

#flash {
margin: 0 10px 10px 0;
}

#caption {
width: 200px;
position: absolute;
top: 70px;
left: 510px;
}


/************* CONTENT - ARCHIVE, LIST *************/
#archive {
width: 700px;
}

#archiveArticles {
margin: 0 5px 150px 0;
overflow: visible;
padding: 0 10px 0 10px;
width: 700px;
float: left;
}

#archiveArticles li {
border-top: 1px dashed silver;
float: left;
height: 150px; 
padding: 15px 10px 15px 10px;
width: 680px;
}

#archiveArticles li img {
float: right;
margin: 0 0 0 20px;
}

#archiveArticles li:hover {
background: #C5C2BD;
}

#archive h1, #list h1 {
color: #584A44;
font-size: 24px;
font-weight: lighter;
margin: 20px 0 7px 12px;
}

#list #articles {
margin: 30px 0 70px 0;
padding: 20px 0 40px 0;
}

#list #articles li div.item {
height: 200px;
}

#list #articles li div.item:hover {
background-color: #E6E7DE; 
}

#list #articles a {
color: #00A6D3;
}

#flatListArticle1, #flatListArticle3, #flatListArticle5, #flatListArticle7, #flatListArticle9 {
border-right: 1px dashed silver;
}

/************* SEARCH *************/
#search {
background-color: #584A44;
height: 32px;
width: 1024px;
position: absolute;
top: 0px;
left: 0px;
}

#search form {
background: url("../../images/Search.png") no-repeat;
height: 28px;
width: 190px;
position: absolute;
top: 4px;
left: 750px;
}

#searchInput {
border: none;
position: relative;
top: 5px;
left: 27px;
}

#submit {
display: none;
} 


/************* FOOTER *************/

#footer {
background: url("../../images/FooterGradient.png") no-repeat;
clear: left;
color: #584B44;
font-size: 10px;
height: 80px;
margin: 0 auto;
width: 1024px;
position: relative;
top: 32px;
}

#footer1 {
position: absolute;
top: 15px;
left: 30px;
}

#footer2 {
position: absolute;
top: 15px;
left: 270px;
}

#footer3 {
position: absolute;
top: 15px;
left: 512px;
}

#footer4 {
position: absolute;
top: 15px;
left: 753px;
}

#footer a, #footer a:visited {
color: #584B44;
}