/********************************************
   AUTHOR:  			Peter Hoglund 
   WEBSITE:   			http://www.webpunkten.se
      	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }
html {
     overflow: -moz-scrollbars-vertical;
}
body {
	margin: 0;
	padding: 0;
	color: #000000;
	background: #235fa3;
	font: normal 73%/1.7em Verdana, arial, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana, arial, sans-serif;
		background: #FFF url(../images/bg.jpg);
}



/* links */
a {color: #990000; text-decoration: none; }
a:hover {color: #666; text-decoration: underline; }

/* headers */
h1 { font-family: Tahoma, Verdana, Arial, serif;
color: #B9320E;
line-height: 1.3em;
font-size: 1.7em;
font-weight: normal;
margin: 15px 0 6px 45px;}


h2  { font-family: Tahoma, Verdana, Arial, serif;
color: #d50707;
line-height: 1.5em;
font-size: 1.7em;
font-weight: normal;
margin: 20px 0px 0px 0px;
padding: 0px 0px 15px 0px;}

h3 { font-family: Verdana, Arial, serif;
color: #333;
line-height: 20px;
font-size: 12px;
font-weight: normal;
}
h4 {font-family: Tahoma, Verdana, Arial, serif;
color: #666;
line-height: 2.9em;
font-size: 1.1em; 
font-weight: bold}

h5 { font-family: Verdana, Arial, serif;
color: #333;
line-height: 16px;
font-size: 11px;
font-weight: normal;
}

p, h2, h3 {
	margin: 0px 0 0px 0;
}
ul, ol {
	margin: 0px 0px;
	padding: 0 0px;		
}

span {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 1px 0px;
	line-height: 14px;
	text-indent: 0px;
}



/***********************
	  LAYOUT
************************/
#wrap {
	width: 988px;
	margin: 0 auto;
	text-align: left;
}

#header, #footer-content{
	width: 988px;
}

/* header */
#header {
	height: 104px;
	text-align: left;	
	margin: 0 auto; padding: 0;
	background: url(../images/bg_top.png) no-repeat;
}

#header-top {	
	float: left;
	margin: 45px 0 0 40px;
	padding: 0;
	height: 50px;
	width:190px;
	text-align: left;
}


/* header menu */
#menu{
	margin: 0;

	padding: 79px 0px 0px 250px;
}




/* main */
#main {
	float: left;
	width: 948px;
	margin: 0px 0px 0px 0px; 
	padding: 20px 0px 0px 38px;
	height: 500px;
	background: url(../images/bg_main.png) repeat-y;
}

#mainXL {
	float: left;
	width: 948px;
	margin: 0px 0px 0px 0px; 
	padding: 20px 0px 0px 38px;
	height: 600px;
		background: url(../images/bg_main.png) repeat-y;
}





/* footer */
#footer {
	width: 988px;
	clear: both;
	margin: 0; padding: 45px 0 0 0;
		height:85px;
	text-align: center;
	background: #235fa3 url(../images/bg_bottom.png) no-repeat;	
}

#footer h3, #footer p {	margin-left: 0; }

#footer h3 {font-family: Tahoma, Verdana, Arial, serif;
color: #8db9eb;
line-height: 1.7em;
font-size: 1.0em; 
font-weight: normal;
}
#footer h4 {font-family: Tahoma, Verdana, Arial, serif;
color: #8db9eb;
line-height: 1.5em;
font-size: 0.8em; 
font-weight: normal;
}
#footer-content {	
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 80%;
	background:#fff;
	height:40px;

}
#footer a {
	text-decoration: none;
	color: #8db9eb;	
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }

  .shadowImg {
   padding: 0px;
   background-image: url(shadow.png);
  }

   li, img, a, a.hover, a:active, div{ behavior: url(iepngfix.htc)
 }
   .bg1 img {
	      padding: 0px 0px 0px 0px;
}