html{ 
height:100%; 
}


body	 {
	color: #ffffff;
	margin: 0px;
	text-align: center;
	line-height: 15px;
	background: #005b7f url('bg.jpg') no-repeat center top;
}

.title {
	font-size: 48px;
	letter-spacing: -1px;
}
.subtitle {
	font-size: 48px;
	letter-spacing: -1px;
}

.arrows{
	font-size: 30px;
}

#projects a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 30px;
}

#projects a:hover {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	border-width: 1px;
	border-right: 1px dotted #fff;
	border-left: 1px dotted #fff;
	color: #fff;

}

#contact a{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	color: #fff;
}

#contact a:hover{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	border-bottom: 1px dotted #fff;
}

.description{
	font-size: 30px;
}

#outer {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
} 

#middle {
  width: 700px;
  height: 400px;
  margin-left: -350px;  /***  width / 2   ***/
  position: absolute;
  top: -200px;          /***  height / 2   ***/
  left: 50%;
}