/* ----- WRITTEN BY JOHANNES@ALONETOGETHER.NET ----- */
/* -------- COPYRIGHT ALONE+TOGETHER 2013 -------- */
/*  --------------- RESET STYLES --------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	border: 0;
	outline: none 0;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
section, article, header, footer, nav, aside, hgroup {
	display: block;
}
/* --------------- END RESET --------------- */


html {}
body {
	font-family: arial;
	color: #444;
	margin: 0 auto;
	padding: 0;
	background-color: #c1bfbe;
	background-attachment: fixed;
	background-image: url(../img/anna-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

a {
	color: #444;
	font-weight: bold;
	text-decoration: none;	
}
a:hover {
	color: #666;
	text-decoration: none;
}



/* ---------------- SPACING ---------------- */

.white-space-tiny { height: 2px; }
.white-space-small { height: 10px; }
.white-space-anchor { height: 35px; }
.white-space-medium { height: 30px; }
.white-space-xl { height: 200px; }
.white-space-nav { height: 860px; }

/* ---------------- NAVIGATION ---------------- */

.menu {
	width: 100%;
	height: 25px;
	position: fixed;
	top: 0;
	left: 0;
	padding-top: 8px;
	padding-left: 4px;
	word-spacing: 5px;
	background: white;
	background-color:rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";

}
#nav li {
	display: inline;
	font-size: 16px;	
}

#nav li a {
	color: #444;
	font-weight: 400;
	text-decoration: none;	
}
#nav li a:hover {
	color: #666;
	text-decoration: none;
}
#nav li a:visited {
	color: #444;
	text-decoration: none;	
}

/*--------------- CONTENTS -----------------*/


.col01 { 
	font-size: 12px; 
	font-family: Arial, SunSans-Regular, sans-serif; 
	font-weight: 400; 
	font-style: normal; 
	width: 40%; 
	padding-right: 10px; 
}

.col02 { 
	font-size: 12px; 
	font-family: Arial, SunSans-Regular, sans-serif; 
	font-weight: 400; 
	font-style: normal; 
	width: 60%; 
	padding-right: 10px; 
}

.col03 { color: #666; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 400; width: 420px; padding-right: 50px; }
.col03 a { color: #444; font-weight: bolder; text-decoration: none; }
.col03 a:hover { color: #999; font-weight: bolder; }
.col04 { color: #666; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 400; width: 440px; }
.col04 a { color: #444; font-weight: bolder; }
.col04 a:hover { color: #999; font-weight: bolder; }

.left { 
	float: left; 
}
.clear { 
	clear: both; 
}
.wrapper {
	width: 100%;
	margin:0 auto;
}
.content {
	width: 99%;
	margin: 0 auto;
	background:white;
	background-color:rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
	padding-top:10px;
	padding-left:10px;

}	

.S {
	font-size: 12px;	
}