@CHARSET "UTF-8";

html
{
    min-width:1024px;
}

body
{
    margin: 0 auto;
    background-color:rgb(202, 236, 247);
    color:white;
    font-family: GillSans-Light, Gill Sans, Gill Sans MT;
    font-size:20px;
    line-height:25px;
    font-weight:100;
    background-position:top,center,bottom;
    background-repeat: repeat-x,repeat-x,repeat-x;
    background-image:url("../images/bg_A_2.jpg"),url("../images/bg_B_2.jpg"),url("../images/bg_C_2.jpg");
    background-ize:1024px 883px, 1024px 883px, 1024px 884px;
}

#border
{
    margin-top:610px;
    height:55px;
    min-width:1024px;
    width:100%;
    position:absolute;
    background-repeat: repeat-x;
    background-image:url("../images/bg_new_border.png");
    background-size:1020px 55px;
    z-index: 3;
}

h2
{
    font-family: TrebuchetMS, Trebuchet MS, Sans-serif;
    font-size:30px;
    line-height:35px;
    font-weight:100;
    text-align:center;
    margin-bottom:15px;
}

li
{
    line-height:23px;
    margin-bottom:11px;
}

img.preload
{
	display:none;
}

#container
{
    width:1024px;
    height:2969px;
    margin: 0 auto;
    position:relative;
}

.circle_large
{
    width:205px;
    height:205px;
    position:absolute;
    background-image:url("../images/circle_large.png");
    background-size:205px 205px;
}

.circle_medium
{
    width:127px;
    height:127px;
    position:absolute;
    background-image:url("../images/circle_medium.png");
    background-size:127px 127px;
}

#sign
{
    width:401px;
    height:404px;
    margin-left:82px;
    margin-top:231px;
    position:absolute;
    background-image:url("../images/signE.png");
    background-size:401px 404px;
    z-index: 2;
}

#lion_bg
{
    width:530px;
    height:554px;
    margin-left:462px;
    margin-top:104px;
    position:absolute;
    background-image:url("../images/lionD_back.png");
    background-size:530px 554px;
    z-index: 2;
}

#lion
{
    width:541px;
    height:554px;
    margin-left:450px;
    margin-top:104px;
    position:absolute;
    background-image:url("../images/lionE_front.png");
    background-size:541px 554px;
    z-index: 5;
}

#title
{
    width:488px;
    height:600px;
    margin-left:70px;
    margin-top:40px;
    position:absolute;
    background-image:url("../images/title.png");
    background-size:488px 600px;
}

/* facebook */
#facebook
{
    width:53px;
    height:55px;
    margin-left:890px;
    margin-top:15px;
    position:absolute;
    cursor:pointer;
    background-image:url("../images/btn_facebook.png");
    background-size:53px 55px;
}

#facebook a
{
    position:absolute;
    width:100%;
    height:100%;
}

#facebook:hover
{
    width:61px;
    height:63px;
    margin-left:888px;
    margin-top:11px;
    background-size:61px 63px;
}

#facebook_like
{
    border:none;
    overflow:hidden;
    width:100px;
    height:21px;
    margin-top:75px;
    margin-left:860px;
    position:absolute;
    z-index: 6;
}

/* About Creators */
#about
{
    width:105px;
    height:55px;
    margin-left:560px;
    margin-top:15px;
    position:absolute;
    color:black;
    font-size:18px;
    cursor:pointer;
    -webkit-user-select:none;
    -khtml-user-select:none;
    background-image:url("../images/btn_about.png");
    background-size:105px 55px;
}

#about a
{
    position:absolute;
    width:100%;
    height:100%;
}

#about:hover
{
    width:113px;
    height:63px;
    margin-top:11px;
    margin-left:558px;
    background-size:113px 63px;
}

/* FAQ */
#FAQ
{
    width:90px;
    height:55px;
    margin-top:15px;
    margin-left:675px;
    position:absolute;
    color:black;
    cursor:pointer;
    -webkit-user-select:none;
    -khtml-user-select:none;
    background-image:url("../images/btn_faq.png");
    background-size:90px 55px;
}

#FAQ a
{
    position:absolute;
    width:100%;
    height:100%;    
}

#FAQ:hover
{
    width:98px;
    height:63px;
    margin-top:11px;
    margin-left:673px;
    background-size:98px 63px;
}

/* mail */
#mail
{
    width:105px;
    height:55px;
    margin-left:775px;
    margin-top:15px;
    position:absolute;
    cursor:pointer;
    background-image:url("../images/btn_contact.png");
    background-size:105px 55px;
}

#mail a
{
    position:absolute;
    width:100%;
    height:100%;    
}

#mail:hover
{
    width:113px;
    height:63px;
    margin-left:773px;
    margin-top:11px;
    background-size:113px 63px;
}

/* TOP */
#logo
{
    width:471px;
    height:271px;
    margin-left:42px;
    margin-top:15px;
    position:absolute;
    background-image:url("../images/logo_newB.png");
    background-size:471px 271px;
    z-index: 5;
}

#top-AppStore
{
    width:216px;
    height:64px;
    margin-left:182px;
    margin-top:520px;
    position:absolute;
    cursor:pointer;
    background-image:url("../images/Available_on_the_App_Store_small.png");
    background-size:216px 64px;
    z-index: 5;
}

#top-AppStore a
{
    position:absolute;
    width:100%;
    height:100%;
}

#top-AppStore:hover
{
    width:220px;
    height:68px;
    margin-left:180px;
    margin-top:518px;
    background-size:220px 68px;
}

#top-description
{
    width:320px;
    height:148px;
    margin-left:117px;
    margin-top:269px;
    position:absolute;
    color:black;
    z-index: 5;
}

#top-description h2
{
    margin-bottom:-8px;
}

/* SUB SCIENCE */
#sub-science-description
{
    width:450px;
    height:230px;
    margin-left:62px;
    margin-top:670px;
    line-height:25px;
    position:absolute;
}

#sub-science-iPad-frame
{
    width:333px;
    height:262px;
    margin-left:574px;/*593, -19*/
    margin-top:688px;
    position:absolute;
    background-image:url("../images/iPad_frame.png");
    background-size:333px 262px;
}

#sub-science-iPad-screen
{
    width:256px;
    height:192px;
    margin-left:612px;
    margin-top:722px;
    position:absolute;
    background-image:url("../images/iPad_home.png");
    background-size:256px 192px;
}

#sub-science-iPhone-frame
{
    width:193px;
    height:101px;
    margin-left:747px;
    margin-top:866px;
    position:absolute;
    background-image:url("../images/iPhone5_frame.png");
    background-size:193px 101px;
}

#sub-science-iPhone-screen
{
    width:125px;
    height:70px;
    margin-left:781px;
    margin-top:881px;
    position:absolute;
    background-image:url("../images/iPhone5_home.png");
    background-size:125px 70px;
}

/* SUB LEARN */
#sub-learn-description
{
    width:450px;
    height:230px;
    margin-left:512px;
    margin-top:990px;
    position:absolute;
}

#sub-learn-iPad-frame
{
    width:333px;
    height:262px;
    margin-left:121px;
    margin-top:1008px;
    position:absolute;
    background-image:url("../images/iPad_frame.png");
    background-size:333px 262px;
}

#sub-learn-iPad-screen
{
    width:256px;
    height:192px;
    margin-left:160px;
    margin-top:1042px;
    position:absolute;
    background-image:url("../images/iPad_ta2_B_small.png");
    background-size:256px 192px;
}

#sub-learn-iPhone-frame
{
    width:193px;
    height:101px;
    margin-left:84px;/*303,-39*/
    margin-top:1186px;
    position:absolute;
    background-image:url("../images/iPhone5_frame.png");
    background-size:193px 101px;
}

#sub-learn-iPhone-screen
{
    width:125px;
    height:70px;
    margin-left:118px;
    margin-top:1201px;
    position:absolute;
    background-image:url("../images/iPhone5_ta2_B_small.png");
    background-size:125px 70px;
}

/* SUB CREATE */
#sub-create-description
{
    width:450px;
    height:230px;
    margin-left:62px;
    margin-top:1320px;
    position:absolute;
}

#sub-create-iPad-frame
{
    width:333px;
    height:262px;
    margin-left:574px;
    margin-top:1328px;
    position:absolute;
    background-image:url("../images/iPad_frame.png");
    background-size:333px 262px;
}

#sub-create-iPad-screen
{
    width:256px;
    height:192px;
    margin-left:612px;
    margin-top:1362px;
    position:absolute;
    background-image:url("../images/iPad_composer_C_small.png");
    background-size:256px 192px;
}

#sub-create-iPhone-frame
{
    width:193px;
    height:101px;
    margin-left:747px;/*303,-39*/
    margin-top:1506px;
    position:absolute;
    background-image:url("../images/iPhone5_frame.png");
    background-size:193px 101px;
}

#sub-create-iPhone-screen
{
    width:125px;
    height:70px;
    margin-left:781px;
    margin-top:1521px;
    position:absolute;
    background-image:url("../images/iPhone5_composer_C_small.png");
    background-size:125px 70px;
}

/* SUB BAND */
#sub-band-description
{
    width:450px;
    height:230px;
    margin-left:512px;
    margin-top:1670px;
    position:absolute;
}

#sub-band-iPad-frame
{
    width:333px;
    height:262px;
    margin-left:121px;
    margin-top:1648px;
    position:absolute;
    background-image:url("../images/iPad_frame.png");
    background-size:333px 262px;
}

#sub-band-iPad-screen
{
    width:256px;
    height:192px;
    margin-left:160px;
    margin-top:1682px;
    position:absolute;
    background-image:url("../images/iPad_band.png");
    background-size:256px 192px;
}

#sub-band-iPhone-frame
{
    width:193px;
    height:101px;
    margin-left:84px;
    margin-top:1826px;
    position:absolute;
    background-image:url("../images/iPhone5_frame.png");
    background-size:193px 101px;
}

#sub-band-iPhone-screen
{
    width:125px;
    height:70px;
    margin-left:118px;
    margin-top:1841px;
    position:absolute;
    background-image:url("../images/iPhone5_band.png");
    background-size:125px 70px;
}


/* SUB TROPHY */
#sub-trophy-description
{
    width:450px;
    height:230px;
    margin-left:512px;
    margin-top:2280px;
    position:absolute;
}

#sub-trophy-iPad-frame
{
    width:333px;
    height:262px;
    margin-left:121px;
    margin-top:2288px;
    position:absolute;
    background-image:url("../images/iPad_frame.png");
    background-size:333px 262px;
}

#sub-trophy-iPad-screen
{
    width:256px;
    height:192px;
    margin-left:160px;
    margin-top:2322px;
    position:absolute;
    background-image:url("../images/iPad_trophies_small.png");
    background-size:256px 192px;
}

#sub-trophy-iPhone-frame
{
    width:193px;
    height:101px;
    margin-left:84px;
    margin-top:2466px;
    position:absolute;
    background-image:url("../images/iPhone5_frame.png");
    background-size:193px 101px;
}

#sub-trophy-iPhone-screen
{
    width:125px;
    height:70px;
    margin-left:118px;
    margin-top:2481px;
    position:absolute;
    background-image:url("../images/iPhone5_trophies_small.png");
    background-size:125px 70px;
}


/* SUB PLAY */
#sub-play-description
{
    width:450px;
    height:230px;
    margin-left:62px;
    margin-top:1960px;
    position:absolute;
}

#sub-play-iPad-frame
{
    width:333px;
    height:262px;
    margin-left:574px;
    margin-top:1973px;
    position:absolute;
    background-image:url("../images/iPad_frame.png");
    background-size:333px 262px;
}

#sub-play-iPad-screen
{
    width:256px;
    height:192px;
    margin-left:612px;
    margin-top:2007px;
    position:absolute;
    background-image:url("../images/iPad_play_B.png");
    background-size:256px 192px;
}

#sub-play-iPhone-frame
{
    width:193px;
    height:101px;
    margin-left:747px;
    margin-top:2151px;
    position:absolute;
    background-image:url("../images/iPhone5_frame.png");
    background-size:193px 101px;
}

#sub-play-iPhone-screen
{
    width:125px;
    height:70px;
    margin-left:781px;
    margin-top:2166px;
    position:absolute;
    background-image:url("../images/iPhone5_play_B.png");
    background-size:125px 70px;
}

/* SUB OSX */
#sub-osx-description
{
    width:450px;
    height:230px;
    margin-left:62px;
    margin-top:2630px;
    position:absolute;
}

#sub-osx-macbookpro
{
    width:387px;
    height:208px;
    margin-left:567px;
    margin-top:2640px;
    position:absolute;
    background-image:url("../images/macbookproB.png");
    background-size:387px 208px;
}

#sub-MacStore
{
    width:142px;
    height:48px;
    margin-left:650px;
    margin-top:2820px;
    cursor:pointer;
    position:absolute;
    background-image:url("../images/feature-img2.png");
    background-size:142px 48px;
}

#sub-MacStore a
{
    position:absolute;
    width:100%;
    height:100%;
}

#sub-MacStore:hover
{
    width:146px;
    height:52px;
    margin-left:648px;
    margin-top:2818px;
    background-image:url("../images/feature-img2.png");
    background-size:146px 52px;
    
}

/* FOOTER */
#sub-footer
{
    width:100%;
    font-size:16px;
    margin-top:2930px;
    text-align:center;
    position:absolute;
}

/* modal */

#modal_about,
#modal_faq,
#modal_message
{
	top: 0;
	left: 0;
    min-width:1024px;
    width:100%;
	height: 100%;
	display: none;
    opacity:0;
	position: fixed;
    z-index: 7;
}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	z-index: 7;
}

#modal_area_about,
#modal_area_faq,
#modal_area_message
{
    margin-top:-600px;
    margin-left: 103px;
    margin-right:103px;
	width: 818px;
	height: 600px;
    display: none;
    position:absolute;
    z-index:10;
}

.modal_window_bg {
    margin-top:28px;
    margin-left:58px;
	width: 702px;
	height: 543px;
	text-align: center;
	display: block;
    /*padding-top:100px;
     padding-left:100px;
     background: #fff;
     margin: -150px 0 0 -200px;
     
     */
	position: absolute;
	z-index: 10;
    background-image:url("../images/infoBgB.png");
    /*overflow-y:scroll;*/
    
}

.modal_window_cover
{
	width: 818px;
	height: 600px;
    z-index: 11;
    position:absolute;
    background-image:url("../images/infoBorderB.png");
}

#modal_window_contents_about
{
    margin-top:60px;
    margin-left:109px;
    width:620px;
    height:470px;
    position:absolute;
    z-index: 12;
    position:absolute;
}

#modal_window_contents_faq
{
    margin-top:60px;
    margin-left:109px;
    width:620px;
    height:470px;
    position:absolute;
    overflow-y:scroll;
    z-index: 12;
    position:absolute;
}

#modal_window_contents_message
{
    margin-top:60px;
    margin-left:109px;
    width:620px;
    height:470px;
    position:absolute;
    z-index: 12;
    position:absolute;
}

.modal_window_description
{
    margin-left:30px;
    width:540px;
    height:470px;
    position:absolute;
    font-size:18px;
    line-height:25px;
    font-size:18px;
    color:black;
    position:absolute;
}

.modal_window_description h2
{
    margin-top:35px;
    margin-bottom:40px;
    text-align:center;
    font-size:38px;
}

.modal_window_description h3
{
    font-family: TrebuchetMS, Trebuchet MS, Sans-serif;
    font-size:18px;
    line-height:25px;
    font-weight:100;
    margin-bottom:-15px;
}

.modal_window_description p
{
    margin-top:50px;
}

.modal_window_description ul
{
    margin-bottom:30px;
}

.modal_ul li
{
    line-height:25px;
}

.modal_window_close_button
{
    margin-top:19px;
    margin-left:59px;
    width:50px;
    height:49px;
    z-index: 13;
    cursor:pointer;
    position:absolute;
    background-image:url("../images/infoClose.png");
    background-size:50px 49px;
}

.modal_window_close_button:hover
{
    margin-top:17px;
    margin-left:57px;
    width:54px;
    height:53px;
    background-size:54px 53px;
}

.modal_window_close_button a
{
    position:absolute;
    width:100%;
    height:100%;
}

.modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	background: #000;
}
.modal_window p {
	padding: 0 15px 15px 15px;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}