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

body{
	background-color:#C3C1F7;
    /* IE10 Consumer Preview */ 
    background-image: -ms-radial-gradient(center, ellipse farthest-corner, #00A3EF 0%, #C3C1F7 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-radial-gradient(center, ellipse farthest-corner, #00A3EF 0%, #C3C1F7 100%);
    /* Opera */ 
    background-image: -o-radial-gradient(center, ellipse farthest-corner, #00A3EF 0%, #C3C1F7 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #00A3EF), color-stop(1, #C3C1F7));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #00A3EF 0%, #C3C1F7 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: radial-gradient(ellipse farthest-corner at center, #00A3EF 0%, #C3C1F7 100%);
}

.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;
}