body 
{
	background-color: #ddd;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetika;
	font-size: 14pt;
}

img.bg {
  min-height: 100%;
  min-width: 768px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) { 
  img.bg {
    left: 50%;
    margin-left: -384px;   
  }
}

.wc 
{
	position: absolute;
	top: 10%;
	color: #333;
	font-size: 2em;
	margin-left: 20px;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.4);
}

.wc .bold 
{
	font-weight: bold;
}

.wc .sub 
{
	display: block;
	font-size: 0.4em;
}

.nv 
{
	position: absolute;
	table-layout: fixed;
	display: block;
	background-color: rgba(0,0,0,0.6);
	bottom: 0;
	height: 30px;
	width: 100%;
}

.nv .item 
{
	display: inline-block;
	color: #aaa;
	line-height: 30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	height: 100%;
	vertical-align: middle;
	font-size: 0.6em;
	padding: 0 5px 0 5px;
}

.nv .item a, 
.nv .item a:hover, 
.nv .item a:visited 
{
	color: #aaa;
	text-decoration: underline;
}

.modal-content 
{
	background-color: rgba(0,0,0,0.1);
	color: #bbb;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);

}

.modal-header 
{
		border-bottom: 1px solid rgba(0,0,0,0.2);
}

.modal-footer 
{
		border-top: 1px solid rgba(0,0,0,0.2);
}

.modal-header .close 
{
	color: #bbb;
}

.modal-body h1 
{
	font-size: 1.1em;
	font-weight: bold;
}
.modal-body h3 
{
	font-size: 1em;
	font-weight: bold;
}

.modal-body,
.modal-body p 
{
	font-size: 1em
}

.modal 
{
	background-color: rgba(0,0,0,0.1);
}
.modal button[type=button] 
{
	background-color: rgba(0,0,0,0.1);
	color: #aaa;
}