* {
	margin: 0;
	padding: 0;
	text-indent: 0;
	border: 0;
}

.nobr { white-space: nowrap; }

html, body {
	font-family: sans-serif;
	font-size: 9pt;
	margin: 0px;
	width: 100%; height: 100%;
	color: #3f3f3f;
}

br.cb { clear: both; }

body {
	//background: #efefef; 
	background: #fff url(i/bg5.png) repeat-x top;
}

input {
	border: 1px solid black;
	padding: 0.2em;
}

p {
	margin: 0 0 1em;
	text-align: justify;
	font-family: sans-serif;
	line-height: 1.5em;
}

blockquote {
	margin: 0 2em 0;
	color: #7f7f7f;
}

a:link { color: #000; }
a:visited { color: #7f7f7f; }
a:active { color: #003f3f; }
a:hover { color: #7fbf00; }

div.ads { background: #dfdfdf; height: 20px; margin-left: auto; margin-right: auto; text-align: center;}


div.slacking { padding: 4px; color: #7f7f7f; font-size: 200%; margin-left: auto; margin-right: auto; text-align: center;}

div.pagewidth { 
    width: 95%;
    width:expression(document.body.clientWidth>1000?"1000px":"auto");
    max-width: 1000px;
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

div#title {
    margin-top: 20px;
	text-align: right;
	color: #000;
	font-size: 3em;
	font-weight: normal;
	letter-spacing: -0.1ex;
	font-family: bitstream vera serif, sans-serif;
}

div#title span.domain {
    font-size: 80%;
    text-transform: uppercase;
    color: #7fbf00;
}

div#title span.subtitle {
    color: #bfbfbf;
}

	div#title img {
		width: 780px;
		height: 80px;
	}


div#main {

}

	div#main div#nav {
		text-align: right;
		padding: 0.5em 1ex 0em;
		letter-spacing: -0.1ex;
		z-index: 25;
	}

		
		div#main div.index li.index a,
		div#main div.maps li.maps a,
		div#main div.android li.android a,
		div#main div.gubbins li.gubbins a,
		div#main div.design li.design a,
		div#main div.bio li.bio a,
		div#main div.contact li.contact a
			{ color: #7f7f7f; }
		
	
		div#main div#nav ul, div#main div#nav li {
			display: inline;
			list-style: none;
		}
		
		div#main div#nav li {
			margin-left: 2ex;
			position: relative;
		}
		
		div#main div#nav li a {
			text-decoration: none; 
			border-bottom: 4px solid #efefef;
		}
		
		div#main div#nav li a:link, 
		div#main div#nav li a:visited {
			color: #7f7f7f;
		}
		
		div#main div#nav li a:hover {
			color: #7fbf00;
			border-color: #7fbf00;
		}
		
		div#main div#nav li a:active {
			color: #fff;
			border-color: #fff;
		}
		
		div#main div#nav li.selected a {
			color: #fff;
		}
		
		div#main div#nav input.searchbox {
			width: 20ex;
			height: 1.2em;
			font-size: 90%;
			border: 1px solid #bfbfbf;
		}
		
		div#main div#nav input.searchbutton {
			width: 8ex;
			font-size: 90%;
			display: none;
		}
		

	div#main div#body {
		
	}

		div#main div#body > div {
			margin: 0;
		}

		div#main div#body div.body {
			float: left;
			width: 70%;
			margin-bottom: 1em;
		}
		
		div#main div#body div.sidebar {
			float: right;
			width: 26%;
			padding-left: 1.5%;
		}
			
			div#main div#body div.sidebar input.searchbox {
				width: 70%;
				font-size: 90%;
			}
			
			div#main div#body div.sidebar input.searchbutton {
				width: 25%;
				font-size: 90%;
			}
		
			div#main div#body div.sidebar ul {
				padding: 0;
				margin-bottom: 0.5em;
				padding-left: 20px;
			}
			
			    div#main div#body div.sidebar ul ul {
			        margin-top: 0.3em;
        			margin-bottom: 0.3em;
        		}
			
				div#main div#body div.sidebar ul li {
					font-size: 95%;
					padding: 0.3em 0 0.1em;
					list-style: square outside url(i/b0.png);
				}
				
				div#main div#body div.sidebar ul li:hover  {
					list-style-image: url(i/b.png);
				}
		
	
		div#main div#body div.head {
			margin-bottom: 0.5em;
		}
		
			div#main div#body div.head h1 {
				margin-bottom: 0;
			}
			
			div#main div#body div.head > span {
				color: #7f7f7f;
				font-size: 90%;
			}

	
		div#main div#body div.col2a {
			float: left;
			padding-right: 1%;
			width: 49%;
		}
		
		div#main div#body div.col2b {
			float: left;
			padding-left: 1%;
			width: 49%;
		}
		
		div#main div#body div.col3a {
			float: left;
			padding-right: 2%;
			width: 32%;
		}
		
		div#main div#body div.col3b {
			float: left;
			padding-left: 2%;
			width: 32%;
		}
		
		div#main div#body div.col3c {
			float: left;
			width: 32%;
		}

		div#main > div#body ul {
			padding-left: 1.5em;
		}
		
		div#main > div#body li {	
			margin: 0.2em 0 0.3em;
		}
		
		div#main div#body h1, 
		div#main div#body h2,
		div#main div#body h3,
		div#main div#body h4,
		div#main div#body h5 {
			color: #3f3f3f;
			font-weight: normal;
			letter-spacing: -0.1ex;
			margin: 0.5em 0 0.4em;
			text-transform: lowercase;
			font-family: bitstream vera serif, sans-serif;
		}
		
		div#main div#body h1 a:hover, 
		div#main div#body h2 a:hover,
		div#main div#body h3 a:hover,
		div#main div#body h4 a:hover {
			color: #7fbf00;
		}

		div#main div#body h1 {
			font-size: 300%;
			margin-left: -0.0ex;
		}
		
		div#main div#body h2 {
			font-size: 220%;
			margin-top: 0em;
			border-bottom: 1px solid #dfdfdf;
		}
		
		div#main div#body * + h2 {
		    margin-top: 1em;
		}

		div#main div#body h3,
		div#main div#body h4 {
			font-size: 150%;
			margin-left: 0ex;
		}

    	div#main div#body h5 {
			font-size: 110%;
			margin-left: 0ex;
			text-transform: none;
			font-family: sans-serif;
		}
		
		div#main div#body p.images {
			margin: 1.5em auto 1.5em;
			text-align: center;
			font-size: 90%; 
			color: #7f7f7f;
			xbackground: #efefef url(i/foot_bg.png) top repeat-x;
			xborder: 2px solid #efefef;
			padding: 0.5em 0 0.5em;
		}
		
		div#main div#body div.imagebox { 
		    margin-left: auto; 
		    margin-right: auto;
		    text-align: center; 
		    margin: 16px 2px 12px; 
		    font-size: 80%; 
		    color: rgb(63, 63, 63); 
		}

		
	div#main div#foot {
		clear: both;
		margin-top: 1em;
		padding: 0.5em 0 1em;
		font-size: 80%;
		color: #9f9f9f;
		border-top: 1px solid #bfbfbf;
	}