@CHARSET "UTF-8";



/**
 * Copyright (c) Frederik Aalund <frederikaalund@gmail.com>
 * Feel free to contact me if you need my experience in a
 * project.
 *
 * Feel free to look around and get inspired but do not
 * copy anything directly.
 */



html, body
{
	height: 100%;
}

body 
{
	margin: 0;

	background: url(Images/BodyBackground_GreenRock.jpg);
	
	font: 12pt "Century Gothic";
}



a img {
	
	border: 0;
}



#container 
{
	position: relative;
	min-height: 100%;

	background: url(Images/ContentBackground_CreamRock.jpg) repeat-y center;
}



#header {
	
	height: 624px;
	width: 100%;
	
	background: url(Images/HeaderBackground_WoodPanel.jpg) repeat-x center top;
}


#header_inner
{
	position: relative;
	z-index: 1;
	height: 100%;
	width: 1024px;
	margin: 0 auto;
	
	background: url(Images/HeaderBackground_BlackPanels.png) no-repeat center top;
}


#header a {
	color: #fff;
}

#header h1
{	
	position: relative;
	top: 480px;
	left: 160px;
	width: 692px;
	height: 0;
	padding-top: 116px;
	margin: 0 0 -116px 0;
	overflow: hidden;
	
	background: url(Images/Title.png) no-repeat;
}



#logo
{	
	position: relative; 
	left: 140px;
	z-index: 3;
}

#logo img {
	
	width: 250px;
	height: 250px;
}



#navigation
{	
	position: relative;
	top: -625px;
	z-index: 2;
	left: 50%;
	width: 463px;
	height: 250px;
	margin-left: -120px;
	margin-bottom: -250px;
}

#navigation a {
	
	text-decoration: none;
	color: #fff;
}
#navigation a:hover {
	
	text-decoration: underline;
}

#navigation ul {
	
	margin: 0;
	padding: 0;	
	
	list-style-type: none;
}

#page_terapi, #page_coaching
{	
	float: left;
	position: relative;
	top: 17px;
	width: 231.5px;
	z-index: 10000000;
}

#page_terapi
{
	left: 10px;
}

#page_terapi a, #page_coaching a
{
	float: left;
	width: 100%;
	
	font-size: 32pt;
	letter-spacing: -0.1em;
	text-transform: uppercase;
}

#page_coaching a
{
	letter-spacing: -0.15em;
}

/* Must be split up in IE6. */
#page_terapi .first_letter, #page_coaching .first_letter
{
	float: left;
	position: relative;
	top: -21px;
	padding-right: 100px; /* IE6 Fix. */
	margin-right: -100px; /* IE6 Fix. */
	margin-bottom: -50px;
	
	font-size: 48pt;
}

#page_terapi ul li a, #page_coaching ul li a
{	
	display: block;
	margin-bottom: 0;
	
	font-size: 15.5pt;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1.35em;
	text-transform: none;
}

/* Last selector avoids IE6 bug. */
#page_terapi ul li a:first-letter, #page_coaching ul li a:first-letter, body body
{
	font-size: 100%;
}


#page_terapi ul li ul li a, #page_coaching ul li ul li a
{
	text-indent: 0.66em;
	font-size: 14pt;
	font-weight: normal;
	line-height: 1.4em;
}




#service_information
{
	position: relative;
	top: -365px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 300px;
	margin-bottom: -300px;
}

#service_information h2
{
	display: none;
}

#service_information p
{
	width: 690px;
	margin: 0 auto;
	
	text-align: center;
	line-height: 1.25em;
	font-size: 110%;
	color: #fff;
}

#service_information p strong
{
	font-size: 130%;
}
#service_information p em
{
	font-size: 115%;
	font-style: normal;
	font-weight: bold;
}

#service_information a
{
	color: #fff;
	text-decoration: none;
}
#service_information a:hover
{
	text-decoration: underline;
}



#content
{
	position: relative;
	top: -42px;
	width: 690px;
	padding: 50px 25px 75px;
	margin: 0 auto;
	
	font-size: 12pt;
}

#content h1
{
	margin: 0;
	
	font-size: 300%;
	font-weight: lighter;
}


#content a
{
	text-decoration: none;
	color: #23319e;
}
#content a:hover
{
	text-decoration: underline;
}

#content a:visited
{
	color: #b81d1d;
}

#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a
{
	color: #000;
}

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover
{
	text-decoration: none;
}




img#cv_photo
{
	display: block;
	width: 300px;
	height: 400px;

	margin: 35px auto 15px;
}




#content table tr td
{
	padding: 5px 15px;
	vertical-align: top;
}




#footer
{
	position: absolute;
	bottom: 0;
	
	width: 100%;
	
	background: url(Images/FooterBackground_BlackPanels.jpg) repeat-x bottom;
	
	text-align: center;
	color: #a6a5a2;
}

#footer a
{
	color: #d9d8d4;
	text-decoration: none;
}

#footer li:after
{
	content: "|";
}

#footer li:last-child:after
{
	content: "";
}

#footer a:hover
{
	text-decoration: underline;
}

#footer_navigation
{
	width: 840px;
	height: 60px;
	padding: 20px 0 0 0;
	margin: 0 auto;
	
	background: url(Images/FooterBackground_Indent.png) no-repeat;
	list-style-type: none;
}

#footer_navigation li
{
	display: inline;
}



#footer_information
{
	height: 35px;
	margin-top: -35px;
	
	font-size: 90%;
}


#footer_information p
{
	display: inline;
	padding: 0;
	margin: 0;
}

#footer_information p:after
{
	content: "|";
}
#footer_information p:last-child:after
{
	content: "";
}



/* Leaves left */
#ExtraMarkup1
{
	float: left;
	position: absolute;
	bottom: 50px;
	left: 100px;
	width: 146px;
	height: 447px;
	
	background: url(Images/Content_LeavesLeft.png);
}

/* Leaves right */
#ExtraMarkup2
{
	position: absolute;
	width: 164px;
	height: 251px;
	
	background: url(Images/Content_LeavesRight.png);
}