/* Fonts generated by Font Squirrel (http://www.fontsquirrel.com) on February 19, 2011 */
@font-face {
  font-family: 'Comic Neue';
  src: url('/fonts/ComicNeue-Regular.eot');
  src: url('/fonts/ComicNeue-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/ComicNeue-Regular.woff2') format('woff2'),
       url('/fonts/ComicNeue-Regular.woff') format('woff'),
       url('/fonts/ComicNeue-Regular.ttf')  format('truetype');
  font-weight: 400;
}

@media screen {

body, html {
    height: 100%;
    margin: 0;
	font-family: "Comic Sans MS", "Comic Neue";
	background-color: #8e9faf;
}

.bg {
    /* The image used */
    background-image: url("/images/Clouds.jpg");
	position: relative;
	margin: 0 auto;

    /* Full height */
    height: auto; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* if you like this, you need to visit www.cssplay.co.uk
   Stu Nicholls is truly inspirational */
#infoText {position:relative; width:561px; height:382px; background:transparent url(/images/moongoddess_gs_shadow.jpg) no-repeat; overflow:hidden; margin:0 auto;}
#infoText ul {margin:0; padding:0;}
#infoText li {list-style-type:none; width:261px; height:312px; display:inline;}

#infoText a#item1 {display:block; float:left; width:150px; height:0; overflow:hidden; color:#24265b; text-decoration:none; padding-top:312px; }
* html #infoText a#item1 {height:150px; he\ight:312px;}

#infoText a#item2 {display:block; float:left; width:261px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:312px; }
* html #infoText a#item2 {height:261px; he\ight:312px;}

#infoText a#item3 {display:block; float:left; width:150px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:312px; }
* html #infoText a#item3 {height:150px; he\ight:312px;}

a.main em, a.main span {display:none;}
#infoText .main {position:absolute; left:0; top:0;}
#infoText a.text:hover span {display:block; position:absolute; width:561px; height:25px; top: 290px; left:5px; padding:5px; font-style:italic; color:#4c4c4c; text-align: center; z-index:100;}
#infoText a.text:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#808080;}

#screenfooter ul { margin: 0; padding: 0; list-style-type: none; text-align: center;}
#screenfooter ul li { display: inline; margin: 0px 10px 0px 10px;}
#screenfooter a:hover { color: #ffffff; text-decoration: none; 
}

}