* { 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('j-f.se.png') no-repeat;
	height: 53px;
	left: 14px;
	position: absolute;
	top: 10px;
	width: 328px;
}
.pic {
	font-size: 12px;
	border: 5px solid black;
	text-align:center;
	background: #a1a1a1;
	padding-top: 30px;
	padding-bottom: 40px;	
	padding-left: 20px;
	padding-right: 20px;	
	margin-left: auto;
	margin-right: auto;
	width: 470px;
}

/* 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 {
	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: 16px;
	line-height: 15px;
	font-size: 12px;
}
p.success {
	color: #008000;
}

p.error {
	color: #ee0000;
}

/* Fotoalbumskuggor */

/*
div#content {
	position: absolute;
	left: 240px;
	width: 520px; 
	height: 345px;
	overflow: auto;
}
*/

div#images {
	width: 500px; /* (112+13)*4 */
}
div#images img {
	display: block;
}
/* These are not div. since the big picture needs them as span */
div.ds1, div.ds2, div.ds3 {
	display: block;
}
div.ds1 {
	background: url('shadow.png') right bottom no-repeat;
	margin-bottom: 7px; /* 13 - 6 */
	float: left;
}
div.ds2 {
	background: url('corner_bl.png') left bottom no-repeat;
}
div.ds3 {
	padding: 0 6px 6px 0;
	background: url('corner_tr.png') right top no-repeat;
}
div.Portrait {
	margin-right: 7px; /* 13 - 6 */
}
div.Landscape {
	margin-right: 0px; /* 6 - 6 */
}

/* Slut Fotoalbumskuggor */

/* 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;
	font-size: 12px;
}
.contactus textarea {
	width: 300px;
	height: 100px;
}
.contactus input.button {
	width: auto;
}
.contactus input {
	width: 300px;
}
.contactus input.radio {
	width: 0px;
}