body {
	width: 100%;
	height: 100%;
	margin: 1em;
	padding: 0;
	background: #fff;
	font-family : Arial, "Microsoft Sans Serif", Tahoma, Helvetica, sans-serif;
	font-size: 85%;
	color: #333;
}

body.global { margin: 0;background: url("http://www.chemwood.se/img/layout/bg_body.gif") repeat-x top left; }

h1, h2, h3, h4, #mainMenu a { font-family: Arial, Tahoma, Helvetica, Sans-serif; }
h1, h2, h3, h4 { margin: 0 0 0.3em 0;padding: 0; }
h1 {
	margin-bottom: 1.2em;
	padding: 0 0 0 1.8em;
	letter-spacing: 1px;
	background: url("http://www.chemwood.se/img/layout/squareBlue.gif") no-repeat top left;

	font-size: 1.2em;
	color: #0088ab;
}
h1.headingGreen { background: url("http://www.chemwood.se/img/layout/squareGreen.gif") no-repeat top left;color: #3da64f; }
h2 { font-size: 1em;margin-bottom: 0;padding: 0;color: #555; }
h3 { font-size: 1.1em; color: #20aed9; }

p { margin: 0 0 1em 0;}
p, #main ul { font-size: 0.9em;  }

a { color: #253552;  }
a:hover, .copyright a:hover, #lang a:hover { color: #0088ab; }
a, a:hover, a.link:hover { text-decoration: none; }

sup { font-size: 8px; }

/* ------------ header -------------- */

#header .top { height: 58px; margin: 0;padding: 0;z-index: 100; }
#header .bottom { height: 32px;margin: 0;padding: 0; background: url("http://www.chemwood.se/img/layout/menuDividerLeft.gif") no-repeat bottom left; }

IMG.logo { float: left;width: 200px;height: 40px;margin: 1.4em 0 0 4em; }
IMG#slogan {float: right;width: 330px;height: 30px;margin: 1.5em 12em 0 0; }

#language, #lang { position: absolute;top:10px;right: 0;width: 128px; }

#language a, #lang a { cursor: pointer; }

#lang { width: 126px;top: 23px; background: #fff url("http://www.chemwood.se/img/layout/bg_lang.gif") repeat-x bottom left;border: 1px solid #d6d6d6;z-index: 200; }

#lang ul { margin: 0.5em 0 0 2em; }
#lang li { list-style-type: circle; color:#0088ab; }
#lang li a { font-size: 0.9em;color: #666; }

#mainMenu {
	float: right;
	display: block;
	height: 32px;
	margin: 0;
	padding: 0 4em 0 0;
	background: url("http://www.chemwood.se/img/layout/menuDividerRight.gif") no-repeat bottom right;
}
#mainMenu li { float: left;display: block;margin: 0;list-style-type: none;background: url("http://www.chemwood.se/img/layout/menuRight.gif") no-repeat top right; }
#mainMenu a, 
#mainMenu a:hover, 
#mainMenu li.currentPage a, 
#mainMenu li.currentPage a:hover {
	float: left;
	display: block;
	height: 20px;
	padding: 12px 1.6em 0 1.6em;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #7a7a7a;
	background: url("http://www.chemwood.se/img/layout/menuLeft.gif") no-repeat top left;
}

#mainMenu a:hover, 
#mainMenu li.currentPage a, 
#mainMenu li.currentPage a:hover,
#wood #nav3 a,
#products #nav4 a,
#wood #nav3 a:hover,
#products #nav4 a:hover,
#environment #nav5 a,
#environment #nav5 a:hover { background: url("http://www.chemwood.se/img/layout/menuLeft-hover.gif") no-repeat top left;color: #0088ab; }

* html #mainMenu a:hover { background: url("http://www.chemwood.se/img/layout/menuLeft.gif") no-repeat top left; }

#mainMenu li:hover,
#mainMenu li.currentPage,
#wood li#nav3,
#products li#nav4,
#wood li#nav3:hover,
#products li#nav4:hover,
#environment li#nav5,
#environment li#nav5:hover { background: url("http://www.chemwood.se/img/layout/menuRight-hover.gif") no-repeat top right; }

#mainMenu li.currentPage a, #wood #nav3 a, #products #nav4 a, #environment #nav5 a { color: #333; }

ul#subMenu { margin: 0; }

/* ------------ content -------------- */

#content { /* ALLA */
  	position: relative;
  	max-width: 1000px;
  	margin: 0 auto;
}
* html #content { width: expression(document.body.clientWidth > 1000 ? "1000px" : "96%"); }  /* Bara IE6 */
#content[id] { width: 96%; } /* EJ IE < 7 */

#main {  }

#leftColumn, #rightColumn {margin-top: 1em; }
#leftColumn { float: left;width: 70%; }
#rightColumn { float: right;width: 28%; }

#home .column, .column { width: 100%;background: url("http://www.chemwood.se/img/layout/bg_column.gif") bottom right no-repeat; }

.leftTop {background: url("http://www.chemwood.se/img/layout/leftTop.gif" ) top left no-repeat; }
.rightTop { background: url("http://www.chemwood.se/img/layout/blueCorner2.gif" ) top right no-repeat; }
.rightBottom {  }
.leftBottom  { background: url("http://www.chemwood.se/img/layout/bottomLeft.gif") bottom left no-repeat; }

#leftColumn .text { max-width: 600px;min-height: 300px;margin: 0 3em;padding: 2em 0; }
* html #leftColumn .text { height: 325px; }

#picture { position: relative;height: 238px;margin: 0 8px 0 0; }
.pic-ref1 { background: url("http://www.chemwood.se/img/layout/pic_ref1.jpg") top left no-repeat; }
.pic-ref2 { background: url("http://www.chemwood.se/img/layout/pic_ref2.jpg") top left no-repeat; }
.pic-ref3 { background: url("http://www.chemwood.se/img/layout/pic_ref3.jpg") top left no-repeat; }
.pic-ref4 { background: url("http://www.chemwood.se/img/layout/pic_ref4.jpg") top left no-repeat; }

#home #leftColumn { float: left;width: 64%; }
#home #rightColumn { float: right;width: 34%; }
#home #leftColumn .text { margin: 0 2em;padding: 2em 0 0 0;min-height: 150px; }
* html #home #leftColumn .text { height: 150px; }
#home #leftColumn h1 { margin-bottom: 0.5em; }

#home #rightColumn .text { padding: 1.5em 2em 0 1.5em;min-height: 100px; }
* html #home #rightColumn .text { height: 100px; }

#home #rightColumn h2 { font-size: 1.1em;margin-bottom: 0.5em;padding: 0.1em 0 0 1.8em;background: url("http://www.chemwood.se/img/layout/squareBlue.gif") no-repeat top left;color: #0088ab; }
#home #leftColumn .picCorner { height: 238px;background: url("http://www.chemwood.se/img/layout/picCorner.gif") bottom right no-repeat; }

#home #rightColumn .top .rightTop { background: url("http://www.chemwood.se/img/layout/traskydd.gif") top right no-repeat; }
#home #rightColumn .middle .rightTop { background: url("http://www.chemwood.se/img/layout/torkning.gif") top right no-repeat; }
#home #rightColumn .bottom .rightTop { background: url("http://www.chemwood.se/img/layout/hyvling.gif") top right no-repeat; }

#home #rightColumn .rightBottom { background: url("http://www.chemwood.se/img/layout/rightBottom.gif") bottom right no-repeat; }
#home #rightColumn .leftBottom { background: none; }
#home #rightColumn .column { background: #fff; }


#home .rightTop { background: url("http://www.chemwood.se/img/layout/blueCorner.gif" ) top right no-repeat; }
#home #leftColumn .two .rightTop { background: url("http://www.chemwood.se/img/layout/greenCorner.gif" ) top right no-repeat; }
#environment #leftColumn .rightTop { background: url("http://www.chemwood.se/img/layout/greenCorner2.gif" ) top right no-repeat; }

.moreInfo a {
	display: block;
	width: 86%;
	height: 20px;
	margin: 0 2% 2% 2%;
	padding: 3px 10% 0 0;
	background: #f9f9f9 url("http://www.chemwood.se/img/layout/arrow.gif") top right no-repeat;
	text-align: right;

	font-size: 12px;
	color: #444;
}
.moreInfo a:hover { background: #eee url("http://www.chemwood.se/img/layout/arrow.gif") right top no-repeat;color: #0088ab; }

#subMenu li { margin:0;list-style-type: none; }
#subMenu a, #subMenu a:hover {
	display: block;
	height: 22px;
	padding: 8px 5px 0 12px;
	font-size: 0.9em;
	border-right: 1px solid #fff;
}

#subMenu .subMenuTop { background: url("http://www.chemwood.se/img/layout/menuBack1.gif") top left no-repeat; }
#subMenu .subMenuMiddle { background: url("http://www.chemwood.se/img/layout/menuBack2.gif") top left no-repeat; }
#subMenu .subMenuBottom { background: url("http://www.chemwood.se/img/layout/menuBack3.gif") top left no-repeat; }

#rightColumn #picture { width: 98%;height: 296px;margin: 0;border: 2px solid #fff; }
.pic-ref5 { background: url("http://www.chemwood.se/img/layout/pic_ref5.jpg") bottom left no-repeat; }
.pic-ref6 { background: url("http://www.chemwood.se/img/layout/pic_ref6.jpg") bottom left no-repeat; }
.pic-ref7 { background: url("http://www.chemwood.se/img/layout/pic_ref7.jpg") bottom left no-repeat; }
.pic-ref8 { background: url("http://www.chemwood.se/img/layout/pic_ref8.jpg") bottom left no-repeat; }


/* ------------ footer -------------- */

#bottom { position: relative;background: url("http://www.chemwood.se/img/layout/bg_footer.gif") repeat-x bottom left ; }

#footer { position: absolute;bottom: 0;display: block;height: 110px;width: 100%;font-size: 0.8em; }
#footer .wrapper { background: url("http://www.chemwood.se/img/layout/rightCornerFooter.gif") no-repeat top right; }

#footer ul { display: block; float: left;height: 85px;margin: 0;padding: 1em 0 0 2%;width: 17%; }
#footer ul.copyright { padding-left: 2%;background: url("http://www.chemwood.se/img/layout/leftCornerFooter.gif") no-repeat top left; }
#footer ul.copyright, #footer ul.copyright a { color: #ccc; }
#company { color: #888;font-weight: bold; }
#footer  li { display: block;list-style-type: none; }

#footer ul.copyright #company, IMG.icons { margin-top: 0.5em; }

#line1 { background: url("http://www.chemwood.se/img/layout/line.gif") no-repeat left top; }
#line2 { background: url("http://www.chemwood.se/img/layout/line.gif") no-repeat right top; }

