body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: verdana, arial, helvtica, sans-serif;
	font-size: 75%;
	background-color: #FBF2E3;
}
	
	a:link, a:active, a:visited {
		color: #7D2B8B; 
		text-decoration: none;
	}
		
	a:hover {
		text-decoration: underline;
		color: #666666; 
	}
		
	img	{
		margin: 0 ;
		padding: 0;
		border: 0;
	}
	
	h1 {
		font-size: 1.2em;
	}
	
	#container { 
		text-align: left;
		margin: 0 auto;
		width: 950px;
	}
	

		#header { 
			margin: 0;
			padding: 0;
		}
		
			#logo { 
				width: 264px;
				height: 95px;
				float: left;
			}
			
			#nav { 
				margin: 55px 0 0 0;
				padding: 10px 0 0 0;
				float: left;
				width: 660px;
				height: 30px;
				background: url("../images/bg-nav.gif") no-repeat;
			}
			
			
			#nav li { 
				display: inline;
				margin: 0;
				padding-left: 25px;
				float: left;
			}
			
				li#about-vhibe {  width: 102px; }
				li#about-vhibers { width: 102px; }
				li#how-to-vhibe { width: 109px; }
				li#latest-vhibe { width: 92px;} 
				li#join-vhibe  { width: 121px; } 
							
				
			#nav a { 
				color: #FFFFFF;
				font-weight: bold;
				display: block;
				height: 15px;
				padding-top: 10px;
			}
			
			#nav a:hover { 
				color: #7D2B8B;
				text-decoration: none;
			}
			
			#nav .selected a { 
				color: #7D2B8B;
			}
			
		
		#middle { 
			margin: 0;
			padding: 0;
			background: url("../images/bg-shadow.gif") repeat-y;
			clear: both;
		}
		
			#main { 
				width: 900px;
				margin: 0 auto;
				padding: 5px 0px;
				min-height: 400px;
				height: 400px;
			}
			
			html>body #main { 
				height: auto;
			}
			
				#content { 
					float: right;
					width: 610px;
					padding-right: 30px;
					padding-bottom: 20px;
				}
			
				#signup { 
					float: left;
					width: 220px;
					color: #7D2B8B;
					padding-left: 40px;
					font-size: .98em;
				}
				
					#signup #are-you { 
						margin-left: -15px;
						color: #ECB631;
					}
					
					#signup #are-you span { 
						font-weight: bold;
						font-size: 1.4em;
						margin-left: 15px;
					}
									
					
					#signup img { 
						margin-left: -8px;
					}
					
				
				 
				ol li {
					margin-bottom: 10px;
					margin-left: -15px;
				}
				
				html>body ol li {
					margin-left: -17px;
				}
				
				
				ol ul li { 					
					list-style-type: disc;
				}
				
				#main ul li { 
					margin-bottom: 10px;
				}
				
			
		#footer { 
			text-align: center;
			color: #666666;
			margin: 0;
			padding: 0;
			margin: 10px 0px 25px 0px;
		}
		
			#footer #copyright {
				float: left;
				margin-left: 10px;
			}
			
			#footer #divider { 
				padding: 0px 5px;
			}
		
		#footer ul { 
			list-style-type: none;
			margin: 0;
			padding: 0;
			float: right;
			margin-right: 10px;
		}
		
		#footer li { 
			display: inline;
		}
				
		.colBreak {
			clear:both;
			height:0px;
			font-size:1px;
			border: none;
			margin:0; 
			padding:0;
			background:transparent;
		}
		
	/* home page */
	
	#orange { 
		background: url("../images/bg-orange.gif") no-repeat;
		float: left;
		width: 360px;
		height: 366px;
		color: #ffffff;
		padding-top: 86px;
		padding-left: 72px;
		padding-right: 72px;
	}
	
		#orange a, #orange a:hover { 
			color: #FFFFFF;
			text-decoration: none;
			display: block;
		}
	
		#orange #line1 { 
			font-size: 2.7em;
			margin-left: -36px;
			letter-spacing: .05em;
		}
		
		#orange #line2 { 
			font-size: 4.8em;
			margin-left: 34px;
			letter-spacing: .06em;
			margin-top: -10px;
			display: block;
		}
		
			#q1, #q2, #q3 { 
				letter-spacing: -.05em;
			}
			
			#q2 { color: #F0C997;}
			
			#q3 { color: #E8AD63;}
		
		#orange p { 
			font-size: 1.4em;
			font-weight: normal;
			line-height: 1.3em;
			color: #fbf0e3;
		}
	
	#purple {
		background: url("../images/bg-purple.gif") no-repeat;
		float: right;
		width: 349px;
		height: 387px;
		color: #E5D5E8;
		padding-top: 65px;
		padding-left: 47px;
		letter-spacing: .05em;
	}
	
		#purple a, #purple a:hover { 
			color: #E5D5E8;	
		}

		.ptitle { 
			margin-left: -25px;
		}
		
		#signuphome { 
			margin-bottom: 25px;
		}
		
		html>body #signuphome { 
			margin-bottom: 30px;
		}
		
		
		#purple p#howcan { 
			width: 300px;
			line-height: 1.4em;
		}
		
		
	/* how it works */
	
	#howitworks { 
		margin-left: 0px;
	}	
	
	#howitworks dt { 		
		padding-left: 60px;
		height: 50px;
		float: left;
		clear: both;
	}
		
		#how1 { background: url("../images/icon1.gif") no-repeat; }		
		#how2 { background: url("../images/icon2.gif") no-repeat; }		
		#how3 { background: url("../images/icon3.gif") no-repeat; }		
		#how4 { background: url("../images/icon4.gif") no-repeat; }		
		#how5 { background: url("../images/icon5.gif") no-repeat; }		
		#how6 { background: url("../images/icon6.gif") no-repeat; }
	
	#howitworks dd { 
		float: left;
		clear: left;
		position: relative;
		top: -35px;
		left: -3px;
		width: 530px;
	}	
	
	html>body #howitworks dd { 
		left: 37px;
	}
	
	
	/* sign up form */
		
	label { 
		font-weight: bold; 
		display: block;
		margin-top: 15px;
		margin-bottom: 2px;
	}
	
	.long-box { 
		width: 260px;
	}
	
	#state, #zip { 
		width: 100px;
	}
	
	.required { 
		color: red;
	}