body {
text-align: center;
margin: 0;
font: 12px Helvetica, Verdana, Arial, Helvetica, sans-serif;
color: #27353d;
background: #27353d url(../images/bg.gif) repeat-x;
}
#wrap {
width: 836px;
margin: 0 auto;
text-align: left;
}
#logo {
width: 415px;
height: 83px;
float: left;
margin: 0 0 0 18px;
}
#main {
width: 643px;
height: 71px;
float: left;
background: url(../images/main2.png) no-repeat;
margin: 5px 0 0 0;
padding: 164px 0 0 193px;
}
#form1 {
margin: 154px 40px 0 0;
float: right;
width: 600px;
}
#email {
background: url(../images/email.gif) no-repeat;
width: 341px;
height: 27px;
float: left;
padding: 10px 12px 0 12px;
border: 0;
margin: 4px 0 0 0;
}
#subscribe {
width: 193px;
height: 43px;
float: left;
padding: 0;
margin: 0 0 0 8px;
border: 0;
background: url(../images/subscribe.gif) no-repeat;
cursor: Pointer;
}
#alert {
width: 836px;
float: left;
background: #FFFFFF;
padding: 2px 0 5px 0;
clear: both;
}
.alert {
width: 203px;
height: 200px;
float: left;
margin: 0 0 0 5px;
}
#bottop {
width: 836px;
height: 17px;
float: left;
}
#botbg {
width: 782px;
padding: 0 27px 0 27px;
overflow: hidden;
background: url(../images/botbg.gif) repeat-y;
float: left;
clear: both;
}
#botbot {
width: 836px;
height: 22px;
float: left;
}
#profits {
width: 413px;
height: 311px;
float: right;
}
h1 {
font: bold 24px/25px Helvetica, Arial, Verdana,sans-serif;
padding: 0;
margin: 8px 0 0 0;
color: #3a6783;
letter-spacing: -1px;
text-align: center;
}
#botlist {
width: 345px;
float: left;
}
#botlist ul {
list-style-type: none;
margin: 20px 0 0 0;
padding: 0;
float:left;
}
#botlist li {
list-style-type: none;
float:left;
padding: 6px 0 6px 44px;
margin: 0 0 6px 0;
background: url(../images/check.gif) no-repeat;
font: normal 18px Helvetica, Arial, Verdana,sans-serif;
}
#bottxt {
width: 836px;
float: left;
padding: 20px 0 20px 0;
text-align:center;
}
h2 {
font: bold 22px Verdana, Helvetica, Arial, sans-serif;
padding: 0;
margin: 0;
color: #FFFFFF;
letter-spacing: -1px;
}
h2 a {
color: #ffffff;
text-decoration: none;
}
.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: 202px;
left: 125px;
z-index: 100;
}
.hoverbox img {
vertical-align: top;
width: 203px;
height: 200px;
float: left;
border: 0;
cursor: Pointer;
}
.hoverbox li {
float: left;
position: relative;
margin: 0 0 0 5px;
padding: 0;
}
.hoverbox .preview {
border: 0;
width:  579px;
height: 222px;
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: 202px;
left: -75px;
z-index: 100;
}
.hoverbox2 img {
vertical-align: top;
width: 203px;
height: 200px;
float: left;
border: 0;
cursor: Pointer;
}
.hoverbox2 li {
float: left;
position: relative;
margin: 0 0 0 5px;
padding: 0;
}
.hoverbox2 .preview {
border: 0;
width:  579px;
height: 222px;
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: 202px;
left: -280px;
z-index: 100;
}
.hoverbox3 img {
vertical-align: top;
width: 203px;
height: 200px;
float: left;
border: 0;
cursor: Pointer;
}
.hoverbox3 li {
float: left;
position: relative;
margin: 0 0 0 5px;
padding: 0;
}
.hoverbox3 .preview {
border: 0;
width:  579px;
height: 222px;
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: 202px;
left: -480px;
z-index: 100;
}
.hoverbox4 img {
vertical-align: top;
width: 203px;
height: 200px;
float: left;
border: 0;
cursor: Pointer;
}
.hoverbox4 li {
float: left;
position: relative;
margin: 0 0 0 5px;
padding: 0;
}
.hoverbox4 .preview {
border: 0;
width:  579px;
height: 222px;
position: absolute;
z-index: 100;
}.white {
	color: #FFF;
}