/************************************
* class styles for name list
************************************/


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}


html{
    background:transparent url(../images/background.jpg) repeat;
}

h1 {
    text-align:center;
    font-size:40px;
}

h2 {
    text-align:left;
    font-size:30px;
}

h6 {
    text-align:center;
    font-size:14px;
}

.memorial-heading{
   background:transparent url(../images/background-clouds.jpg) no-repeat scroll 50% 0;

}

.memorial-top{
    width: 1000px;;
    margin:0 auto;
    padding:30px 0 35px;
    position:relative;
}

.memorial-top-mobile{
    width: 500;
    margin:0 auto;
    padding:30px 0 35px;
    position:relative;
}

.memorial-top-tablet{
    width: 80%;
    margin:0 auto;
    padding:30px 0 35px;
    position:relative;
}




.main_container{
    width:900px;
    height:550px;
    margin:0 auto;
    border:none;
}

.main_container-mobile{
    width:300;
    height:550px;
    margin:0;
    border:none;
}

.main_container-tablet{
    width:80%;
    margin:0 auto;
    border:solid;
}





.data_container{
    position:absolute;
    left:50px;
    top:169px;
    width:675px;
    height:370px;
    margin:0 auto;
    padding:1px 0 1px;
    border:none;
    float:left;
 }



.photo_container{
    width:225px;
    height:325px;
    margin:10px 10px 10px 30px;
    position:relative;
    border-style:solid;
    border-width:15px;
    border-color:#ffffff;
 }

.photo_thumbnail { 
  width:  120px; 
  height: auto; 
  margin: 3px;
  border-style:none;
}

.bio_container{
    position:absolute;
    left:5px;
    top:5px;
    width:655px;
    height:325px;
    margin:0px;
    border-style:none;
    font-size:x-large;
 }



.name_container{
    position:absolute;
    left:300px;
    top:50px;
    width:330px;
    height:300px;
    border-style:none;
    font-size:250%;
    font-weight:bolder;
    text-align:center;
 }

.date_data{
    font-size:50%;
    font-weight:normal;
    text-align:center;
 }






.icon_container{
    position:absolute;
    left:735px;
    top:200px;
    width:210px;
    height:330px;
    margin:0 auto;
    padding:1px 0 1px;
    border:none;
    float:right;
}

.icon_container-mobile{
    position:absolute;
    left:100px;
    top:600px;
    width:675px;
    height:12px;
    margin:0 auto;
    padding:1px 0 1px;
    border:none;
    float:right;
}

.icon_container-tablet{
    position:absolute;
    left:150px;
    top:200px;
    width:475px;
    height:200px;
    margin:0 auto;
    padding:1px 0 1px;
    border:none;
    float:right;
}


.hideMe{
    visibility: hidden;
    height:0px;
}






.icon{
    width:100px;
    height:100px;
    margin:0;
    padding:0;
    border:none;
}

#remembering {
   height:80px; 
   width:343px;
   padding:0 279px;
}

#remembering-mobile {
   height:80px; 
   width:343px;
   padding:0 250px;
}

#remembering-tablet {
   height:80px; 
   width:343px;
   padding:0 279px;
}



#profile {
   height:325px; 
   width:225px;
   padding:0;
}


.footer{
    position:absolute;
    left:550px;
    top:550px;
 }

.footer-mobile{
    position:absolute;
    left:280px;
    top:730px;
 }

.footer-tablet{
    position:absolute;
    left:550px;
    top:550px;
 }