body {

}

#wrap {

width:800px;
height:1500px;

margin:0 auto;

}

#header {

background-image:url(header.png);
background-repeat:no-repeat;
width:800px;
height:105px;


}

#navigation {

height:30px;
width:400px;

float:right;
margin-top:70px;

}

ul, li {

display:inline;
font-family:arial;
font-size:11pt;



}

#content {
height:1350px;
width:800px;
border:1.5px solid #8d8c8c;
background-color:#f2f2f2;

}


#one {

height:310px;
width:800px;
background-image:url(one5.png);
background-repeat:no-repeat;


}


#right {

height:260px;
width:500px;
float:right;
padding:10px;



}


#footer {


}


p.content {

font-family:Verdana;
font-size:9pt;
color:black;
padding-left:15px;

}


#left {

height:250px;
width:550px;
float:left;


}


a:link {

color:#8d8c8c;
font-size:9pt;
text-decoration:none;
font-family:Lucida Grande,Verdana;

}



a:visited {

color:#8d8c8c;
font-size:9pt;
text-decoration:none;
font-family:Lucida Grande,Verdana;

}


a:hover {

color:#a4ca39;
font-size:9pt;
text-decoration:none;
font-family:Lucida Grande,Verdana;

}

a:active {

color:#8d8c8c;
font-size:9pt;
text-decoration:underline;
font-family:Lucida Grande,Verdana;

}


p {

font-family:arial;
font-size:10pt;

}

h2 {

font-family:Lucida Grande,Verdana;
font-size:11pt;
color:black;

}

h1 {

font-family:Lucida Grande,Verdana;
font-size:12pt;
color:black;

}



h3 {

text-align:center;
text-decoration:underline;
color:black;
font-family:Lucida Grande,Verdana;
font-size:10pt;

}



#right.ul,li,ol {



}


#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('images/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px; width: 603px; height: 306px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('images/bg.jpg'); width: 437px; height: 277px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu { background: url('images/bg_side.jpg'); list-style-type: none; width: 166px; height: 257px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }



#two {

height:815px;
width:800px;


}


#righttwo {

height:auto;
width:215px;
float:right;
border-left:1px solid grey;



}


p.offers {

font-size:8pt;
font-family:Verdana;
padding:10px;


}


#steps {


height:125px;
width:800px;
background-image:url(steps3.png);

}


a.click {
display: block;
width: 267px;
height: 22px;
background: transparent url(click.png) no-repeat;
}

a.click:hover {
background-position: 0px -22px;
} 


a.complete {
display: block;
width: 200px;
height: 100px;
background: transparent url(complete.png) no-repeat;

}

a.complete:hover {
background-position: 0px -100px;
} 


a.refer {
display: block;
width: 200px;
height: 100px;
background: transparent url(refer.png) no-repeat;

}

a.refer:hover {
background-position: 0px -100px;
} 


#signup a {   

display: block;   

background:  url(signup.png) top;   
background-repeat:no-repeat;

width: 200px;   
margin-top: 0px; margin-left: 75px;


height: 100px;   

float:left;


}

#signup a:hover {   

background-position: 0px -100px;

}


#complete a {   

display: block;   

background:  url(complete.png) top;   
background-repeat:no-repeat;
margin-top: 0px; margin-left: 70px;
width: 200px;   



height: 100px;   

float:left;


}

#complete a:hover {   

background-position: 0px -100px;

}



#refer a {   

display: block;   

background:  url(refer.png) top;   
background-repeat:no-repeat;

width: 200px;   

margin-top: 0px; margin-left: 40px;

height: 100px;   

float:left;


}

#refer a:hover {   

background-position: 0px -100px;

}




.pics {  
    height:  296px;  
    width:   385px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  350px; 
    height: 263px; 
    top:  0; 
    left: 0 
} 







#gallery {

height:400px;
width:800px;

}


#bottom {
height:200px;
width:800px;

}

ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.slider li{
  float: left;
  padding: 10px;
  display: block;
  margin-right: 10px;
}

ul.slider li a{
  display: block;
  overflow: hidden;
  height: 120px;
  width: 75px;
}

#a1{
  width: 210px;
}

ul.slider li img{
  position: absolute;
  
}

ul.slider li p{
  margin: 0;
  padding: 5px;
  width: 120px;
  display: block;
  margin-left: 85px;
}