@charset "utf-8";
/* CSS Document */

html, body {margin:0; padding:0; border:0;}

body {
color:#333333;
/*background:#dad9d6 url("images/norskdesign_bg_body.gif") repeat-y 50% 0;*/
background: #66ccff; /*#b8cded; #BAC6DA; #6666ff;  #D3DFB0;*/
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
text-align:center;
margin:0;
}

html { 
   overflow-y: scroll;
   }

.clear { clear: both; }

.wide {
background:#E9E9E9;
width:100%;
}

.bottom {border-top: 1px solid #999999; position: relative;}

.banner1 {
background:url(../images/header.jpg);
width:840px;
height:157px;
}	

.banner2 {
background:url(../images/contactdetails.png);
width:840px;
height:28px;
}	

.footer {
	height:233px;
	width:840px;
	background:url(../images/footer.jpg) no-repeat;
}

.banner_advance {
	width:840px;
	height:100px;
	background:url(../images/banner_advance.png);
}

.wrapper_shadow{
margin:0 auto;
width:900px;
background:#ccc url(../images/shadow.png) repeat-y 0;
}

.wrapper {
margin:0 auto;
width: 840px;
text-align:justify;
background:#66ccff; /*url(images/background2.jpg) repeat-y 0;
/*background:#66ccff url(images/footer.jpg) center bottom no-repeat;*/
/*border: 1px solid #CCCCCC;*/
}


* html .wrapper { /*** IE5.X/win box model fix *****/
width: 842px;
wid\th:840px;
}

.innertube {padding: 12px; background:#66ccff;}

.innertube_b {padding: 30px;}

.outer {
position:relative; /*** for IE to show contents outside the parent container ***/
margin-left:0px; /**** critical left col value ***/
width:588; /*** critical left and right col/divideer dimension value ****/
background:#66ccff; /** background center col ***/
/*border-left: 1px solid #CCCCCC; ** critical left divider dimension value ***/
/*border-right: 1px solid #CCCCCC; ** critical riight divider dimentison value ***/
}

* html .outer { /*** IE5.x/win box model fix ***/
width:590px; /*** critical left and right col/divider dimmension value ***/
wid\th:588px; /*** critical left and rigth col/divider dimension ***/
}

.float-wrap {
float: left;
width: 588px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 588px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical left col/divider dimension value ***/
margin-left: -151px;    /*** Critical left col/divider dimension value ***/
/*background-color:#99CC33;*/
}

* html .left {float:left;}

*>html .left {width:151px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 150px;    /*** Critical left col dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 252px;    /*** Critical right col/divider dimension value ***/
margin-right: -250px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -252px;
}
/* */

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

.container-right { 
/* \*/width: 250px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}

/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
 different elements and see if that fixes the problem. Sometimes it may be necessary 
 to use "position: relative;" on certain elements, but it's hard to tell in advance which 
 elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
 of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */



/******************** box *******************************/

.bl {background: url(../images/box_bl.gif) 0 100% no-repeat #b2e5ff; width: 200px;}
.br {background: url(../images/box_br.gif) 100% 100% no-repeat}
.tl {background: url(../images/box_tl.gif) 0 0 no-repeat}
.tr {background: url(../images/box_tr.gif) 100% 0 no-repeat; padding:5px}
.clear {height: 1px} 

.txt_box {
	color:#333;
}

.box_h1 {
	color:#333;
	font-size:16px;
	font-weight:bold;
}