* { margin: 0; padding: 0; }
html {
	background-color: #f5f5f5;
	color: #000;
}
body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background-color: #f5f5f5;
	color: #000;
	padding-bottom: 30px;
}
img {border: 0;}
a, a:active, a:visited, a:link {
	color: #0000ee;
	text-decoration: none;
}
a:hover {
	color: #ee0000;
}
#page {
	text-align: left;
	width: 750px;
	margin: 10px auto 5px auto;
	background-color: #ffffff;
	color: #000;
	padding: 0;
	border: 1px solid #000000;
}
/* The foot */
#foot {
	width: 750px;
	text-align: center;
	margin: 0 auto 0px auto;
	font-size: 0.9em;
}
/* The top "banner"*/
#top {
	position: relative;
	background: #ffffff url('top.jpg') no-repeat;
	color: #000;
	height: 160px;
	border-bottom: 1px solid black;
}
#top h1 {display: none;}
#logo {
	background: transparent url('websystem.se.png') no-repeat;
	height: 53px;
	left: 44px;
	position: absolute;
	top: 40px;
	width: 328px;
}
#webmail {
	background: transparent url('webmail.png') no-repeat;
	height: 42px;
	left: 208px;
	position: absolute;
	top: 83px;
	width: 128px;
}


/* The menu */
#menu {
	position: absolute;
	top: 136px; /* it is one pixel more because we want to "step" over the border-bottom */
	left: 9px;
	height: 25px;
}
#menu ul {list-style-type: none;}
#menu li {float: left;}

#menu a, 
#menu a:active,
#menu a:visited,
#menu a:link {
	background: transparent url('tabs.png') no-repeat scroll 0 0;
	color: #000;
	display: block;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	text-align: center;
	width: 100px;
	margin: 0 1px 0 1px;
}
#menu a:hover {background-position: 0 -25px;}
#menu a.selected {background-position: 0 -50px;}

/* The content */

#content {
	background: #ffffff url('contentbackground.jpg') no-repeat 415px 0;
	padding: 15px;
	border: 0px solid black;
}
#content h2 {
	font-size: 16px;
	margin: 0.5em 0 0.2em 0;
	font-family: 'Georgia', serif;
}
#content h3 {
	font-size: 12px;
}
#content p {
	margin-bottom: 1.5em;
	line-height: 1.4em;
	font-size: 12px;
}
#content p.success {
	color: #008000;
}
#content p.error {
	color: #ee0000;
}
#content table {
	margin-bottom: 1.5em;
}
#content ul {
	list-style-position: inside;
	margin-bottom: 1.5em;
}

/* For the referense boxes */
#content div.referencebox {
	position: relative;
	padding-left: 130px;
	margin: 0px 0 30px 0;
	top: 0px;
}
#content div.referencebox ul {
	list-style-position: inside;
	list-style-type: disc;
}
#content div.referencebox a img {
	position: absolute;
	left: 2px;
	top: 5px;
}
#content div.referencebox p {
	margin-bottom: 0;
}

/* For the contactus form */
#contactus {
	padding: 0;
}
#contactus label {
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
#contactus textarea {
	width: 300px;
	height: 100px;
}
#contactus input.button {
	width: auto;
}
#contactus input {
	width: 300px;
}