* {
	border: 0;
    margin: 0;
	padding: 0;
}

body, html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100%;
}

body{
background: rgba(76,76,76,1);
background: -moz-linear-gradient(45deg, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(17,17,17,1) 16%, rgba(61,60,61,1) 26%, rgba(43,43,43,1) 37%, rgba(0,0,0,1) 51%, rgba(46,46,46,1) 72%, rgba(28,28,28,1) 84%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(76,76,76,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(16%, rgba(17,17,17,1)), color-stop(26%, rgba(61,60,61,1)), color-stop(37%, rgba(43,43,43,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(72%, rgba(46,46,46,1)), color-stop(84%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(45deg, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(17,17,17,1) 16%, rgba(61,60,61,1) 26%, rgba(43,43,43,1) 37%, rgba(0,0,0,1) 51%, rgba(46,46,46,1) 72%, rgba(28,28,28,1) 84%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(45deg, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(17,17,17,1) 16%, rgba(61,60,61,1) 26%, rgba(43,43,43,1) 37%, rgba(0,0,0,1) 51%, rgba(46,46,46,1) 72%, rgba(28,28,28,1) 84%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(45deg, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(17,17,17,1) 16%, rgba(61,60,61,1) 26%, rgba(43,43,43,1) 37%, rgba(0,0,0,1) 51%, rgba(46,46,46,1) 72%, rgba(28,28,28,1) 84%, rgba(19,19,19,1) 100%);
background: linear-gradient(45deg, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(17,17,17,1) 16%, rgba(61,60,61,1) 26%, rgba(43,43,43,1) 37%, rgba(0,0,0,1) 51%, rgba(46,46,46,1) 72%, rgba(28,28,28,1) 84%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1 );
}

.maintitle{
    color:White;
    font:bold 2.2em Tahoma,Helvetica,sans-serif;
    margin:28px auto; 
    text-align:center;
    width:980px; 
}

em{
	color: White;
	font:bold 1em Tahoma,Helvetica,sans-serif;
}

h2 em a:link {
    color: #ACACDC;
    text-decoration: none;
}

h2 em a:visited,
h2 em a:active {
    color: #909099;
    text-decoration: underline;
}


h2 em a:hover {
    color: #DFDFF9;
    text-decoration: underline;
}

#xofpp, #closeBoxpp, #playpp, #stoppp, #imageTitlepp{
	cursor:pointer;
	margin:0 10px;
	color:white;
	float:left;
}
#nextButtonBoxpp, #previousButtonBoxpp, #xofpp{
	cursor:pointer;
	margin:0 10px;
	color:white;
	float:right;
}
#gallery, #gallery ul{
    list-style:none;
    margin:0 auto;
    padding:0;
	 width:600px;
}
#gallery li{
    margin:10px 10px;
    padding:5px;
    float:left;
    list-style:none;
    cursor:pointer;
	 height:100px;
}
#gallery img{
    border:2px white solid;
}