a {
	border: none;
}
html, body, .wrapper, .left, .right { height: 100%; min-height: 100%; }
body {
   padding: 0px;
   margin: 0px;
   height: 100%;
}
.wrapper{
   width: 100%;
   margin: 0 auto;
   height: 100%;
}
.header{
   float: left;
   width: 100%;
}
.wrapright{
   float: left;
   width: 100%;
   height: 100%;
}
.right{
   margin-left: 315px;
   height: 100%;
}
.left{
   float: left;
   width: 280px;
   margin-left: -100%;
   background: url(images/sidebarbg.png);
   height:  100%;
   min-height:100%;
   
}
.footer{
   float: left;
   width: 100%;
   background-color: #f4f4f4;
}

.intro{
	margin-top: 30px;
}

.soon{
	margin-top: 14px;
}

#logo {
	margin-top:30px;
	margin-left: 29px;
	background: url(images/logo.png);
	width:222px ;
	height: 221px;
	border: none;
}

#portfolio {
	width:209px ;
	height:26px ;
	background:url(images/portfolio.png)no-repeat;
	margin-left:11px;
	margin-top: 30px;
}

#about {
	width:140px ;
	height:26px ;
	background:url(images/about.png)no-repeat;
	margin-left:11px;
	margin-top: 7px;
}

#blog {
	width:117px ;
	height:26px ;
	background:url(images/blog.png)no-repeat;
	margin-left:11px;
	margin-top: 7px;
}

#contact {
	width:187px ;
	height:26px ;
	background:url(images/contact.png)no-repeat;
	margin-left:11px;
	margin-top: 7px;
}


#portfolio:hover{
	background-position: 0 -26px;
}
#portfolio:active{
	background-position: 0 -52px;
}

#about:hover{
	background-position: 0 -26px;
}
#about:active{
	background-position: 0 -52px;
}

#blog:hover{
	background-position: 0 -26px;
}
#blog:active{
	background-position: 0 -52px;
}

#contact:hover{
	background-position: 0 -26px;
}
#contact:active{
	background-position: 0 -52px;
}