html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a 
{
     margin: 0;
     padding: 0;
     border: 0;
}
html 
{
height: 100%;
margin-bottom: 1px;
} 
body 
{
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%; /*0.8em;*/
	text-align: center;
}

/* This class applied to DIVs in each of the various content areas, like header, main-nav, and footer. */
/* The main-content and secondary-content DIVs are wrapped in a DIV with this class. */
.container 
{
	width: 725px;
	margin: 0 auto;
	text-align: left;
}

/* Headings and paragraphs */
h1 
{
	font-size: 2.4em;
	margin-bottom: 1.2em;
	font-weight: 600;
}

h2 
{
	font-size: 1.7em;
	font-weight: 600;
	line-height: 100%;
}

h3 
{
	font-size: 1.3em;
}

h1,
h2,
h3
{
	font-family: Georgia, serif;
	color: #333333;
}

h2,
h3,
p
{
	margin-bottom: 0.9em;
}

p
{
	line-height: 1.8em; 
	font-size: 1.2em;
}

.helg {
	color:#FF0000;
}

caption, tr .helg {
	font-size: 1.3em;
	color:#FF0000;
	font-weight: 600;
	text-align:left;
}
/* Skip link */
/* absolutely positioned offscreen so it's not visible but screen readers will still read it aloud. */
#skipnav 
{
	position: absolute;
	top: 0;
	left: -5000px;
}

/* Links */
a,
a:link,
a:visited,
a:active
{
	color: #153CD5; 
	font-weight:600;
	text-decoration: none;
}

a:hover,
a:focus
{
	font-weight:600;
	color: #CC33FF;
	text-decoration: underline;
}

/* Header section */
#printed-header
{
	display: none; /* the printed-header should only display when the page is printed (see print.css) */
}
	
#header 
{
	float: left; 
	width: 100%; 
	background: #CCC url(../images/head_greytone4.jpg) repeat-x;
	color: #333366;
}

#header h1
{
	font-size: 2.2em;
	font-weight:600;
	color:#FFFFFF;
	text-align: center;
	width: 725px;
	height: 105px;
	padding-top: 14px;
	position: static;
	background-image: url(../images/Olivedals_head_e.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	}

/* Main navigation bar */
#main-nav 
{
	clear: both; 
	background: #999999 url(../images/menu_tone_grey.jpg) repeat-x;
	font-size: 1.2em;
}

#main-nav ul 
{
	padding: 0.5em 0; 
	list-style: none; 
}

#main-nav li 
{
	display: inline; 
	margin: 0 0.5em; 
}

/* Main nav links */
#main-nav .container a,
#main-nav .container a:link,
#main-nav .container a:visited,
#main-nav .container a:active
{
	color: #000000;
	text-decoration: none; 
	font-weight: bold;
	letter-spacing: 0.01em;
}

#main-nav .container a:hover,
#main-nav .container a:focus
{
	color: #0000FF;
	font-weight: bold;
	letter-spacing: 0.01em;
	text-decoration: underline;
	background: #FFF00B; 
	border-top: 4px solid #FFF00B; 
	border-bottom: 4px solid #FFF00B; 
}

/*persistent page indicator*/
body.homepage li.home a, 
body.aboutpage li.about a, 
body.pricingpage li.pricing a, 
body.termspage li.terms a, 
body.mappage li.map a, 
body.contactpage li.contact a, 
body.openpage li.open a, 
body.faqpage li.faq a, 
body.sitemappage li.sitemap a 
{
	background: #BBBBBB;
	border-top: 4px solid #BBBBBB;
	border-bottom: 4px solid #BBBBBB;
}

/* Secondary content */
#content-wrapper
{
   background: #CCCCCC url(../images/shadow6.jpg) repeat-x;
   overflow: auto;
}
#secondary-content 
{
	float: left;
	width: 200px;
	margin-top: 20px;
}
#secondary-content #bluediv
{
	background: #5777EE;
	padding: 10px;
	width: 176px;
}

#secondary-content #vignettediv
{
	clear: both;
	width: 176px;
	margin-left: 9px;
}

#secondary-content #bluediv h3
{
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
	line-height: 1.6em
}

#secondary-content #bluediv ul 
{
	margin-left: 1.4em;	
	font-weight:500;
	color:#FFFFFF;
}

#secondary-content #bluediv li
{
	padding-bottom: 0.8em; 
	font-size: 1.05em;
}

#secondary-content #bluediv ul li a,
#secondary-content #bluediv ul li a:link,
#secondary-content #bluediv ul li a:visited,
#secondary-content #bluediv ul li a:active
{
	color: #FFF;
	text-decoration: none; 

}	
#secondary-content #bluediv ul li a:hover,
#secondary-content #bluediv ul li a:focus
{
	color: #000;	
	background: #FFE00B;
} 

/* Main content */
/* This is floated left, too. The total width is 500px = 490 + 10 = width + padding */
#main-content 
{
	float: left;
	width: 490px;
	margin: 20px 0 20px 20px;
	padding-right: 2px;
}

#main-content p 
{
	font-size: 1.2em;
	line-height: 1.8em;
}

#main-content h2
{
	margin-bottom: 0.4em; 
	line-height: 120%;
}

#main-content h3
{
	margin-bottom: 0.5em; 
	line-height: 150%;
}

#main-content h5
{
	font-size: 1.2em;
	line-height: 1.8em; 
	font-weight: 700;
}

#main-content li
{
	font-size: 1.2em;
	padding-left: 20px;
	line-height: 1.8em;
 	list-style-position: inside;
}
/* wrap images with captions in a div with this class */
#main-content .image-with-caption
{
	float: right;
	width: 245px;
	padding-left: 10px;
	padding-bottom: 0.4em;
}
#main-content .image-with-caption p
{
	font-style: italic;
	font-size: 1.1em; 
	padding-top: 0.5em;
}

/*listing of sitemap*/
#main-content dl
{
	font-size: 1.2em;
	line-height: 180%;
	margin-left:25px;
}
#main-content dd
{
	margin-left:25px;
}

/*listing of different price-lists*/
#listing dl
{
	width: 70%;
	font-size: 1.2em;
	padding-left: 25px;
}
/*pdf-image*/
#listing dt 
{
	float:left;
}
#listing dd.titling
{
	margin: 4px 0 0 50px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:0.7px;
	background-color: #5777EE;
}
#listing dd
{
	margin: 5px 0 0 50px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
}

#listing #dt a,
#listing #dt a:link,
#listing #dt a:visited,
#listing #dt a:active
{
text-decoration: none;
}
#listing #dt a:hover,
#listing #dt a:focus
{
background-color:#FF00FF;
}
#listing_web dl
{
	width: 90%;
	font-size: 1.2em;
}

/*web-icons*/
#listing_web dt 
{
	float:left;
}
#listing_web dd.titling
{
	margin: 2px 0 0 100px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:0.7px;
	background-color: #5777EE;
}
#listing_web dd
{
	margin: 5px 0 0 100px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
}

#listing_web #dt a,
#listing_web #dt a:link,
#listing_web #dt a:visited,
#listing_web #dt a:active
{
text-decoration: none;
}
#listing_web #dt a:hover,
#listing_web #dt a:focus
{
background-color:#FF00FF;
}

/* Footer */
#footer 
{
	clear: both; 
	background: #BBBBBB url(../images/menu_tone_grey.jpg) repeat-x;
	color: #000099; 
	padding: 5px 0; 
}

#footer #copyright
{
	float: left; 
}

#footer p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333333;	
}

#footer ul
{
	text-align: right; 
}

#footer li
{
	display: inline;/
	padding-left: 1.6em; 
}

/* Footer links */
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active
{
	color: #0033CC;
	text-decoration: none; 
	font-size: 1em;
	line-height: 18px;
}
#footer a:hover,
#footer a:focus
{
	color: #CC33FF;
	text-decoration: underline;
}