#menu-wrapper {
	
	margin-top:-44px;
	position:fixed;
	padding:0px;
	width:100%;	
}


.bookNav {
    background: url("../img/navbar2.png") repeat-x scroll 0 0 transparent;
    top: 0;
    height: 44px;
    position: relative;
    left: 0;
    //width: 100%;
	border-bottom:0px solid #000000;
	z-index:1100;
	padding-left:120px;
}

#menu-link {
	background: url("../img/menutab.png") no-repeat;
	 width:65px;
	 height:24px;
	 margin-top:-4px;
	 padding-left:7px;
	 text-decoration:none;
	 font-size:13px;
	 font-family: "Metrophobic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	// background: #000;
}

.linklabel {
	margin-top:-10px;
}

#menu-link a{
	text-decoration:none;
}

#menu-link a:link,  a:visited,  a:active {
	color:#fff;
	//font-weight:bold;
	text-decoration:none;
}


.topMenuAction {
	text-decoration:none;
}

.bookNext {
    background: url("../img/arrow-next.png") no-repeat scroll 0 0 transparent;
    top: 40%;
    height: 35px;
	width: 34px;
    position: fixed;
    right: 6px;
}
.bookPrev {
    background: url("../img/arrow-prev.png") no-repeat scroll 0 0 transparent;
    top: 40%;
    height: 35px;
	width: 34px;
    position: fixed;
    left: 6px;
}

.logo {
	
 background: url("../img/gleeLogo.png") no-repeat;
 position:absolute;
 top:9px;
 left:15px;
 width:87px;
 height:25px;
}

<img style="position:absolute;top:9px;left:15px;" src="img/gleeLogo.png">

.container {
	
	// margin-top:3%;
	min-height:10px;
	
}

#value_display {
	width: 30px;
}

#slider {
position:absolute;
top:5px;
left:32px;
width:60px;
}



.menu-container {
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:8px;
}


.btn {
	 background: url("../img/btnback.png") no-repeat;
	 margin:0 4px 0 0;
	 width:34px;
	 height:27px;
	 position:relative;
	 display:inline-block;
}


.btn-slider {
	 background: url("../img/sliderback.png") no-repeat;
	 margin-top:0px;
	 padding-left:29px;
	 width:103px;
	 height:27px;
	 position:relative;
	 display:inline-block;
}



.chaptersymbol, .bookmarksymbol, .markersymbol, .attachsymbol, .listensymbol, .searchsymbol, .brightnessymbol , .charsymbol{
	width:18px;
	height:15px;
	position:absolute;
}

.chaptersymbol {
	background: url("../img/symbol-chapter.png") no-repeat;
	top:7px;
	left:11px;
}

.bookmarksymbol {
	background: url("../img/symbol-bookmark.png") no-repeat;
	top:8px;
	left:13px;
}

.markersymbol {
	background: url("../img/symbol-marker.png") no-repeat;
	top:6px;
	left:11px;
}

.attachsymbol {
	background: url("../img/symbol-attach.png") no-repeat;
	top:7px;
	left:10px;
}

.listensymbol {
	background: url("../img/symbol-listen.png") no-repeat;
	top:7px;
	left:9px;
}


.charsymbol {
	background: url("../img/symbol-tecken.png") no-repeat;
	top:7px;
	left:10px;
}


.searchsymbol {
	background: url("../img/symbol-search.png") no-repeat;
	top:8px;
	left:11px;
}


.brightnessymbol {
	background: url("../img/symbol-brightness.png") no-repeat;
	top:7px;
	left:10px;
}



a:hover .chaptersymbol {
	background: url("../img/symbol-chapter-active.png") no-repeat;
}

a:hover .bookmarksymbol {
	background: url("../img/symbol-bookmark-active.png") no-repeat;
}

a:hover .markersymbol {
	background: url("../img/symbol-marker-active.png") no-repeat;
}

a:hover .attachsymbol {
	background: url("../img/symbol-attach-active.png") no-repeat;
}

a:hover .listensymbol {
	background: url("../img/symbol-listen-active.png") no-repeat;
}

a:hover .searchsymbol {
	background: url("../img/symbol-search-active.png") no-repeat;
}

a:hover .brightnessymbol {
	background: url("../img/symbol-brightness-active.png") no-repeat;
}

a:hover .charsymbol {
	background: url("../img/symbol-tecken-active.png") no-repeat;
}





#chaptermenu, #searchmenu, #bookmarkmenu {
	position:absolute;
	top:27px;
	left:-137px;
	display:none;
	opacity:0;
}

#searchmenu {
	left:73px;
}

#bookmarkmenu {
	left:-96px;
}

input#s {
background: url(../img/search.png) no-repeat 5px 1px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-border-radius: 15px;
border: 2px solid #DDD;
font-size: 14px;
height: 15px;
line-height: 1px;
padding: 4px 10px 4px 28px;
}

.menu-header {
	background: url("../img/chaptermenu-top.png") no-repeat;
	width:316px;
	height:74px;
}

.header-title {
	
	margin-left:25px;
	padding-top:34px;
	width:259px;
	border:0px solid #f00;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	text-shadow: -1px -1px #000;
}

.menu-body {
	background: url("../img/chaptermenu-body.png") repeat-y;
	width:316px;
	margin:0;
	padding:7px 0 0 0;
	
}

.menu-footer {
	background: url("../img/chaptermenu-bottom.png") no-repeat;
	width:316px;
	height:71px;
}


.menu-body-container {
margin-left: 25px;
padding-bottom:1px;
width:259px;
border:0px solid #000;	
}


#chaptergroup {
	
	padding-bottom:8px;
	border:0px solid #000;
	font: 14px/21px "Metrophobic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#chaptergroup:last-child {
	
	padding-bottom:0px;
	
}


#avdimage {
	
	display:inline-block;
	border:0px solid #000;
	
}

.avdimage {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}


#avdchapters {
	
	display:inline-block;
	border:0px solid #000;
	margin-left:5px;
	padding:0;
	vertical-align:top;
	line-height:10px;
	clear:both;
	width:179px;
	font: 14px/21px "Metrophobic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#avdchapters .chapter, .chapter-noimage  {
	line-height:14px;
	border-bottom:1px solid #D2D2D2;
	margin:0;
	padding:3px 0 3px 0;
	vertical-align:middle;
	font-size:12px;
}

#avdchapters .chapter:first-child {
	border-top:1px solid #D2D2D2;
}

#avdchapters .chapter:hover, .chapter-noimage:hover{
	background: #ededed;
}

.chapter-noimage {
	width:255px;
}



/* #Tabs (activate in tabs.js)
================================================== */

    .tabs {
    width:258px; 	
    }
	
	ul.tabs {
		display: block;
		margin: 0 0 17px 0;
		padding: 0;
		border-bottom: solid 1px #ddd;
		
	     }
	ul.tabs li {
		display: block;
		width: auto;
		height: 25px;
		padding: 0;
		float: left;
		margin-bottom: 0;
		 }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 24px;
		padding: 0px 7px;
		line-height: 24px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5; 
		font: 12px/21px "Metrophobic", "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
	ul.tabs li a.active {
		background: #fff;
		height: 25px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }