.navbar-fixed-top .brand {
font-weight: bold;
color: black;
text-shadow: 0 1px 0 
rgba(255, 255, 255, .1), 0 0 30px 
rgba(255, 255, 255, .125);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}

body{
	overflow-x:hidden;
}

footer{
	text-align:center;
	margin-top:20px;
	font-size: 10px;
}

::selection{ 
	 background:#666;
	 color:white;
	 text-shadow:none;
}

::-moz-selection{
  	background:#666;
  	color:white;
  	text-shadow:none;
}

#viewport{
	overflow: hidden!important;
}

.pages, #controllers{
	width:988px;
	height:754px;
	position:relative;
	margin:auto;
}

.x1024 .pages, .x1024 #controllers{
	width:988px;
}

.x1024 .turn-page, .x1024 #shadow-page{
	width:494px;
}

.clear{
	clear:both;
}

.turn-page{
	width:494px;
	height:752px;
	overflow:hidden;
	background:none;
	background-color:lightgray;
	border: 1px solid lightgray;
}

.pages .black{
	background-color:black;
}



.turn-page-wrapper{
	overflow: hidden;
}

#shadow-page{
	width:492px;
	height:752px;
	position:absolute;
	top:0px;
	right:0px;
	-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 2px 10px #888;
	z-index:-1;
}

#next, #previous{
	opacity:0;
	position:absolute;
	height:752px;
	width:24px;
	background:#999;
	-webkit-user-select:none;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	z-index:1000;
}

#next i, #previous i{
	background:url(../images/sprite.png) no-repeat;
	width:32px;
	height:32px;
	display:block;
	margin-top:334px;
	margin-left:-4px;
}

#next{
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-ms-border-radius: 0px 10px 10px 0px;
	-o-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	right:-24px;
	top:0px;
}

#next i{
	background-position:-32px 0px;
}

#previous{
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-ms-border-radius: 10px 0px 0px 10px;
	-o-border-radius: 10px 0px 0px 10px;
	border-radius:  10px 0px 0px 10px;
	left:-24px;
	top:0px;
}

#previous i{
	background-position:0px 0px;
}

#next.visible:hover, #previous.visible:hover {
	opacity:1 !important;
}