/* global */

* {
   margin: 0;
   padding: 0;
   font-weight: normal;
   text-decoration: none;
}

body {
   margin: 5em auto;
   width: 80em;
   font-family: Arial, Helvetica, Tahoma, sans-serif;
   font-size: 62.5%;  /* for IE/Win */
   color: #666;
}

html>body {
   font-size: 10px;  /* for everything else */
}



/* sizing, positioning, borders, bg */

div#logo {
   padding-top: 4.8em;
   width: 24.3em;
   float: left;
   border-top: 3px solid #888;
}

div#main {
   margin: 7.8em 0 3em 0;
   width: 53.4em;
   float: right;
}

div#box {
   margin: 4.3em 0 6em 0;
   padding: 1.8em 2.4em 0 2.4em;
   width: 19.5em;
   float: left;
   border-top: 1px solid #d5d5d5;
   border-bottom: 1px solid #d5d5d5;
   background: #f9f9f9;
}

div#footer {

   padding: .8em 0 0 26.6em;
   clear: both;
   border-top: 1px solid #ccc;
}

div.item {
   margin-bottom: 2.4em;
}

div#box div.item {
   margin-bottom: 1.7em;
}

div#main p.box {
   margin: 1em 0;
   padding: .3em;
   border-top: 1px solid #d5d5d5;
   border-bottom: 1px solid #d5d5d5;
   background: #f9f9f9;
   font-size: 1.1em;
}

body#home div#main p.box {
   margin-top: 3em;
}

div#legal {
   margin: 0em 0 0em 0;
   width: 130%;
   float: right;
}

/* formatting, decoration */

h1 {
   margin: 0 auto;
   height: 66px;
   width: 100%;
   position: relative;
   overflow: hidden;
   font-size: 4em;
   color: #008982;
}

h2 {
   margin-bottom: 2.3em;
   position: relative;
   overflow: hidden;
   font-size: 1.5em;
   text-transform: uppercase;
}

h3 {
   margin-bottom: 1em;
   font-size: 1.3em;
   text-transform: uppercase;
   color: #888;
}

h4 {
   margin-bottom: .3em;
   font-size: 1.4em;
   font-weight: normal;
   text-transform: uppercase;
}

h5 {
   margin-bottom: .2em;
   font-weight: bold;
   font-size: 1.1em;
}

h4, h5 {
   color: #000;
}

div#main p {
   margin-bottom: 1em;
   font-size: 1.2em;
   line-height: 1.6em;
}

div#legal p {
   margin-bottom: 1em;
   font-size: 1.2em;
   line-height: 1.6em;
}

body#news div#main p, body#projects div#main p {
   margin-bottom: .5em;
}

div#box p, div#footer p {
   margin-bottom: .7em;
   font-size: 1.1em;
   line-height: 1.4em;
}

div#box ul {
   margin-bottom: 2em;
}

div#main li {
   margin: 0 0 .3em 1.6em;
   list-style: circle;
   font-size: 1.2em;
   line-height: 1.6em;
}

div#main li .status {
   margin-left: 5px;
   color: #999;
}


div#box li {
   margin-bottom: .1em;
   list-style: none;
   font-size: 1.1em;
   line-height: 1.4em;
}

div#box img {
   margin-bottom: 2em;
}

a {
   color: #ff7400;
}

div#main a:hover, div#footer a:hover {
   text-decoration: underline;
}

a.pdf {
   display: block;
   padding: .8em 0 .6em 30px;
   background: url(images/pdficon.png) center left no-repeat;
   color: #222;
}

a.external {
   padding-right: 13px;
   background: url(images/externallink.png) center right no-repeat;
}

a.internal {
   padding-right: 9px;
   background: url(images/internallink.png) center right no-repeat;
}

strong {
   font-weight: bold;
   color: #000;
}

em {
  color: #ff7400;
}



/* nav */

ul#nav {
   width: 53.4em;
   float: right;
   background: url(images/gray.png) repeat-x top;
}

ul#nav li {
   margin: 0 1em;
   list-style: none;
   float: left;
   background: url(images/orange.png) no-repeat top left;
}

ul#nav li a {
   display: block;
   padding: .7em 1em;
   background: url(images/gray.png) repeat-x top;
   text-transform: uppercase;
   color: #777;
}

ul#nav li a:hover {
   background: url(images/white.png) no-repeat right top;
}



/* image replacement */

h1 a {
   display: block;
   height: 100%;
   width: 100%;
   color: #005952;
}

h1 a span {
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   background: url(images/logo.png) no-repeat left top;
   cursor: pointer; /* for ie */
}

body#home h2     {width: 216px; height: 17px;}
body#news h2     {width: 233px; height: 17px;}
body#projects h2 {width: 159px; height: 17px;}
body#clients h2  {width: 184px; height: 17px;}
body#contact h2  {width: 181px; height: 17px;}
body#about h2    {width: 160px; height: 17px;}
body#swedish h2  {width: 220px; height: 17px;}

h2 span          {width: 100%; height: 100%; position: absolute;}

body#home h2 span     {background: url(images/hhome.png) no-repeat;}
body#news h2 span     {background: url(images/hnews.png) no-repeat;}
body#projects h2 span {background: url(images/hprojects.png) no-repeat;}
body#clients h2 span  {background: url(images/hclients.png) no-repeat;}
body#contact h2 span  {background: url(images/hcontact.png) no-repeat;}
body#about h2 span    {background: url(images/habout.png) no-repeat;}
body#swedish h2 span  {background: url(images/hswedish.png) no-repeat;}



/* forms */

fieldset {
   padding: 4em 2em 2em 2em;
   width: 44.5em;
   border: 1px solid #999;
}

label {
   display: block;
   margin-bottom: .2em;
   width: 100%;
   font-size: 1.2em;
}

form#contactform div {
   margin-bottom: 1.5em;
}

div.column1 {
   width: 48%;
   float: left;
}

div.column2 {
   width: 48%;
   float: right;
}

div.columnwide {
  width: 100%;
  float: left;
}

div.hidden {
   display: none;
}

form .styled {
   padding: 0.1em;
   width: 100%;
   border: 1px solid #888;
   font-family: Arial, Helvetica, Tahoma, sans-serif;
   font-size: 1.2em;
   color: #666;
}

form#contactform p {
   margin-top: -1.9em;
   width: 100%;
   text-align: right;
}

form#contactform input#btnSubmit {
   display: block;
   clear: both;
}

div#ValidationSummary1 ul {
   margin-bottom: 4em;
}

div#ValidationSummary1 ul li {
   margin-bottom: .2em;
   color: #ff7400;
}

ul { margin-bottom: 1.3em; }