body{
   background-color: #CCCCCC;
   margin: 0;
   margin-top: 25px;
   margin-bottom: 25px;
   text-align: center;
}
h1, h2, p{
   padding: 0;
   margin: 0;
}
#wrapper{
   text-align: left;
   width: 867px;
   height: 652px;
   background-image: url('/img/background.jpg');
   margin: 0 auto;
   position: relative;
   overflow: hidden;
}
#imageStrip{
   width: 867px;
   height: 201px;
   position: absolute;
   bottom: 50;
   background-image: url('/img/images.png');
   position: center;
   z-index: 5;
   display: block;
}
#slogan{
   width: 286px;
   height: 51px;
   background-image: url('/img/slogan.png');
   position: absolute;
   bottom: 20px;
   left: 97px;
}
#signup{
   width: 248px;
   height: 89px;
   position: absolute;
   right: 163;
   bottom: 0;
   overflow: hidden;
}
#v_slidein a{
   display: block;
   height: 248px;
   height: 89px;
   overflow: hidden;
   border: none;
}
#signup img{
   display: block;
   overflow: hidden;
   position: relative;
   z-index: 6;
   border: none;
}
#socialNetworks{
   border: none;
   z-index: 6;
}
div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
#vertical_slide{
   background-color: #FEE499;
   position: absolute;
   height: 0;
   overflow: hidden;
   display:none;
   width: 233px;
   right: 14px;
   bottom: 12px;
   z-index: 6
}
#socialNetworks{
   width: 130px;
   height: 35px;
   position: absolute;
   bottom: 30px;
   right: 35px;
}
#socialNetworks img{
   float: right;
   border: none;
}
#copyright{
   width: 150px;
   height: 15px;
   position: absolute;
   bottom: 5px;
   right: 0px;
   font-size: 10px;
   font-family: arial;
   color: #FDE396;
}
#content{
   overflow: hidden;
   width: 712px;
   height: 175px;
   margin-left: 66px;
   padding: 21px 0 0 30px;
   float: left;
   position: relative;
   z-index: 2;
}
#thanks{
   width: 741px;
   height: 0px;
   position: absolute;
   left: 67px;
   top: 450px;
   display:none;
   z-index:3;
   background-image: url('/img/thanks.jpg');
}
#close{
   float:right;
   width: 30px;
   height: 30px;
   text-decoration: none;
}
#contentHead{
   width: 682px;
   height: 13px;
   float: left;
}
#contentHead h2{
   color: #FDE396;
   font-size: 13px;
   font-family: arial;
   font-weight: 400;
   letter-spacing: 6px;
}
#contentBody{
   width: 712px;
   float: left;
   overflow: hidden;
   position: relative;
   z-index: 1;
}
#contentBody p{
   line-height: 16px;
   width: 324px;
   float: left;
   margin-top: 10px;
   margin-right: 25px;
   font-family: arial;
   font-size: 12px;
   color: #D7D7B9;
}
#logo{
   width: 867px;
   height: 185px;
   margin-top: 27px;
   float: left;
   background-image: url('/img/logo.png');
   background-position: center;
   background-repeat: no-repeat;
}
#vertical_slide p{
   margin-top: 6px;
   font-size: 13px;
   color: #7e7e7e;
   font-weight: 400;
   text-align: center;
   font-family: arial;
}
span.rachelOnline{
   font-weight: 600;
   font-size: 14px;
   color: #7e7e7e;
}
#signupform div{
   text-align: center;
}
#signupform input{
   margin-top: 4px;
}
#signupform input.submit{
   width: 61px;
   height: 21px;
   margin-left: -11px;
   margin-right: 12px;
   float: right;
   background-image: url('/img/submit.jpg');
   background-position: center center;
   border: none;
}
#signupform input.email{
   height: 21px;
   width: 149px;
   font-family: arial;
   font-size: 11px;
   color: #7e7e7e;
   border: 1px #7e7e7e solid;
   
}