@font-face {
	font-family: 'GraublauWebRegular';
	src: url('/2folks/script/Fonts/graublauweb.eot');
	src: local('Graublau Web'), local('GraublauWeb-Regular'), url('/2folks/script/Fonts/graublauweb.woff') format('woff'), url('/2folks/script/Fonts/graublauweb.ttf') format('truetype');
}

@font-face {
	font-family: 'GraublauWebBold';
	src: url('/2folks/script/Fonts/graublauwebbold.eot');
	src: local('Graublau Web'), local('GraublauWeb-Bold'), url('/2folks/script/Fonts/graublauwebbold.woff') format('woff'), url('/2folks/script/Fonts/graublauwebbold.ttf') format('truetype');
}


html { height:100%; margin-bottom: 1px; }

img {
	border: 0px;
}

body, p { 
	font-family: 'GraublauWebRegular', Arial, sans-serif;
	color: #2D2D2C; 
	font-size: 10pt;
}

p {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

h1 {
	font-size: 12pt;
	color: #555555; 	
	font-family: 'GraublauWebBold', Arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2, th {
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #555555; 	
	font-family: 'GraublauWebBold', Arial, sans-serif;
}

div.text, td.text, {
	margin-top: 0px;
	margin-bottom: 20px;
}

ul {
	margin-top:5px;
	margin-bottom:5px;
	padding-left:15px;
	margin-left:0px;
}

a:link, a:visited, a:hover {
	color: #555555; 
	text-decoration: none;
	font-family: 'GraublauWebBold', Arial, sans-serif;
}

div#main {
	background: #FAFBFA;
	margin-top: 27px;
	width: 815px;
}

div#logo {
	text-align: left;
	width: 815px;
	height: 97px;
	background: #ffffee url(/2folks/gfx/logo.gif);
}

td#lefthandside {
	background: url(/2folks/gfx/lefthandside.gif) left repeat-y;
	text-align:left;
}

td#righthandside {
	text-align: left;
	width: 193px;
	background: url(/2folks/gfx/righthandside.gif) right repeat-y;
}

td#middleside {
	text-align: left;
	width: 438px;
}

div.leftnaviborder {
	border: 2px solid #D88B18;
	width: 142px;
	position: relative;
	top: -5px;
	left: -5px;
}

div.leftnavi {
	margin-left: 25px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-top: 5px;
	background: url(/2folks/gfx/leftmenushadow.gif) bottom right;
}

div.rightnaviborder {
	border: 2px solid #D88B18;
	width: 160px;
	position: relative;
	top: -5px;
	left: -5px;
	background: #FFFFEE;
	text-align: center;
}

div.rightnavi {
	margin-left: 25px;
	width: 164px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-top: 5px;
	background: url(/2folks/gfx/leftmenushadow.gif) bottom right;
}

div.supporttext {
	font-size: 9pt;
	padding : 5px;
}

div.supportdownload {
	font-size: 9pt;
	padding: 5px;
	margin-bottom: 5px;
}

div#abstitle {
	font-family: Arial, sans-serif;
	font-size:14pt;
	margin-top:13px;
	margin-left:15px;
}

div#abstitlevl {
	font-size:11pt;
	margin-top:15px;
	margin-left:52px;
}

div#content	{
	margin-top: 0px;
	margin-bottom: 40px;
	margin-right: 20px;
	width: 390px;
}

div#contenttext	{
	margin-top: 15px;
}

div.listtext {
	margin-bottom:15px;
}

td#footer {
	width: 815px;
	height: 50px;
	text-align: center;
	background: url(/2folks/gfx/footer.gif) no-repeat;		
}

div#footer {
	margin-top: 9px;
	text-align: center;
	font-size: 9pt;
	color: #888888;
}

div.selecteditem {
	display: block;
	width: 140px;
	height: 28px;
	font-size: 10.5pt;
	line-height: 28px;
	vertical-align: middle;
	text-indent: 5px;
	text-decoration: none;
	color: #2D2D2C; 
	background: #F7F7AB;
	border: 1px solid #EBE8CA;
}

a.menuitem:link, a.menuitem:visited {
	display: block;
	font-family: 'GraublauWebRegular', Arial, sans-serif;
	font-size: 10.5pt;
	height: 28px;
	text-indent: 5px;
	line-height: 28px;
	width: 140px;
	vertical-align: middle;
	text-decoration: none;
	color: #2D2D2C; 
	background: #FFFFEE;
	border: 1px solid #EBE8CA;
}

a.menuitem:hover {
	background: #D6870E;
	color: #FFFFEE;
}

div.referencePic {
	margin-top:2px;
}