/* 	design by www.UnikGrafik.se 
	info @ unikgrafik.se  */
			
* {margin:0; padding:0;}

body {
	font: 9px verdana, helvetica, sans-serif;
	background: #004964 repeat-x 0 0; /* dark blue */
	color: #c7e2ec; /* light blue*/
}

a {color: #c7e2ec;} /* light blue */

a:hover, a:focus {color: #8cc63f;} /* screeming green */

img {border:0;}

h1 {
	font-size:  14px;
	font-weight: bold;
	color: #8cc63f; /* screeming green */
	margin: 0 0 10px;
	border-bottom: 1px dashed #8cc63f; /* 3a7489 */
	padding: 0 0 5px;
}

h2 {
	font-size:  11px;
	font-weight: bold;
	color: #8cc63f; /* screeming green */
	padding: 5px 0 3px;
}

h3 {
	font-size:11px;
	font-weight: normal;
	color: #dff0f6;
	margin: 30px 0 10px;
	border-bottom: 1px dashed #8cc63f;
	padding: 0 0 5px;
}

h4 {
	font-size:  11px;
	font-weight: bold;
	color: #8cc63f; /* screeming green */
	padding: 5px 0 3px;
}

h5 {
	font-size:  11px;
	font-weight: bold;
	color: #8cc63f; /* screeming green */
}

p {
	font-size: 11px;
	margin: 0 0 15px;
}

ul,ol {font-size: 11px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* top meny navigation, general settings */
#nav {
	list-style: none;
	background: #0A3D52; /* very dark blue */
	padding: 15px 0 10px 210px; /* padding for placing in the top */
	border-bottom: 1px dashed #8cc63f; /* main color, screaming green */
}
/* top menu navigation, list settings */
#nav li {
	display: inline;
	margin: 0 0 0 17px;
	font-weight: bold;
	font-size: 11px; /* top menu text size */
}
/* top menu navigation, links settings */
#nav li a {
	color: #fff; /* white */
	text-decoration: none;
}
/* top menu navigation, links a hover settings */
#nav li a:hover {color: #8cc63f;} /* main color, screaming green */
/* top menu navigation, current link settings */
/* image and size of the green current link box */
#nav li.current {
	background: url(../img/current_nav.gif) repeat-x 100% 100%;
	padding: 5px 8px 17px 10px;
}
#nav li.current a {
	color: #fff;
	/*padding: 0 12px 0 12px;*/
}
/* #0e4961 = main color, dark blue */
#nav li.current a:hover {
	color: #0e4961;
}

/* lang navigation, general settings */
#lang {
	padding: 10px 0 0 20px;
	list-style: none;
	background: #0A3D52;
}

#lang li {
	display: inline;
	padding: 0 10px 0 0;
	font-size: 11px; /* top menu text size */
}

#lang li a {
	color: #fff;
	text-decoration: none;
}

#lang li a:hover {color: #8cc63f;} /* main color, screaming green */

/*------ logo + tagline ------*/
#brand {
	width: 100%;
	position: absolute;
}
#logo {
	width: 210px;
	float: left;
	background: url(/img/canons_logo.jpg) no-repeat 15px 37px; /* logo placing */
	height: 145px; /* height of the logo */
	text-indent: -9999px;
	display: block;
}

#front {
	float: left;
	height: 150px; /* height of the image */
	margin: 40px 0 0 45px; /* distance between photo and surroundings */
}

/*------ content layout ------*/
#content {
	width: 100%;
	min-height: 450px; /* the min height of the light area on the page */
	background: url(/img/vdot.gif) repeat-y 220px 0; /* dots between left and right panels */
	padding: 0 0 0; 
}
#col1 {
	width: 100%;
	float: left;
	height: 270px; /* space between top menu and the headings on the bottom */
	border: 0;
}
#col2 {
	width: 75%;
	float: left;
	padding: 0 0 0 15px;
	max-width: 900px; /* the max space for the 2 cols with the main content */
}
#col1 ul li, #main-content ul li {
	list-style: none;
	padding: 0 0 1em 12px;
	background: url(/img/bullet.gif) no-repeat 0 7px;
}
#col1 ul li {padding-bottom: .5em;}
#main-content {padding: 0 0 20px 240px;} /* space from the left edge to the first heading */
#main-content a {
	color: #c7e2ec; /* light blue */
	text-decoration: none;
}
#main-content a:hover {color: #8cc63f;} /* screeming green */

#main-content table {font-size: 11px;} /* font size in the container table */

#main-content ol {padding: 0 0 0 25px;}
#main-content ol li {padding: 0 0 1em;}
#main-content ol li p,
#main-content ul li p {font-size: 1em;}

#strong-color {color: #8cc63f;} /* screeming green */
#strong-color a {
	font-weight: bold;
	color: #8cc63f; /* screeming green */
	text-decoration: none;
}
#strong-color a:hover {color: #c7e2ec;} /* light blue */

/*------ homepage ------*/
#front-panel {
	width: 57%;
	max-width: 280px; /* for the max see col2 width */
	float: left;
	padding: 0 35px 30px 0;
}
#front-panel2 {
	width: 35%;
	max-width: 200px;
	float: left;
	padding: 0 0 10px 0;
}

/*------ footer ------*/
#footer {
	border-top: 1px dashed #8cc63f; /* screeming green */
	width: 100%;
	background: url(../img/f_bg.gif) repeat-x 0 0;
}
#contactinfo {
	padding: 20px 0 0 255px;
	color:#c7e2ec;
}
#contactinfo a {
	color: #c7e2ec; /* light blue */
	text-decoration: none;
}
#contactinfo a:hover {color: #8cc63f;} /* screeming green */

/*------ author ------*/
#author {
	padding: 15px 0 0 255px;
	color: #c7e2ec;
	font-size: 1em;
	min-height: 90px;
}

#author a {
	color: #c7e2ec;
	text-decoration: none;
}

#author a:hover {
	color: #8cc63f;
	text-decoration: none;
}