/* CSS Document */


body {
	background-color: #edeced;
	background-image: url("http://www.hoven.com/images/tube/redstripe.gif");
	background-repeat: repeat-x; 
	background-attachment:scroll;
	background-position: -12px 0px;;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.padding {padding:5px;}

.indent50 {margin-left:50px;}
.indent100 {margin-left:100px;}

.abovethefold {
	background-image: url("http://www.hoven.com/images/tube/abovethefoldbg.jpg");
	background-repeat: repeat-y; 
}

.step1 a {
display:block;
width: 468px;
padding:0 0 0 0;
font: bold 36px sans-serif;
background: url("http://www.hoven.com/images/tube/step1.jpg") 0 0 no-repeat;
text-decoration: none;
}
.step1 a:hover { 
background-position: 0 -187px;
}
.step1 a:active {
background-position: 0 -374px;
}


.step2 a {
display:block;
width: 468px;
padding:0 0 0 0;
font: bold 36px sans-serif;
background: url("http://www.hoven.com/images/tube/step2.jpg") 0 0 no-repeat;
text-decoration: none;
}
.step2 a:hover { 
background-position: 0 -108px;
}
.step2 a:active {
background-position: 0 -216px;
}

.step3 a {
display:block;
width: 468px;
padding:0 0 0 0;
font: bold 13px sans-serif;
background: url("http://www.hoven.com/images/tube/step3.jpg") 0 0 no-repeat;
text-decoration: none;
}
.step3 a:hover { 
background-position: 0 -87px;
}
.step3 a:active {
background-position: 0 -174px;
}

.rollstar a {
display:block;
width: 150px;
padding:0 0 2px 0;
font: bold 13px sans-serif;
background: url("http://www.hoven.com/images/tube/threestars.gif") 0 0 no-repeat;
text-decoration: none;
color: #32496f;
}
.rollstar a:hover { 
color: #2e68cc;
background-position: 0 -17px;
}
.rollstar a:active {
color: #464749;
background-position: 0 -34px;
}

.learnmore {
font: bold 13px sans-serif;
color: #32496f;
}

.rollstarmenu a {
display:block;
height:15px;
padding:0 0 2px 0;
font: bold 13px sans-serif;
background: url("http://www.hoven.com/images/tube/threestars.gif") 0 0 no-repeat;
text-decoration: none;
color: #32496f;
}
.rollstarmenu a:hover { 
color: #2e68cc;
background-position: 0 -17px;
}
.rollstarmenu a:active {
color: #464749;
background-position: 0 -34px;
}

// note: the image rollovers code is from: http://www.tutorio.com/tutorial/pure-css-image-rollovers