body {
background-color: #fff;
font-family: 'Century Gothic', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
color: #3a2828;
font-size: 13px;
margin: 0;
padding: 0;
overflow: hidden;
}

/*     LAYOUT       */

	#container {
	display: block;
	position: relative;
	margin: 20px auto 0 auto; /* top right bottom left */
	width: 950px;
	}

		#header {
		display: block;
		width: 500px;
		margin: 0 100px 0; /* top right bottom left */
		}
		
			#header h1 {
			text-indent: -9999999px;
			margin: 0;
			width: 500px;
			height: 234px;
			background-image: url(./img/h10/Loggan-UF.jpg);
			}
		
			#header h1 a {
			display: block;
			width: 500px;
			height: 234px;
			}
		
				
		#content, #ajax-content, #scrollerWindow, #start, #julia, #foto {
		width: 950px;
		height: 330px;
		overflow: hidden;
		display: block;
		position: relative;
		margin: 0;
		}
				
		#content {
		}
		
			#scrollerWindow {
			}
					
				#scrollingContent {
				position: relative;
				width: 10000px;
				height: 10000px;
				}

				.scrollPanel {
				float: left;
				padding: 0;
				margin: 0;
				}
			
				#start {
				}
				
					#start img {
					display: block;
					height: 250px;
					border: 0;
					margin-top: 30px;
					}
					
						.start_julia, .start_foto, .start_blogg {
						position: absolute;
						top: 0;
						}
						
							.start_julia {
							left: 0px;
							width: 250px;
							}
						
							.start_foto {
							left: 258px;
							width: 372px;
							}
						
							.start_blogg {
							left: 638px;
							width: 167px;
							}
				
				#julia {
				}
				
					#julia .clear-left {
					display: block;
					float: left;
					clear: left;
					width: 354px;
					height: 300px;
					}
					
					#julia .scroll-pane {
					overflow: hidden;
					position: relative;
					display: block;
					float: left;
					width: 500px;
					height: 262px;
					padding: 20px;
					}
					
					#julia .start_julia {
					margin-top: 30px;
					}
				
				#foto {
				}
					
					#photo-wrapper  {
					width: 950px;
					margin-left: 0px;
					text-align: center;
					}
						
						.photo-wrapper {
						display: inline;
						position: relative;
						margin: 0;
						margin-left: 20px;
						margin-bottom: 15px;
						padding: 0;
						width: 116px;
						height: 116px;
						line-height: 116px; /* Ska vara samma som hödjen för att centrera rätt. */
						overflow: hidden;
						float: left;
						clear: none;
						text-align: center;
						vertical-align: middle;
						}
						
							.photo-wrapper a {
							margin: 0;
							padding: 0;
							vertical-align: middle;
							}
							
							.photo-wrapper img {
							vertical-align: middle;
							margin: 0;
							padding: 0;
							max-width: 100px;
								width: expression(this.width > 100 ? 100: true);
							max-height: 100px;
								height: expression(this.height > 100 ? 100: true);
							border: 8px solid #ddd;
							}
							
								.photo-wrapper img:hover {
								border: 8px solid #ccc;
								}
								
						/*  KATTER  */
					
					#photo-wrapper-cat  {
					width: 950px;
					margin: 0 0 0 132px;
					text-align: left;
					}
						
						.photo-wrapper-cat {
						display: inline;
						position: relative;
						margin: 0;
						margin-left: 20px;
						margin-bottom: 20px;
						padding: 0;
						width: 136px;
						height: 256px;
						line-height: 256px; /* Ska vara samma som hödjen för att centrera rätt. */
						overflow: hidden;
						text-align: center;
						vertical-align: middle;
						}
						
							.photo-wrapper-cat-text {
							position: absolute;
							top: 50%;
							left: -12%;
							}
						
							.photo-wrapper-cat a {
							margin: 0;
							padding: 0;
							vertical-align: middle;
							}
							
							.photo-wrapper-cat img {
							vertical-align: middle;
							margin: 0;
							padding: 0;
							max-width: 120px;
								width: expression(this.width > 120 ? 120: true);
							max-height: 240px;
								height: expression(this.height > 240 ? 240: true);
							border: 8px solid #ddd;
							}
							
								.photo-wrapper-cat img:hover {
								border: 8px solid #ccc;
								}
					
						
					#pilar {
					position: relative;
					clear: both;
					width: 780px;
					height: 24px;
					margin: 0;
					margin-left: 30px;
					margin-top: 0;
					padding: 0;
					}
					
						.p-vanster, .p-hoger {
						display: block;
						position: relative;
						float: left;
						width: 390px;
						height: 26px;
						text-align: center;
						}
						
						.p-vanster a, .p-hoger a {
						display: block;
						width: 22px;
						height: 26px;
						position: absolute;
						left: 184px;
						}
						
						#pilar a {
						text-decoration: none;
						font-size: 24px;
						}

		#menu {
		margin: 0;
		width: 950px;
		height: 27px;
		position: relative;
		}
		
			#menu a {
			display: block;
			position: absolute;
			text-indent: -9999999px;
			height: 27px;
			padding: 0;
			margin: 0;
			top: 0;
			}
			
			#menu .goto_julia {
			left: 58px;
			width: 134px;
			background-image: url(./img/h10/om.jpg);
			}
			
			/*	#menu .goto_julia_now, #menu .goto_julia:hover  {
				background-image: url(./img/h10/julia_o.png);
				}
			*/
			
			#menu .goto_foto {
			left: 364px;
			width: 190px;
			background-image: url(./img/h10/portfolio.jpg);
			}
			
			#menu .goto_blogg {
			left: 673px;
			width: 104px;
			background-image: url(./img/h10/blogg-lank.jpg);
			}
		
		
/*     ÖVRIGT       */
		
		
	a:active, a:focus, a:hover {
		outline: none;
	}

	#hidden, #hidden * {
		display: none;
	}
	
#julia .jScrollPaneTrack {
top: 40px;
height: 312px;
}
	
#hund .jScrollPaneTrack {
position: absolute;
cursor: pointer;
left: 40px;
top: 60px;
height: 292px;
background: #666;
}

#hund .jScrollPaneDrag {
background: #aaa;
cursor: pointer;
overflow: hidden;
}

#hund .scroll-pane .ruta {
display: block;
float: right;
clear: right;
margin: 20px;
margin-left: 16px;
margin-top: -20px;
background-color: #404040;
padding: 15px;
}

#julia .scroll-pane .ruta {
display: block;
float: left;
clear: left;
margin: 20px;
margin-left: 0;
margin-top: 0;
background-color: #ddd;
padding: 15px;
}

#hund .scroll-pane h2 {
font-size: 20px;
}

.tjock {
font-weight: bold;

}
	
	
	/*   LÄNKAR   */
	
a, a:active, a:hover, a:visited {
color: #000;
text-decoration: underline;
font-style: italic;
}

	a:hover {
	color: #000;
	text-decoration: none;
	}
	
	

a:focus
{
  -moz-outline-style: none;
}