/* 
Cascading Style Sheet 
for TorbenRees.com
http://www.torbenrees.com/

Design by W.M. Stutterheim - SiDESiGN 
http://www.sidesign.info/ 

(C) copyright 2008 SiDESiGN
*/

/* General */
html, body	{
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

body	{
	background: #4b3b1d url("/images/background_body.jpg") repeat-x bottom fixed;
	text-align: center; 
}

th, td	{
	padding: 4px; 
	vertical-align: top; 
}

/* Fonts */ 
p, a, td, th, font, textarea, input, div, li	{
	font-family: Verdana; 
	font-size: 11px; 
	color: #ffffff; 
	text-align: left; 
}

p	{
	margin: 4px;
}

h1, h2, h3	{
	font-family: Georgia; 
	font-weight: bold; 
}

h1	{
	font-size: 25px; 
	margin: 15px 4px 4px 4px; 
}

h2	{
	font-size: 16px; 
	margin: 10px 4px 4px 4px; 
}

	h2 em	{
		font-size: 13px; 
		font-weight: normal; 
		font-style: normal; 
	}

h3	{
	font-size: 13px; 
	margin: 6px 4px 4px 4px; 
}

div#topmenu ul	{
	position: relative; 
	float: right; 
	clear: both; 
}

div#topmenu ul, div#topmenu ul li	{
	display: inline; 
	list-style: none outside; 
	margin: 0px; 
	padding: 0px; 
}

div#topmenu ul li a	{
	font-size: 13px; 
	font-weight: normal; 
	text-decoration: none; 
	margin: 0 0 0 40px; 
	color: #a07f55; 
}

div#topmenu ul li a:hover	{
	color: #e3bf90; 
}

div#topmenu ul li a.big	{
	font-size: 14px;
	color: #e3bf90;
}

div#topmenu ul li a.big:hover	{
	color: #a07f55;
}

div#lowermenu p	{
	font-size: 17px; 
	font-weight: normal; 
	color: #e3bf90; 
	margin: 2px; 
	text-indent: 0; 
}

div#lowermenu p.second	{
	margin-left: 20px; 
}

div#lowermenu a	{
	font-size: 17px;
	font-weight: normal; 
	color: #e3bf90; 
	text-decoration: none; 
}

div#lowermenu a:hover	{
	text-decoration: underline;
}

span, div#testimonial p, div.testimonial p	{
	font-family: Georgia; 
	font-size: 13px; 
	text-align: center; 
	line-height: 20px;
	text-indent: 0; 
}

span	{
	font-size: 14px; 
	line-height: normal; 
	font-weight: bold; 
}

span, p	{
	text-indent: 20px; 
}

div#testimonial p em, div.testimonial p em	{
	font-family: "Brush Script MT"; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 25px; 
}

div.testimonial p em	{
	font-size: 20px; 
}

div.boxleft h2 a	{
	font-family: Georgia; 
	font-weight: bold; 
	font-size: 16px; 
	margin: 10px 4px 4px 4px; 
	text-decoration: underline; 
}

div.boxleft h2 a:hover	{
	text-decoration: none; 
	color: #a07f55; 
} 

div.boxcontent h1	{
	font-size: 14px; 
	font-weight: bold; 
	margin: 10px 4px 4px 4px;
	color: #F5DBB8; 
}

div.boxcontent h2	{
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: normal; 
	margin: 10px 4px 0px 4px; 
}

div.boxcontent h2 strong	{
	font-weight: bold; 
}

div.boxcontent p	{
	font-size: 12px; 
	margin: 0px 4px 4px 4px; 
	text-indent: 0; 
}

div.boxcontent a	{
	text-decoration: none; 
}

div.boxcontent a:hover	{
	text-decoration: underline; 
}

div.extra p	{
	text-indent: 0; 
	color: #000000; 
}

div#footer p	{
	font-size: 9px; 
	text-align: center; 
	color: #555555; 
	font-weight: normal; 
	text-indent: 0; 
}

div#footer p a	{
	font-size: 9px; 
	color: #555555; 
	text-decoration: none; 
}

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

div#loading div.message p	{
	font-size: 20px; 
	font-weight: bold; 
	text-indent: 0; 
	text-align: center; 
	color: #fff;
}

/* Divs */
div#loading	{
	position: absolute;  
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 100; 
	background: #353535; 
	-moz-opacity: .75;
	opacity: .75;
}

	div#loading div.loader	{
		position: relative; 
		width: 32px; 
		height: 32px; 
		margin: 30% auto 20px auto; 
	}
	
	div#loading div.message	{
		position: relative; 
		width: 300px; 
		height: 50px; 
		margin: 20px auto 0 auto; 
	}
	
div#container	{
	position: relative; 
	width: 980px; 
	margin: 0 auto; 
	padding: 0; 
	border: none; 
}

div#header	{ 
	position: relative; 
	float: left; 
	width: 960px; 
	height: 190px; 
	margin: 10px; 
	padding: 0; 
}

	div#logo	{
		position: absolute; 
		top: 0;
		left: 0; 
		width: 195px; 
		height: 115px; 
		margin: 0; 
	}
	
	div#topmenu	{
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 623px; 
		text-align: right; 
	}
	
	div#lowermenu	{
		position: absolute; 
		top: 115px; 
		left: 5px; 
		margin: 0; 
	}

div#content	{
	position: relative; 
	float: left;  
	width: 960px; 
	margin: 10px; 
	padding-bottom: 30px; 
}

	div.boxleft	{
		position: relative; 
		float: left; 
		width: 650px; 
		min-height: 178px;
		border: none; 
	}

		div#torbenSW	{
			position: relative; 
			float: left; 
			margin: 0 0 0 70px; 
			/*top: 0; 
			left: 50px; */
		}
		
		div#torbenWP	{
			position: relative; 
			float: left; 
			margin: 50px 0 50px 50px; 
			/*top: -230px; 
			left: 350px; */
		}
		
		div#testimonial	{
			position: absolute; 
			width: 430px; 
			top: -150px; 
			left: 320px; 
		}

		div.testimonial	{
			position: relative; 
			float: left; 
			clear: both; 
			margin: 20px 10px 10px 10px; 
			width: 620px; 
		}
		
		div.bodyItem	{
			clear: both; 
		}
		
		div.extra	{
			float: right; 
			margin: 4px; 
		}

		div.player	{
			width: 400px; 
			height: 45px; 
			background: transparent url("/images/background_player.png") no-repeat; 
			padding: 12px 0 0 40px; 
		}
		
	div.boxright	{
		position: relative; 
		float: right; 
		width: 250px;
		min-height: 178px; 
		background: #b6996f url("/images/background_box.jpg") repeat-x top; 
		border: 1px solid #000000; 
	}

		div.boxcontent	{
			float: left; 
			width: 250px; 
			background: url("/images/box_pianofaded.png") no-repeat bottom; 
		}
		
div#footer	{
	position: fixed; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	height: 20px;
	background: #d2d2d2; 
}

div.spacer	{
	clear: both; 
}

/* Images */ 
img	{
	border: none; 
}

img.lineC, img.lineL, img.nolineL, img.lineR, img.nolineR	{
	border: 1px #000000 solid; 
	margin: 4px; 
}
	
img.lineC	{
	display: block; 
	margin: 4px auto; 
}

img.nolineC	{
	display: block; 
	margin: 4px auto; 
	border: none; 
}

img.lineL	{
	float: left; 
}

img.nolineL	{
	float: left; 
	border: none; 
}

img.lineR	{
	float: right;
}

img.nolineR	{
	float: right; 
	border: none; 
}

img.hover:hover	{
	border: 1px solid #e3bf90; 
}

.ws	{
	width: 100%; 
}

img.musicline	{
	float: right;
	margin-bottom: 8px; 
	clear: both; 
}

div#torbenSW img.title, div#torbenWP img.title	{
	position: absolute; 
	top: 24px; 
	left: 20px; 
	/*display: block; */
}

div#testimonial img.ldquote, div.testimonial img.ldquote	{
	position: absolute; 
	top: -10px; 
	left: -10px; 
	width: 57px; 
	height: 40px; 
}

div#testimonial img.rdquote, div.testimonial img.rdquote	{
	position: absolute; 
	bottom: 20px; 
	right: -10px; 
	width: 57px; 
	height: 39px; 
} 

/* Forms */ 
input, textarea	{
	color: #000000; 
}