/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #000 url(img/bg.jpg) top center repeat-x;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

#outer{
	position: relative;
	background: url(img/head.gif) top center no-repeat;
}

#wrap{
	position: relative;
	margin: auto;
	width: 793px;
}

	#top{
		position: relative;
		height: 141px;
	}
	
	#splash{
		position: relative;
		height: 205px;
		background: url(img/splash.gif) top left;	
	}
	
	#title{
		position: relative;
		height: 61px;
		text-indent: -9999em;	
		background: url(img/title.gif) top left no-repeat;
	}
	
#titlephatty{
		position: relative;
		height: 61px;
		text-indent: -9999em;	
		background: url(img/phattytitle.gif) top left no-repeat;
	}	
	
	
	#page{
		position: relative;
		overflow: hidden;
	}
	
		#page-left{
			position: relative;
			float: left;
			width: 392px;	
		}
		
			#step1{
				position: relative;
				height: 76px;
				text-indent: -9999em;
				background: url(img/step1.gif) top left no-repeat;
			}
			
			#cost1{
				position: relative;
				height: 70px;				
			}
			
				#cost1 label{
					position: absolute;
					top: 0;
					left: 0;
					height: 70px;
					width: 392px;
					background: url(img/cost1.gif) top left no-repeat;
				}
				
				#cost1 span{
					position: absolute;
					top: 3px;
					left: 36px;
					font-size: 24px;
					font-weight: bold;
					color: #C00000;
				}
				
				
			
			#cost2{
				position: relative;
				height: 83px;				
			}
			
				#cost2 label{
					position: absolute;
					top: 0;
					left: 0;
					height: 83px;
					width: 392px;
					background: url(img/cost2.gif) top left no-repeat;
				}			
				
				#cost2 span{
					position: absolute;
					top: 28px;
					left: 36px;
					font-size: 24px;
					font-weight: bold;
					color: #C00000;
				}		
			
			#cost3{
				position: relative;
				height: 83px;				
			}
			
				#cost3 label{
					position: absolute;
					top: 0;
					left: 0;
					height: 83px;
					width: 392px;
					background: url(img/cost3.gif) top left no-repeat;
				}	
				
				#cost3 span{
					position: absolute;
					top: 31px;
					left: 36px;
					font-size: 24px;
					font-weight: bold;
					color: #C00000;
				}		
				#cost3 span.first{
					position: absolute;
					top: 16px;
					left: 36px;
					font-size: 24px;
					font-weight: bold;
					color: #C00000;
				}	
				
				#cost3 span.second{
					position: absolute;
					top: 50px;
					left: 36px;
					font-size: 24px;
					font-weight: bold;
					color: #C00000;
				}	
			
			#features{
				position: relative;
				height: 192px;
				text-indent: -9999em;
				background: url(img/left-bottom.gif) top left no-repeat;
			}
						
				
				.tab input{
					display: none;
				}
			
			#page-left p label.active{
				background-position: bottom left;
			}
				
				



		
		
		#page-right{
			position: relative;
			float: left;
			width: 401px;
		}
		
			#step2{
				position: relative;
				height: 59px;
				background: url(img/step2.gif) top left no-repeat;
			}	
			
			#cya1{
				position: relative;
				height: 38px;
				background: url(img/i1.gif) top left no-repeat;
			}
			
			#cya2{
				position: relative;
				height: 41px;
				background: url(img/i2.gif) top left no-repeat;
			}
			
			#cya3{
				position: relative;
				height: 39px;
				background: url(img/i3.gif) top left no-repeat;
			}
			
			#cya4{
				position: relative;
				height: 38px;
				background: url(img/i4.gif) top left no-repeat;
			}
			
			#cya5{
				position: relative;
				height: 22px;
				background: url(img/i5.gif) top left no-repeat;
			}
			
				.ltext{
					position: absolute;
					top: 0;
					left: 152px;
					padding: 3px 5px 0 5px;
					height: 16px;
					width: 152px;
					border: 0;
					background: none;
					background-color:#fff;
					font-size: 11px;
					color: #000;
				}
			
			
			#step3{
				position: relative;
				text-indent: -9999em;
				height: 56px;
				background: url(img/step3.gif) top left no-repeat;
			}	
			
			
			#pm1{
				position: relative;
				height: 26px;
			}
			
				#pm1 label{
					position: absolute;
					top: 0;
					left: 0;
					height: 26px;
					width: 401px;
					background: url(img/pb1.gif) top left no-repeat;
				}
			
			#pm2{
				position: relative;
				height: 26px;
			}
			
				#pm2 label{
					position: absolute;
					top: 0;
					left: 0;
					height: 26px;
					width: 401px;
					background: url(img/pb2.gif) top left no-repeat;
				}
				
			#pm3{
				position: relative;
				height: 26px;
			}
			
				#pm3 label{
					position: absolute;
					top: 0;
					left: 0;
					height: 26px;
					width: 401px;
					background: url(img/pb3.gif) top left no-repeat;
				}
			
			
			#page-right p label.activeb{
				background-position: bottom left;
			}
			
			
			#step4{
				position: relative;
				height: 36px;
				text-indent: -9999em;
				background: url(img/step4.gif) top left no-repeat;
			}	
			
			
			
			#join{
				position: relative;
			}
			
				#join input{
					position: relative;
					display: block;
					padding: 0;
					margin: 0;
					border: 0;
					background: url(img/join-now.gif) top left no-repeat;
					height: 97px;
					width: 401px;
				}
	
	
	#satisfaction{
		position: relative;
		height: 49px;
		background: url(img/page-bottom.gif) top center no-repeat;
	}