@charset "utf-8";
/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
background:url(../images/bkd_pg.jpg) repeat-x #FFF;
margin:0px;
padding:0px;
}

a:link,
a:visited{
	color:#02508f;
	font-family: Arial, Helvetica, sans-serif;

	text-decoration:none;
	border:0px;}
a:hover,
a:active{
	color:#0368b9; border:0px;}

#page{
position:relative;
margin-left:auto;
margin-right:auto;
background:#FFFFFF;
width:896px;
}

#header{
position:relative;
float:left;
background:url(../images/img_header.png) no-repeat;
width:896px;
height:175px;
text-decoration:none;
}

#footer{
position:relative;
float:center;
width:896px;
height:50px;
margin-left:auto;
margin-right:auto;
text-align:center;
vertical-align:bottom;
display:block;
}

#body{
position:relative;
float:left;
background:url(../images/bkgd_body.jpg) repeat-y;
width:896px;
border-bottom:6px solid #b70000;
}

	#left{
	position:relative;
	float:left;
	width:580px;
	margin-left:6px;
	padding:20px;
	}
	
		#left h1#welcome{
		background:url(../images/hdr_welcome.jpg) no-repeat;
		width:403px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;
		margin-bottom:10px;					
		}
		
		#left h1#how{
		background:url(../images/hdr_how_system_works.jpg) no-repeat;
		width:459px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;	
		margin-bottom:10px;		
		}
		
		#left h1#billspringman{
		background:url(../images/hdr-billspringman.jpg) no-repeat;
		width:459px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;	
		margin-bottom:10px;		
		}
		
		#left h1#contactus{
		background:url(../images/hdr-contactus.jpg) no-repeat;
		width:459px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;	
		margin-bottom:10px;		
		}
		
		#left h1#downloads{
		background:url(../images/hdr-downloads.jpg) no-repeat;
		width:459px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;	
		margin-bottom:10px;		
		}		
		
		#left h1#freedemos{
		background:url(../images/hdr-freedemos.jpg) no-repeat;
		width:459px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;	
		margin-bottom:10px;		
		}		
		
		#left h1#ordernow{
		background:url(../images/hdr-ordernow.jpg) no-repeat;
		width:459px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;	
		margin-bottom:10px;		
		}			
		
		#left h1#stayhotsports{
		background:url(../images/hdr-stayhotsports.jpg) no-repeat;
		width:459px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;	
		margin-bottom:10px;		
		}	
		
		#left h1#whattheprossay{
		background:url(../images/hdr-whattheprossay.jpg) no-repeat;
		width:459px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;	
		margin-bottom:10px;		
		}			
		
		
		#left h1#youraccount{
		background:url(../images/hdr-youraccount.jpg) no-repeat;
		width:459px;
		height:19px;
		margin:0px;
		padding:0px;
		font-size:10px;	
		margin-bottom:10px;		
		}			
								
			
		.leftmargin20{
		margin-left:20px;
		margin-top:0px;
		}
	
	#right{
	position:relative;
	float:right;
	right:5px;
	background:url(../images/img_nav_logo.jpg) no-repeat #8a040b;
	width:252px;
	margin:0px;
	padding:0px;
	}
		
	
		#right ul{
		position:relative;
		float:left;
		list-style-type:none;
		margin:0px;
		padding:0px;
		margin-top:70px;
		font-size:10px;
		}
		
		#right ul span,
		#right #latest span{
		display:none;
		}
		
		#right ul #home:link,
		#right ul #home:visited{
			background:url(../images/img_navmenu.jpg) 0px -70px;
			width:252px;
			height:37px;
			display:block;
			}
			
			#right ul #home:hover,
			#right ul #home:active{
			background:url(../images/img_navmenu.jpg) -252px -70px;
			}
		
		#right ul #about:link,
		#right ul #about:visited{
			background:url(../images/img_navmenu.jpg) 0px -107px;
			width:252px;
			height:37px;
			display:block;
			}
			
			#right ul #about:hover,
			#right ul #about:active{
			background:url(../images/img_navmenu.jpg) -252px -107px;
			}
			
		#right ul #bill:link,
		#right ul #bill:visited{
			background:url(../images/img_navmenu.jpg) 0px -144px;
			width:252px;
			height:37px;
			display:block;
			}
			
			#right ul #bill:hover,
			#right ul #bill:active{
			background:url(../images/img_navmenu.jpg) -252px -144px;
			}
			
		#right ul #order:link,
		#right ul #order:visited{
			background:url(../images/img_navmenu.jpg) 0px -181px;
			width:252px;
			height:37px;
			display:block;
			}
			
			#right ul #order:hover,
			#right ul #order:active{
			background:url(../images/img_navmenu.jpg) -252px -181px;
			}
			
		#right ul #future:link,
		#right ul #future:visited{
			background:url(../images/img_navmenu.jpg) 0px -218px;
			width:252px;
			height:37px;
			display:block;
			}
			
			#right ul #future:hover,
			#right ul #future:active{
			background:url(../images/img_navmenu.jpg) -252px -218px;
			}	
			
		#right ul #free:link,
		#right ul #free:visited{
			background:url(../images/img_navmenu.jpg) 0px -255px;
			width:252px;
			height:37px;
			display:block;
			}
			
			#right ul #free:hover,
			#right ul #free:active{
			background:url(../images/img_navmenu.jpg) -252px -255px;
			}					
			
		#video{
		position:relative;
		float:left;
		width:240px;
		margin-left:6px;
		margin-top:10px;
		}	
		
		#video #latest:link,
		#video #latest:visited{
		background:url(../images/btn_latestvids.jpg) no-repeat 0px 0px;
		width:215px;
		height:39px;
		margin-left:14px;
		display:block;
		}
			#video #latest:hover,
			#video #latest:active{
			background:url(../images/btn_latestvids.jpg) no-repeat -215px 0px;
			}

		#logo{
		position:relative;
		float:left;
		background:url(../images/logo_shs.jpg) no-repeat;
		width:252px;
		height:53px;
		}

#leftycol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:200px;  /* for IE5/WIN */
	width:180px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:100;
	}
#rightycol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:200px;  /* for IE5/WIN */
	width:180px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:99;
	}
#centerycol {
	position:relative;
	padding:0 100px;
	}