@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

html { 
  background-image: url('bg_repeat.jpg'); 
}

#wrapper {
    font-family: "Open Sans",sans-serif;
    height: auto;
    margin: auto;
    padding-top: 40px;
    width: 100%;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.85);
	-moz-box-shadow:    0px 3px 4px 0px rgba(0, 0, 0, 0.85);
	box-shadow:         0px 3px 4px 0px rgba(0, 0, 0, 0.85);
}

p {
	margin:0;
}

.divider {
    background-image: url("dividerbg.jpg");
    height: 125px;
    opacity: 0.9;
    width: 100%;
}

.divider_logo {
	width:1028px;
    background-image: url("dividerlogo.png");
	margin:0 auto;
}

.divider_text {
	line-height:140px;
	text-align:center;
	color:#e9e7e4;
	text-transform:uppercase;
	font-size:30px;
	margin: 0;
}

#navigation {
    background: url("dividerbg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 125px;
    margin: 0 auto;
    opacity: 1;
    position: fixed;
    width: 100%;
    z-index: 5;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.85);
	-moz-box-shadow:    0px 3px 4px 0px rgba(0, 0, 0, 0.85);
	box-shadow:         0px 3px 4px 0px rgba(0, 0, 0, 0.85);
}

#navigation p {
    color: white;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 300;
    height: 50px;
    margin-left: 53.4px;
    margin-top: 25px;
    text-align: center;
    text-transform: uppercase;
}

#navholder {
    height: auto;
    margin: 3px auto 0;
    overflow: auto;
    width: 845px;
}

#navholder p:hover {
	color:#64a8b8;
}

#navlogo_text {
    height: 40px;
    margin: auto auto auto 28%;
    width: 350px;
}
#navlogo{
    float: left;
}
.content_section {
	width:1028px;
	margin:0 auto;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.85);
	-moz-box-shadow:    0px 3px 4px 0px rgba(0, 0, 0, 0.85);
	box-shadow:         0px 3px 4px 0px rgba(0, 0, 0, 0.85);
}

/* start of welcome page */
#content {
    margin: 0 auto;
    position: relative;
    width: 1028px;
    height: 650px;
}	
/* end of welcome page */

/* start of game info page */
#content1 {
    height: 592px;
    margin: 0 auto;
    width: 1028px;
	margin: 0 auto;
}	

#welcome {
    background-color: rgba(0, 0, 0, 0.85);
    color: #a6a4a1;
    height: 578px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1028px;
}


#welcome_title {
    color: #64a8b8;
    font-size: 60px;
    font-weight: 300;
    line-height: 1.2em;
    opacity: 0.9;
    padding-left: 105px;
    padding-top: 75px;
    width: 360px;
}

#welcome_subtitle {
    color: #a6a4a1;
    font-size: 30px;
    font-weight: 600;
    padding: 0 107px;
}

#welcome_desc {
    color: #a6a4a1;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1em;
    padding: 30px 107px;
    width: 388px;
}

#welcome_image {
    bottom: 5px;
    opacity: 0.85;
    position: absolute;
}
/* end of game info page */

/* start of media page */
#content2 {
    height: auto;
    margin: 0 auto;
    width: 1028px;
	margin: 0 auto;
}	
/* end of media page */

/* start of characters page */
#content3 {
    background-color: #000;
    height: 905px;
    margin: 0 auto;
    width: 1028px;
}	
#characters_bar {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #190919;
    border-radius: 55px;
    height: 90px;
    padding-bottom: 0;
    padding-left: 120px;
    padding-top: 14px;
    width: 919px;
}

#characters_bar img {
	margin-left:30px;  
	border: 3px solid #fafafa;
    border-radius: 50px;
	opacity:0.75;
}

#characters_bar img:hover{
    border: 3px solid #fafafa;
	opacity:1;
}

#characters {
    background-color: #fafafa;
    color: black;
    height: 578px;
    margin: 0 auto;
    width: 1028px;
}

.characters_info {
    float: left;
    height: auto;
    width: 525px;
}
.characters_title {
    color: #64a8b8;
    font-size: 60px;
    font-weight: 300;
    line-height: 1.1em;
    opacity: 0.9;
    padding-left: 105px;
    padding-top: 75px;
    width: 360px;
}

.characters_desc {
    color: #a6a4a1;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2em;
    padding: 30px 10px 0 108px;
    width: 388px;
}

.characters_image {
    height: 500px;
    margin-left: 3px;
    margin-top: 20px;
    opacity: 0.85;
    width: 500px;
}

.characters_gallery {
    bottom: 5px;
    height: 280px;
    padding-left: 3px;
    position: relative;
    width: 1028px;
    opacity: 0.75;
}

.zoom-gallery a{
	float:left;
}

#character_1 {
	display:block;
}

#character_2 {
	display:none;
}

#character_3 {
	display:none;
}

#character_4 {
	display:none;
}

#character_5 {
	display:none;
}

#character_6 {
	display:none;
}

#character_7 {
	display:none;
}
/* end of characters page */

/* start of worlds page */
#content4 {
    background-color: #000;
    height: 425px;
    margin: 0 auto;
    width: 1028px;
}	

#worlds {
	height: 500px;
    position: relative;
    width: 1028px;
}
/* end of worlds page */

/* start of hints page */
#content5 {
    background-color: #000;
    height: auto;
	margin: 0 auto;
    width: 1028px;
}	

#content5 h1 {
	color:#64a8b8;
}

#content5 h3 {
    color: #64a8b8;
    opacity: 0.9;
}


/* end of hints page */

/* start of footer */

#content6 {
    background-color: #000;
    height: auto;
	margin: 0 auto;
    width: 1028px;
	color: #a6a4a1;
}	

#footer_images {
    float: left;
    height: auto;
    margin: 0 auto;
    opacity: 0.85;
    padding-bottom: 15px;
    padding-left: 40px;
    width: 1024px;
}

#footer_images  img{
	float:left;
    margin-right: 25px;
}

#footer_desc {
    font-size: 9px;
    margin: 0 auto;
    text-align: center;
    width: 950px;
}

/* end of footer */