body
{
	margin:0;
}

#wrap
{
	width:80%;
	padding-bottom:40%;
	background-color:#9FEE00;
	margin-left:10%;
	margin-right:10%;
}

#title
{
	padding-top:1%;
	font-family:Helvetica, serif;
	text-transform:uppercase;
}

hr
{
	width:45%;
	margin-top:5%;
	margin-bottom:5%;
}

#menu {
	margin-left:-3%;
}

#menu li {
	list-style:none;
	display:inline;
	height:39px;
	padding:2px;
	width:40%;
	margin-left:11.5%;
}

#menu span {
    width:auto;
	left:38px;
	padding:9px;
	position:relative;
	font-family:Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	background-color:white;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
}

#menu a {
	background:url('link3.png') no-repeat;
	height:39px;
	width:38px;
	display:inline-block;
	position:relative;
	text-decoration:none;
	color:black;
}

#menu a:hover span {
	background-color:#D3D3D3;
	color:#575757;
}

/* Home */

#menu .home {
	background-position:0 0;
}

#menu .home:hover {
	background-position:0 -39px;
}

/* Amount */

#menu .about { 
	background-position:-38px 0;
}
#menu .about:hover { 
	background-position:-38px -39px;
}

/* Services */

#menu .services { 
	background-position:-76px 0;
}

#menu .services:hover { 
	background-position:-76px -39px;
}

/* Portfolio */

#menu .portfolio { 
	background-position:-114px 0;
}

#menu .portfolio:hover { 
	background-position:-114px -39px;
}

/* Contact */

#menu .contact {
	background-position:-152px 0;
}

#menu .contact:hover { 
	background-position:-152px -39px;
}

@media screen and (max-width:1000px) {

#wrap {
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

}

@media screen and (max-width:960px) {

#wrap {
	width:100%;
	padding-bottom:25%;
	margin:0;
}

}

@media screen and (max-width:750px) {

#menu {
	margin:0;
}

#menu li {
	margin:0;
}

#menu span {
    width:0;
	padding:0;
	position:absolute;
	overflow:hidden;
	-webkit-transition: 0.25s;
	-o-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#menu a {
	background:url('link3.png') no-repeat;
	display:block;
}

#menu a:hover span { 
	width:auto; 
	padding:0 15px;
	overflow:visible; 
}

#menu a:hover {
	text-decoration:none;
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;
}

}