ul.menu {
    width: 450px;
    list-style-type: none;
    margin-left: 0px;
}

ul.menu li {
    float: left;
    padding-left: 10px;
}

ul.menu li a {
    display: block;
    height: 24px;
    text-indent: -1000px;
    background-position: 0px 0px;
    outline: none;
    overflow: hidden;
    background-image: url(http://agigen.se/images/nav.png);
}

ul.menu li.intro a { 
    width: 90px;
}

ul.menu li.showcase a { 
    background-position: -90px 0px;
    width: 110px;
}

ul.menu li.about a { 
    background-position: -200px 0px;
    width: 110px;
}

ul.menu li.contact a { 
    background-position: -310px 0px;
    width: 100px;
}

ul.menu li.active a, ul.menu li.active a:hover { background-position-y: -72px !important; }
ul.menu li a:hover { background-position-y: -24px !important; }
ul.menu li a:active { background-position-y: -48px !important; }



div.image-viewer {
	width: 96%;
	height:auto;
	float: right;
}

div.image-viewer img {
	width: 100%; max-width:420px
}

ul.gallery-thumbs {
	float:right;
	list-style-type: none;
	display:inline
}

ul.gallery-thumbs li {
	float: left;
	padding: 0 5px 5px 5px;
	height: 60px;
	overflow: hidden;

}

ul.gallery-thumbs li img {
	width: 80px !important;
	display: block;
	margin-left:-3px;
	
}
@media screen and (max-width: 480px) {
	
div.image-viewer {
	width: 100%;
	height:auto;
	float: none;
	margin:auto
}	
ul.gallery-thumbs li {
	float: left;
	padding: 0 0 5px 5px;
	height: 80px;
	width:80px !important;
	display:inline !important;

}	
ul.gallery-thumbs li img {
	width: 60px !important;
	display: inline;
	margin-left:-3px;
	
}	
}