body {
overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
padding:0;margin:0;		/* necesarry for the raster to fill the screen */
height:100%;width:100%;
background-color: black;
}

p {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300;
color: white;
font-size: 9px;
line-height: 12px;
letter-spacing: 3px;
}

h2 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300;
color: white;
font-size: 16px;
letter-spacing: 3px;
text-transform: uppercase;
}

img  {
border-style: none; 
}




.magenta a {
color: #ff3399;	
}

.magenta a:active, a:visited, a:link {
text-decoration: none;
}

.magenta a:hover {
color: white;	
}

.grey {
color: #aaaaaa;	
}

.book-appointment {
position: absolute;
left: 166px;
top: 99px;
}


.phone { color:aaaaaa; }



#bgimg {
position:absolute;
z-index: -1;

}

#realBody{
position:absolute;
z-index: 5;/* Place the new body above the background image */
overflow:auto;/* restore scrollbars for the content */
height:100%;width:100%;	/* Make the new body fill the screen */
background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */

}

#book-online-icon {
position: absolute;
top: 88px;
left: 100px;
}
	
	
#logo {
position: absolute;
bottom: 88px;
left: 100px;
}

#slogan {
position: absolute;
bottom: 50%;
left: 50%;
width: 301px;
height: 114px;
margin-top: -57px;
margin-left: -150.5px;
}

#address-container {
position: absolute;
left: 400px;
bottom: 88px;
}

#contact-form {
margin: auto 0;
background-color: #4a4a4a;
padding: 20px;
}



/* use a semi-transparent image for the overlay */
#overlay {
background-image:url(/media/img/overlay/transparent.png);
color:#efefef;
height:600px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
height:600px;
overflow-y:auto;
}
  
  
/* the overlayed element */
.apple_overlay {

/* initially overlay is hidden */
display:none;

/* growing background image */
background-image:url(/media/img/overlay/white.png);

/*
width after the growing animation finishes
height is automatically calculated
*/
width:388px;
  
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
background-image:url('../img/close.gif');
position:absolute;
right: 0;
cursor:pointer;
height:16px;
width:52px;
}