@charset "utf-8";

body {
height:100%;
background:#000000;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 auto; 
width:900px;
position:relative;
}
#head h1 { display:none; }
a {
color:#ffffff;
}

p {
text-align:left;
line-height: 140%;
}

a:hover {
color:#565654;
}

#wrapper {
text-align:center;
height:548px;
position:relative;
top:0;
left:0;
}

#animdiv1, #animdiv2, #loadingdiv1, #loadingdiv2 {
background:#000000;
width:900px;
position:relative;
top:35px;
left:0;
}

#loading {
width:100%;
height:100%;
background:#000000;
z-index:200;
position:absolute;
top:0;
left:0;
}

#loading div {
text-align:center;
margin-top:35%;
}

.mainContent {
position:relative;
width:900px;
margin:0 auto;
}

#landingPage {
background:url(../images/homeBak.jpg) center no-repeat #000000;
width:900px;
height:510px;
}

#approachstyle {
background:url(../images/Approach_style_Schaefer.jpg) center no-repeat #000000;
width:900px;
height:513px;
}

#pricingkeepsakes {
background:url(../images/Keepsakes_Schaefer/A1-Pricing_Schaefer.jpg) center no-repeat #000000;
width:900px;
height:500px;
}

#publications {
background:url(../images/Publications.jpg) center no-repeat #000000;
width:900px;
height:510px;
}

#right_div {
width:273px;
height:410px;
float:right;
margin-top:100px;
margin-right:20px;
}

.subpages  #right_div {
position:relative;
top:-30px;
left:-50px;
}

#right_div p {
text-align:justify;
}

#right_div a {
color:#008cff;
text-decoration:none;
}

#right_div a:hover {
color:#008cff;
text-decoration:underline;
}

#menu {
clear:both;
position:absolute;
top:-80px;
z-index:100;
font-size:1em;
text-transform:uppercase;
font-family:verdana;
letter-spacing:1px;
z-index:300;
}

#menu.top {
top:-80px;
}

#menu li {
display:inline;
margin-right:25px;
position:relative;
}

#menu li ul {
position:absolute;
top:30px;
left:-35px;
padding-top:5px;
font-size:0.75em;
width:800px;
text-align:left;
text-transform:none;
margin:0;
color:#ffffff;
}

#menu li ul li {
display:inline;
margin-right:25px;
color:#ffffff;
}

#menu a {
color:#ffffff;
text-decoration:none;
}

#menu a:hover {
color:#565654;
}

#menu a.current  {
color:#565654;
}

#viewImage {
float:left; 
width:750px;
height:500px;
position:relative;
top:0;
right:-35px;
z-index:100;
text-align:center;
}

#flipem-buttons {
float:left;
margin-left:20px;
width:138px;
height:427px;
overflow:hidden;
text-align:center;
position:relative;
right:-35px;
}

#flipem-buttons img {
margin-top:2px;
margin-bottom:0;
padding-bottom:0;
border:1px solid #ffffff;
height:65px;
}

.flipem-item {
position:relative;
}

.flipem-item img {
position:relative;
left:0;
top:0;
}

.flipem-item span {
display:block;
position:absolute;
left:0;
top:-55px;
background:url(../images/trans.png) repeat;
width:68px;
height:69px;
z-index:100;
}

a.flipem-item:hover span {
background:none;
}

#controls {
float:left;
text-align:center;
width:175px;
position:absolute;
left:17px;
bottom:-45px;
color:#565654;
}

#controls a img {
border:0;
vertical-align:middle;
}

#thumbs {
height:450px;
width:150px;
position:absolute;
top:10px;
right:0;
}

#thumbs a:hover img {
border-color:#09719f;
}

#upDown {
z-index:200;
position:absolute;
bottom:0;
right:0;
width:145px;
text-align:center;
}

a img {
border:0;
}

#viewImage img {
border:1px solid #ffffff;
}

#footer {
position:absolute;
bottom:-100px;
right:45px;
width:300px;
text-align:right;
}

.music {
display:block;
position:absolute;
top:1px;
left:-15px;
color:#565654;
}

#musicPlayer {
width:235px;
position:absolute;
top:5px;
right:0;
z-index:200;
}

.copyright {
position:relative;
top:15px;
font-size:0.9em;
color:#565654;
}