@charset "UTF-8";
/* CSS Document */

body{max-width:750px; margin:0 auto;}
#text-containers div{border:2px solid #C00; background-color:white; padding-top:8px; padding-left:5px; padding-right:5px; border-radius:5px; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.5); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.5); box-shadow: 4px 4px 4px rgba(0,0,0,0.5); line-height:18px; font-size:18px; padding-top:8px; text-align:center; min-width:150px;}
#text-welcome{text-align:center; margin:80px auto; width:90%; max-width:200px; cursor:pointer; padding-bottom:5px;}
#text-description{display:none; position:relative; width:90%; margin:80px auto; padding-bottom:5px; max-width:400px;}
#text-top-links{display:none; position:absolute; width:90%; padding-bottom:5px; top:210px; right:20px; max-width:400px;}
#text-right-links{display:none; position:relative; width:90%; margin:100px auto; padding-bottom:5px; max-width:400px;}
#text-left{display:none; max-width:400px;}
#text-navigation{display:none; max-width:400px;}

#text-containers div span{ color:white; display:block; height:18px; width:50px; position:absolute; bottom:-30px; background-color:#00C; right:0px; padding-top:4px; text-align:center; cursor:pointer; border-radius:4px; opacity:0.6;}

#up-arrow, #up-arrow2, #left-arrow {font-size:200px; position:absolute; text-shadow:2px 2px 2px #000; display:none; -webkit-transition: all .05s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#up-arrow{ top:-7px; right:20px;}
#up-arrow2{top:50px; left:35%;}
#left-arrow{ opacity:0;}
#welcome-content{ -webkit-transition: background 1.0s ease-in-out; -moz-transition: background 1.0s ease-in-out; -ms-transition: background 1.0s ease-in-out; transition: background 1.0s ease-in-out;}
.bgblue{background-color:#BBF;}
.textred{color:#C00;}
.textwhite{color:#F00;}


@media only screen and (min-width:480px) {
#up-arrow2{top:25px; left:45%;}
}

@media only screen and (min-width:730px) {
#text-description{display:none;}
#up-arrow{top:-7px; left:25%; opacity:1;}
#text-top-links{display:none; position:relative; width:90%; margin-left:8%; margin-top:70px; top:0px; }
#up-arrow2{top:25px; left:45%;}
#text-left{display:none; position:relative; width:90%; margin:60px 0 0 230px;  padding-bottom:5px;}
#left-arrow{top:130px; left:0px; opacity:1;}

}

/*
@media only screen and (min-width:841px) {
#up-arrow{top:-7px; left:45%; opacity:1;}
#text-top-links{display:none; position:relative; width:90%; margin:70px auto; top:0px; }
#up-arrow2{top:25px; left:45%;}
}
*/