body {
background-color: #000;
font-size: 70%;
font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif;
color: #444;
margin:0;
text-align:center;
}

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #ccc;
	}

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

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #f00;
	}	

a img {
	border: 1px solid #000;
	}

a:hover img {
	border-bottom: 1px solid #ccc;
	}

#form {
	padding-top: 0;
	margin-bottom: 0;
	border:none;
	}

input[type=text], textarea, select {
	font: 1.4em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
	background: #F7FBFD;
	color: #777;
	width: 160px;

	}

input[type=text]:focus, textarea:focus, select:focus {
	color: #000;
	border-color: #666;
	}

#form input[type=text] {
	width: 160px;
	}

#topnav {position:absolute; width:70px; top:0px; left:0px; z-index:100;}

#dan, #kris, #gil {
	position:absolute;
	z-index:10;
	left: 50px;
	top : 50px;
	width:180px;
	border:4px solid #666;
	background:#fff;
	padding: 20px;
	visibility:hidden;
}


#log {
	width: 180px;
	margin-top: 10px;
}
 
#log_res, #log_resdan, #log_reskris, #log_resgil {
	overflow: auto;
}
  
#log_res.ajax-loading, #log_resdan.ajax-loadingdan, #log_reskris.ajax-loadingkris, #log_resgil.ajax-loadinggil {
	padding: 20px 0;
	background: url(/contact/spinner.gif) no-repeat center;
}