body {
padding : 0;
margin : 0;
background : #000 repeat-x;
color : #a5a5a4;
}
div, ul, h1, h2, h3, h4, h6, p, img, form {
	padding : 0;
	margin : 5px 0 0 0;
}
ul {
list-style-type : none;
}
.blank {
font-size : 0;
clear : both;
line-height : 0;
}
#signupbutt
{
  display: block;
  width: 220px;
  height: 85px;
  background: url(images/bigbutt.jpg) no-repeat 0 0;
}
#signupbutt:hover
{ 
  background-position: 0 -85px;
}
#signupbutt span
{
  display: none;
}
#steps {
width : 430px;
height: 95px;
margin-bottom: 25px;
float : right;
}
#steps ul {
width : 424px;
display : block;
margin : 0;
}
#steps ul li {
display : block;
height : 95px;
padding : 0;
float : left;
width : 141px;
}
#signupmenu {
	width: 140px;
	height: 95px;
	background: url(images/sig.jpg) no-repeat 0 0;
}
#signupmenu:hover { 
  background-position: 0 -95px;
}
#signupmenu span {
  display: none;
}
#signupmenu a {
	display: block;
	height: 95px;
	width: 140px;
}
#offerbutt {
  width: 140px;
  height: 65px;
  background-image: url(images/off.jpg);
}
#offerbutt:hover { 
  background-position: 0 -95px;
}
#offerbutt span {
  display: none;
}
#offerbutt a {
	display: block;
	height: 95px;
	width: 140px;
}
#referbutt {
  width: 140px;
  height: 95px;
  background: url(images/ref.jpg) no-repeat 0 0;
}
#referbutt:hover { 
  background-position: 0 -95px;
}
#referbutt span {
  display: none;
}
#referbutt a {
	display: block;
	height: 95px;
	width: 140px;
}
#headerPan {
	width : 616px;
	margin : 0 auto 0 auto;
	height : auto;
}
#headerPan h1 {
margin : 0 0 0 0;
padding : 0;
width : 616px;
}
#headerPan h1 a {
padding : 0;
margin : 0;
width : 616px;
height : 253px;
display : block;
background : url(images/head2.jpg) no-repeat;
}
#headerPan h1 a span {
display : none;
}
#mainBody {
width : 612px;
margin : 0 auto 0 auto;
}
#mainBody h1 {
	font : 34px/36px Tahoma, Arial, Helvetica, sans-serif;
	color : #ffffff;
	background-color : #000000;
	display : block;
	margin : 10px 0 0 0;
	height : auto;
}
#mainBody h2 {
	color : #ffffff;
	background-color : #000000;
	display : block;
	margin : 0 0 0 0;
	height : auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 26px;
	font-variant: small-caps;
	text-transform: uppercase;
}
#mainBody p {
width : 612px;
font : 14px/20px Arial, Helvetica, sans-serif;
color : #a5a5a4;
background-color : #000000;
display : block;
margin : 0 0 0 0;
}
#mainBody p span {
color : #ffffff;
background-color : #000000;
font-size : 17px;
font-weight : bold;
}
#mainBody p a {
color : #999999;
}
#mainbody p a:hover {
background-color : #cccccc;
color : #000000;
}
#leftPan {
width : 161px;
color : #b6b6b5;
background : #171717 url(images/left_side_up.gif) no-repeat 0 0;
padding : 19px 0 0 0;
float : left;
}
#leftPan p {
background : url(images/left_side_down.gif) no-repeat bottom left;
height : 8px;
font-size : 0;
display : block;
}
#leftPan h2 {
background : #171717 url(images/services_icon.gif) no-repeat 0 0;
color : #fff;
width : 90px;
height : 34px;
display : block;
margin : 0 0 0 25px;
font : normal 24px/34px Arial, Helvetica, sans-serif;
padding : 0 0 0 30px;
}
#leftPan h2.one {
background : #171717 url(images/services_icon.gif) no-repeat 0 0;
color : #fff;
width : 90px;
height : 34px;
display : block;
margin : 0 0 0 25px;
font : normal 20px/20px Arial, Helvetica, sans-serif;
padding : 0 0 10px 30px;
}
#leftPan h3.side {
height : auto;
width : auto;
margin : 0 0 0 0;
display : block;
}
#leftPan h3.side a {
width : auto;
height : 120px;
display : block;
margin : 0 0 0 0;
text-decoration : none;
background : url(images/side.png) no-repeat;
color : #ffffff;
}
#leftPan h3.unlock {
height : auto;
width : auto;
margin : 0 0 0 0;
display : block;
}
#leftPan h3.unlock a {
width : auto;
height : 150px;
display : block;
margin : 0 0 0 18px;
text-decoration : none;
background : url(images/unlock.png) no-repeat;
color : #ffffff;
}
#leftPan h3.offer {
height : auto;
width : auto;
margin : 0 0 0 0;
display : block;
}
#leftPan h3.offer a {
width : auto;
height : 70px;
display : block;
margin : 0 0 0 18px;
text-decoration : none;
background : url(images/lovefilmsp.gif) no-repeat;
color : #ffffff;
}
#leftPan ul {
width : auto;
display : block;
margin : 6px 0 10px 25px;
font-size : 0;
}
#leftPan ul li {
background : url(images/left_side_arrow.gif) no-repeat 0 9px;
padding : 0 0 0 11px;
display : block;
height : 24px;
}
#leftPan ul li a {
font : 12px/24px Arial, Helvetica, sans-serif;
color : #b6b6b5;
text-decoration : none;
background-color : #171717;
display : block;
}
#leftPan ul li a:hover {
background-color : #454545;
color : #b6b6b5;
}
#leftPan h3 {
color : #fff;
width : 114px;
height : auto;
display : block;
margin : 0 0 10px 26px;
padding : 0 0 10px 0;
background-color : #171717;
font : normal 16px/24px Arial, Helvetica, sans-serif;
}
#leftPan h3.lor a {
background : #171717 url(images/lor_bg2.gif) no-repeat;
color : #fff;
display : block;
width : 116px;
height : 56px;
font : bold 14px/18px Arial, Helvetica, sans-serif;
text-transform : uppercase;
margin : 0 0 10px 0;
padding : 3px 0 0 7px;
}
#rightPan {
width : 430px;
margin : 0 0 0 0;
float : right;
}
#rightPan h1 {
font : 34px/36px Tahoma, Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #000000;
display : block;
margin : 0 0 0 0;
height : auto;
}
#rightPan h2 {
font : 22px/22px Tahoma, Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #000000;
display : block;
margin : 20px 0 0 0;
height : auto;
}
#rightPan h2 a {
color : #999999;
}
#rightPan h2 a:hover {
background-color : #cccccc;
color : #000000;
}
#rightPan h2.about {
width : 429px;
height : 37px;
display : block;
margin : 0 0 5px 0;
padding : 0;
text-indent : -2000px;
}
#leftPan h3.signup {
height : auto;
width : auto;
margin : 0 0 0 0;
display : block;
}
#leftPan h3.signup a {
width : auto;
height : 150px;
display : block;
margin : 0 0 0 18px;
text-decoration : none;
background : url(images/signupiphone.png) no-repeat;
color : #ffffff;
}
#rightPan h29 {
height : 86px;
width : 259px;
display : block;
float : left;
}
#rightPan p {
width : 427px;
font : 14px/20px Arial, Helvetica, sans-serif;
color : #a5a5a4;
background-color : #000000;
display : block;
margin : 0 0 0 0;
}
#rightPan p span {
color : #ffffff;
background-color : #000000;
font-size : 17px;
font-weight : bold;
}
#rightPan p.more {
width : 421px;
border : 1px solid #353535;
height : 18px;
background-color : #171717;
color : #ffffff;
margin : 5px 0 28px 0;
padding : 3px 3px 0 0;
}
#rightPan p.more a {
display : block;
text-align : right;
text-decoration : none;
font : 14px/15px Arial, Helvetica, sans-serif;
width : 395px;
height : 15px;
background : #000000 url(images/read_more_arrow.gif) no-repeat right center;
color : #ffffff;
float : right;
padding : 0 25px 0 0;
}
#rightPan p a {
color : #999999;
}
#rightPan p a:hover {
background-color : #cccccc;
color : #000000;
}
#rightPan h3 {
font : 24px/26px Tahoma, Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #000000;
display : block;
margin : 0 0 0 0;
height : auto;
}
#rightPan h3.title {
font : 34px/36px Tahoma, Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #000000;
display : block;
margin : 0;
height : auto;
}
#rightPan h3.smtitle {
font : 34px/36px Tahoma, Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #000000;
display : block;
margin : 20px 0 0 0;
height : auto;
}
#rightPan h4 {
color : #ffffff;
}
#rightPan p.hig {
background-color : #272727;
color : #8c8c8b;
font : 14px/20px Arial, Helvetica, sans-serif;
display : block;
width : 413px;
padding : 16px 0 0 12px;
margin : 5px 0 0 0;
}
#rightPan p.hig1 {
background-color : #151515;
color : #8c8c8b;
font : 14px/20px Arial, Helvetica, sans-serif;
display : block;
width : 413px;
padding : 16px 0 0 12px;
margin : 5px 0 0 0;
}
#rightPan p.more1 {
background-color : #272727;
color : #8c8c8b;
padding : 7px 0 13px 14px;
width : 411px;
margin : 0 0 0 0;
}
#rightPan p.more1 a {
background-color : #000000;
color : #2bcb02;
width : 397px;
display : block;
font : 14px/14px Arial, Helvetica, sans-serif;
text-decoration : none;
text-align : right;
padding : 0 3px;
}
#rightPan p.more1 a:hover {
color : #fff;
background-color : #124d8c;
text-decoration : none;
}
#rightPan p.more2 {
background-color : #151515;
color : #8c8c8b;
padding : 7px 0 13px 14px;
width : 411px;
margin : 0 0 0 0;
}
#rightPan p.more2 a {
background-color : #000000;
color : #2bcb02;
width : 397px;
display : block;
font : 14px/14px Arial, Helvetica, sans-serif;
text-decoration : none;
text-align : right;
padding : 0 3px 0 0;
}
#rightPan p.more2 a:hover {
color : #fff;
background-color : #124d8c;
text-decoration : none;
}
#rightPan ul {
width : 424px;
display : block;
margin : 26px 0 0 0;
}
#rightPan ul li {
display : block;
height : 35px;
padding : 98px 0 0 0;
float : left;
width : 141px;
}
a.info{
position:relative;
z-index:24;
color:#000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #FFFFFF;
text-align : center;
font-weight: bolder;
padding-bottom: 7px;
font-style: oblique;
text-decoration:none;
}
a.info:hover {
z-index:25;
}
a.info span{
display: none;
}
a.info:hover span{
display:block;
position:absolute;
top:1.5em;
left:3em;
width:30em;
border:1px solid #ff0000;
background-color:#CCCCCC;
color:#000000;
text-align: center;
font-size: 0.8em;
font-style:italic;
z-index:30;
}
#footer {
background : url(images/footer9.gif) no-repeat 0 0;
height : 70px;
width : 778px;
margin : 0 auto 0 auto;
padding : 45px 0 0 0;
}
#footer a {
text-decoration : none;
}
#footer ul {
width : 446px;
display : block;
margin : 0 0 0 270px;
padding : 0;
font-size : 0;
height : 20px;
}
#footer ul li {
color : #666666;
font : 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
float : left;
background-color : #000000;
padding : 0;
margin : 0;
}
#footer ul li a {
color : #666666;
font : 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color : #0d0d0d;
text-decoration : none;
padding : 0 6px 0 6px;
}
#footer ul li a:hover {
text-decoration : underline;
}
#footer p {
width : 250px;
display : block;
font : 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #eaeaea;
margin : 0 0 0 430px;
background-color : #000000;
padding : 0 0 9px 0;
}
#footer p.copy {
width : 250px;
display : block;
font : 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #eaeaea;
margin : 0;
background-color : #030303;
padding : 0;
float : right;
display : block;
}
#footer p.copy a {
text-decoration : underline;
color : #eaeaea;
background-color : #030303;
}
#footer p.copy a:hover {
text-decoration : none;
}