body {
text-align: center;
margin: 0;
font: 12px Helvetica, Verdana, Arial, Helvetica, sans-serif;
color: #2e2f2e;
background: #000000 url(../images/bg.gif) repeat-x;
}
#wrap {
width: 977px;
margin: 0 auto;
text-align: left;
background: #201d1d url(../images/wrapbg.gif) repeat-x;
overflow: hidden;
padding: 0 0 9px 0;
}
#wrap2 {
width: 977px;
margin: 0 auto;
text-align: left;
}
#num1picker {
width: 94px;
height: 169px;
float: right;
margin: 82px -50px -256px 0;
z-index: 10;
position: relative;
}
#wrap3 {
width: 977px;
margin: 0 auto;
text-align: left;
border-left: 1px solid #000000;
border-left: 1px solid #000000;
padding: 0 0 80px 0;
}
#footer {
width: 977px;
height: 155px;
float: left;
background: #000000 url(../images/footer.jpg) no-repeat;
}
#footer:hover {
background-position: 0 -155px;
}
#innerwrap {
width: 965px;
padding: 0 6px 0 6px;
float: left;
}
#logo {
width: 387px;
height: 117px;
float: left;
border: 0;
}
#pen {
width: 387px;
height: 52px;
float: left;
border: 0;
}
#topright {
width: 590px;
height: 117px;
float: left;
background: url(../images/topright.gif) no-repeat;
}
#about {
width: 301px;
height: 24px;
float: right;
background: url(../images/about.png) no-repeat;
border: 0;
margin: 49px 49px 0 0;
cursor: pointer;
}
#about:hover {
background-position: 0 -24px;
}
#submitarea {
width: 710px;
height: 367px;
float: left;
}
#submittop {
width: 710px;
height: 213px;
float: left;
}
#submitbotbg {
width: 615px;
height: 92px;
float: left;
background: url(../images/submitbotbg.jpg) no-repeat;
padding: 62px 0 0 95px;
}
#submitbotbg2 {
width: 615px;
height: 92px;
float: left;
background: url(../images/submitbotbg.png) no-repeat;
padding: 62px 0 0 95px;
}
#freespot {
float: left;
width: 256px;
z-index: 1;
position: relative;
margin: 0 0 0 5px;
}
#freespottop {
width: 256px;
height: 75px;
float: left;
background: url(../images/freespotstop.png) no-repeat;
}
#freespotbot {
width: 207px;
height: 290px;
float: left;
background: url(../images/freespotsbot.png) no-repeat;
padding: 2px 29px 0 29px;
color: #595959;
font: 13px Verdana, Arial, Helvetica, sans-serif;
}
#freespotbot p {
margin: 12px 0 12px 0;
}
#gvpb, #vnda, #dndn, #ttnp {
width: 234px;
height: 171px;
float: left;
background: url(../images/gvpb.png) no-repeat;
cursor: pointer;
border: 0;
margin: 9px 9px 0 0;
}
#vnda {
background: url(../images/vnda.png) no-repeat;
}
#dndn {
background: url(../images/dndn.png) no-repeat;
}
#ttnp {
background: url(../images/ttnp.png) no-repeat;
float: right;
margin: 9px 0 0 0;
}
#faq {
width: 704px;
height: 367px;
float: left;
margin: 9px 0 0 0;
}
#faql {
width: 347px;
height: 367px;
float: left;
background: url(../images/faql.png) no-repeat;
padding: 0 0 0 85px;
}
#faqr {
width: 222px;
height: 296px;
float: left;
background: url(../images/faqr.png) no-repeat;
padding: 72px 27px 0 23px;
color: #576116;
}
#faqinfo {
height: 258px;
float: left;
overflow: auto;
width: 215px;
padding: 0 5px 0 0;
}
h2 {
font: bold 12px Arial, Helvetica, sans-serif;
margin: 0;
color: #3c3c3a;
background: url(../images/faqarrow.png) no-repeat 0 2px;
padding: 0 0 2px 10px;
}
#faqright {
width: 254px;
height: 365px;
float: right;
margin: 10px 0 0 0;
}
#limited {
width: 461px;
float: left;
margin: 9px 0 0 0;
}
#limitedbg {
background: url(../images/limitedbg.gif) repeat-y;
float: left;
z-index: 5;
position: relative;
width: 411px;
padding:  8px 25px 0 25px;
color: #c6c6c6;
text-align: justify;
}
#limitedtop {
width: 461px;
height: 27px;
float: left;
z-index: 3;
position: relative;
}
#limitedbot {
width: 461px;
height: 36px;
float: left;
z-index: 3;
position: relative;
margin: -15px 0 0 0;
}
#subscribebotbg {
background: url(../images/subscribebotbg.jpg) no-repeat;
float: left;
width: 368px;
height: 92px;
margin: 9px 0 0 0;
padding: 225px 0 0 93px;
}
#subscribebotbut {
width: 283px;
height: 77px;
float: left;
background: url(../images/subscribebotbut.png) no-repeat;
border: 0;
cursor: pointer;
}
#subscribebotbut:hover {
background-position: 0 -77px;
}
#subscribebotbut2 {
width: 283px;
height: 77px;
background: url(../images/subscribebotbut.png) no-repeat;
border: 0;
cursor: pointer;
}
#subscribebotbut2:hover {
background-position: 0 -77px;
}
#testimonials {
width: 493px;
float: right;
margin: 9px 0 0 0;
}
#testimonialstop {
width: 493px;
height: 166px;
float: left;
}
#testimonialsbg {
width: 449px;
background: url(../images/testimonialsbg.png) repeat-y;
float: left;
z-index: 0;
position: relative;
padding: 0 22px 0 22px;
margin: -103px 0 0 0;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #312b2b;
text-align:justify;
}
#testimonialsbot {
width: 493px;
height: 139px;
float: left;
margin: -112px 0 0 0;
}
#male {
float: left;
background: url(../images/male.gif) no-repeat 2px 0;
width: 360px;
padding: 0 0 0 80px; 
}
#female {
float: left;
background: url(../images/female.gif) no-repeat 2px 0;
width: 360px;
padding: 0 0 0 80px; 
}
#couple {
float: left;
background: url(../images/couple.gif) no-repeat;
width: 356px;
padding: 0 0 0 84px; 
}
.split {
width: 465px;
height: 14px;
float: left;
margin: 12px 0 0 -13px;
}
.darktitles {
color: #28627e;
float: left;
}
#email {
background: none;
width: 400px;
float: left;
border: 0;
padding: 6px 8px 6px 0;
font: 15px Helvetica, Verdana, Arial, Helvetica, sans-serif;
margin: 11px 0 0 0;
}
#subscribe {
width: 173px;
height: 53px;
float: left;
padding: 0;
margin: 0;
border: 0;
background: url(../images/subscribenow.png) no-repeat;
cursor: Pointer;
}
#subscribe:hover {
background-position: 0 -53px;
}
#freespots {
width: 256px;
height: 65px;
float: left;
margin: 10px 0 0 0;
}
#arrowpng {
float: left;
padding: 2px 2px 8px 32px;
background: url(../images/arrow.png) no-repeat;
font: bold 15px Helvetica, Verdana, Arial, Helvetica, sans-serif;
margin: 4px 0 0 10px;
color: #606c11;
}
h1 {
font: normal 21px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
color: #576116;
letter-spacing: -1px;
line-height: 22px;
}
#check1, #check2, #check3, #check4 {
float: left;
width: 320px;
height: 65px;
}
#check1 {
margin: 41px 0 0 0;
}
#check2 {
margin: 7px 0 0 0;
}
#check3 {
margin: 24px 0 0 0;
}
#check4 {
margin: 23px 0 0 0;
}
p {margin: 4px 0 4px 0;}
.hoverbox {
cursor: default;
list-style: none;
float: left;
margin: 0;
padding: 0;
z-index: 100;
position: relative;
}
.hoverbox a {
cursor: default;
}
.hoverbox a .preview {
display: none;
}
.hoverbox a:hover .preview {
display: block;
position: absolute;
top: 179px;
left: 114px;
z-index: 100;
}
.hoverbox img {
vertical-align: top;
width: 234px;
height: 171px;
float: left;
border: 0;
cursor: Pointer;
}
.hoverbox li {
float: left;
position: relative;
padding: 0;
}
.hoverbox .preview {
border: 0;
width:  608px;
height: 302px;
position: absolute;
z-index: 100;
}
.hoverbox2 {
cursor: default;
list-style: none;
float: left;
margin: 0;
padding: 0;
z-index: 100;
position: relative;
}
.hoverbox2 a {
cursor: default;
}
.hoverbox2 a .preview {
display: none;
}
.hoverbox2 a:hover .preview {
display: block;
position: absolute;
top: 179px;
left: 115px;
z-index: 100;
}
.hoverbox2 img {
vertical-align: top;
width: 234px;
height: 171px;
float: left;
border: 0;
cursor: Pointer;
}
.hoverbox2 li {
float: left;
position: relative;
padding: 0;
}
.hoverbox2 .preview {
border: 0;
width:  608px;
height: 302px;
position: absolute;
z-index: 100;
}
.hoverbox3 {
cursor: default;
list-style: none;
float: left;
margin: 0;
padding: 0;
z-index: 100;
position: relative;
}
.hoverbox3 a {
cursor: default;
}
.hoverbox3 a .preview {
display: none;
}
.hoverbox3 a:hover .preview {
display: block;
position: absolute;
top: 179px;
right: 13px;
z-index: 100;
}
.hoverbox3 img {
vertical-align: top;
width: 234px;
height: 171px;
float: left;
border: 0;
cursor: Pointer;
}
.hoverbox3 li {
float: left;
position: relative;
padding: 0;
}
.hoverbox3 .preview {
border: 0;
width:  608px;
height: 302px;
position: absolute;
z-index: 100;
}
.hoverbox4 {
cursor: default;
list-style: none;
float: left;
margin: 0;
padding: 0;
z-index: 100;
position: relative;
}
.hoverbox4 a {
cursor: default;
}
.hoverbox4 a .preview {
display: none;
}
.hoverbox4 a:hover .preview {
display: block;
position: absolute;
top: 179px;
right: 3px;
z-index: 100;
}
.hoverbox4 img {
vertical-align: top;
width: 234px;
height: 171px;
float: left;
border: 0;
cursor: Pointer;
}
.hoverbox4 li {
float: left;
position: relative;
padding: 0;
}
.hoverbox4 .preview {
border: 0;
width:  608px;
height: 302px;
position: absolute;
z-index: 100;
}
.clear {clear:both;}