#center-interface{
	margin: 0px auto;
	width: 984px;
	padding: 0 0 0 0;
	}
	#background-repeat{
		float: left;
		width: 984px;
		}
		
			
		#header{
			float: left;
			width: 984px;
			margin: 10px 0 15px 0;
			}
			#header img{
				float: left;
				width: 984px;
				}
		
		
		#top-nav{
			float: left;
			width: 984px;
			height: 52px;
			background: url(../images/top-nav-bg.jpg) left top no-repeat #663366;
			margin: 0 0 20px 0;
			}
			#top-nav ul{
				/*float: left;
				width: 984px;*/
				padding: 0;
				color: #fff;
				font-size: 85%;
				}
			#top-nav ul .left{
				float: left;
				width: auto
				}
			#top-nav ul .right{
				float: right;
				width: auto
				}
				#top-nav ul li{ 
					float: left;
					display: inline;
					height: 52px;
					}
					#top-nav ul li a{ 
						float: left;
						color: #fff;
						text-decoration: none;
						}
					
					#top-nav ul li a:hover, #top-nav ul li a:focus{
						color: #fff;
						text-decoration: underline;
						}

					
					#top-nav ul li.home a{ 
						float: left;
						width: 70px;
						background: url(../images/buttons/top-nav/home.gif) left top no-repeat;
						}
					#top-nav ul li.faqs a{ 
						float: left;
						width: 80px;
						background: url(../images/buttons/top-nav/faqs.gif) left top no-repeat;
						}
					#top-nav ul li.how-it-works a{ 
						float: left;
						width: 130px;
						background: url(../images/buttons/top-nav/how-it-works.gif) left top no-repeat;
						}
					#top-nav ul li.become-a-reseller a{ 
						float: left;
						width: 161px;
						background: url(../images/buttons/top-nav/become-a-reseller.gif) left top no-repeat;
						}
					#top-nav ul li.register a{ 
						float: left;
						width: 96px;
						background: url(../images/buttons/top-nav/register.gif) left top no-repeat;
						}
					#top-nav ul li.sign-in a{ 
						float: left;
						width: 83px;
						background: url(../images/buttons/top-nav/sign-in.gif) left top no-repeat;
						}
					#top-nav ul li.contact-us a{ 
						float: left;
						width: 108px;
						background: url(../images/buttons/top-nav/contact-us.gif) left top no-repeat;
						}
						
					
					#top-nav ul li a{
						text-indent: -9999px;
						height: 52px;
						}
		
		
		#flash-anim{
			float: left;
			width: 984px;
			height: 200px;
			margin: 10px 0 20px 0;
			}
			
		#content-container{
			float: left;
			width: 984px;
			background: #3d3e42;
			margin: 0;
			}
			#content-container h1{
				float: left;
				width: 964px;
				background: url(../images/h1-bg.jpg) left top no-repeat;
				color: #fff;
				font-size: 140%;
				padding: 13px 10px 13px 10px;
				font-weight: normal;
				margin: 0;
				}
			
			#content-container #content{	
				float: left;
				width: 940px;
				margin: 0 10px 0 10px;
				display: inline;
				background: url(../images/content-bg.jpg) left top repeat-x #fff;
				padding: 12px 12px 0 12px;
				}
				
				#content-container #top-graphic{
					background: url(../images/graphic-purple-background.gif);
					height: 269px;
					width: 964px;
					margin: 10px 10px 0 10px;
					float: left;
					color: #fff;
					}
				#content-container #top-graphic .top-graphic-left{
					float: left;
					padding: 0 0 0 25px
					}
				#content-container #top-graphic .top-graphic-right{
					float: right;
					padding: 10px 10px 10px 10px;
					}
				#content-container #top-graphic .top-graphic-right .graphic-title{
					padding: 5px 76px 0 0;
					}
				#content-container #top-graphic .top-graphic-right ul li{
					background:transparent url(../images/icons/green-plus.gif) no-repeat scroll 0 12px;
					display:block;
					margin:0;
					padding:10px 0 0 20px;
					}
				#content-container #top-graphic .top-graphic-right ul{
					margin: 0 0 20px 0;
					}
				#content-container #top-graphic .top-graphic-right .graphic-button{
					margin: 0 10px 0 0;
					}
				
				#content-container #content #top-images{
					float: left;
					width: 940px;
					margin: 0 0 40px 0;
					}
					#content-container #content #top-images .top-image-container{
						float: left;
						width: 300px;
						margin: 0 20px 0 0;
						display: inline;
						padding: 0;
						color: #857b86;
						font-size: 85%;
						line-height: 1.3em;
						}
					#content-container #content #top-images .top-image-container a{
						font-weight: bold;
						color: #857b86;
						}
					#content-container #content #top-images .last-container{
						margin: 0;
						display: inline;
						}
						#content-container #content #top-images .top-image-container .zone-image{
							float: left;
							width: 300px;
							margin: 0 0 1px 0;
							}
					
							#content-container #content #top-images .top-image-container .zone-image img{
								float: left;
								width: 300px;
								padding: 0;
								}
						#content-container #content #top-images .top-image-container #whatsinitforyou{
							float: left;
							width: 280px;
							background: url(../images/whats-in-it-for-you-bg.jpg) left top no-repeat;
							padding: 60px 10px 10px 10px;
							}
						#content-container #content #top-images .top-image-container #howdoesitwork{
							float: left;
							width: 280px;
							background: url(../images/how-does-it-work-bg.jpg) left top no-repeat;
							padding: 60px 10px 10px 10px;
							}
						#content-container #content #top-images .top-image-container #pricingandsavings{
							float: left;
							width: 280px;
							background: url(../images/pricing-and-savings-bg.jpg) left top no-repeat;
							padding: 60px 10px 10px 10px;
							}
						#content-container #content #top-images .top-image-container #faqs{
							float: left;
							width: 280px;
							background: url(../images/faqs-bg.jpg) left top no-repeat;
							padding: 60px 10px 10px 10px;
							}
					
					
					/*-----------------content left--------------*/
					#content #content-left{
						float: left;
						width: 610px;
						font-size: 85%;
						line-height: 1.4em;
						}
						#content #content-left h2{
							float: left;
							width: 610px;
							font-size: 120%;
							padding: 0 0 0 0;
							margin: 0 0 10px 0;
							border-bottom: 1px dashed #a6a6a6;
							background: transparent;
							}
						
						#content #content-left ul{
							float: left;
							width: 590px;
							margin: 10px 0 20px 20px;
							display: inline;
							}
							#content #content-left ul li{
								float: left;
								width: 580px;
								padding: 0 0 10px 10px;
								display: block;
								background: url(../images/icons/bullet-list.gif) left 5px no-repeat;
								}
					
					
					/*-------------content right---------------*/
					#content #content-right{
						float: right;
						width: 300px;
						font-size: 85%;
						line-height: 1.4em;
						}
						#content #content-right h3{
							float: left;
							width: 300px;
							font-size: 120%;
							padding: 0 0 0 0;
							margin: 0 0 10px 0;
							border-bottom: 1px dashed #a6a6a6;
							}
						#content #content-right #purple-box{
							float: left;
							width: 300px;
							background: url(../images/purple-box-bg-repeat.gif) left top repeat-y #8f118d;
							margin: 0 0 10px 0;
							padding: 0;
							}
							#content #content-right #purple-box ul{
								float: left;
								width: 300px;
								color: #fff;
								background: url(../images/purple-box-gradient-top.jpg) left top no-repeat;
								margin: 0;
								padding: 0;
								}
								#content #content-right #purple-box ul li{
									float: left;
									width: 240px;
									padding: 20px 0 5px 30px;
									margin: 0;
									display: block;
									background: url(../images/icons/green-plus.gif) 12px 22px no-repeat;
									}
						#content #content-right #purple-box-bottom{
							float: left;
							width: 300px;
							height: 10px;
							background: url(../images/purple-box-bottom.gif) left top no-repeat;
							font-size: 0;
							}
						
						
						
						#content #content-right #grey-box{
							float: left;
							width: 300px;
							background: url(../images/grey-box-bg-repeat.gif) left top repeat-y #4a494f;
							margin: 0;
							padding: 0;
							}
							#content #content-right #grey-box p{
								float: left;
								width: 280px;
								color: #fff;
								background: url(../images/grey-box-gradient-top.jpg) left top no-repeat;
								margin: 0;
								padding: 0;
								line-height: 1.4em;
								padding: 10px 10px 0 10px;
								}
								#content #content-right #grey-box p a{
									color: #fff;
									font-weight: bold;
									}
								
						#content #content-right #grey-box-bottom{
							float: left;
							width: 300px;
							height: 10px;
							background: url(../images/grey-box-bottom.gif) left top no-repeat;
							font-size: 0;
							}
							
							
							
						/*-----------------------content-wide---------------*/
						
						#content #content-wide{
							float: left;
							width: 940px;
							font-size: 85%;
							line-height: 1.4em;
							}
							#content #content-wide h2{
								float: left;
								width: 940px;
								font-size: 120%;
								padding: 0 0 0 0;
								margin: 0 0 10px 0;
								border-bottom: 1px dashed #a6a6a6;
								background: transparent;
								}
							#content #content-wide ul{
								float: left;
								width: 940px;
								margin: 0 0 30px 0;
								}
							#content #content-wide p{
								float: left;
								width: 940px;
								margin: 0 0 20px 0;
								}
								
								#content #content-wide #white-container{
									float: left;
									width: 900px;
									background: #fff;
									border: 1px solid #ececec;
									padding: 19px;
									margin: 0;
									}
									#content #content-wide #white-container ul{
										float: left;
										width: 900px;
										margin: 0 0 30px 0;
										}
										#content #content-wide #white-container ul li{
											float: left;
											width: 440px;
											padding: 0 0 2px 0;
											border-bottom: 1px solid #ddcfdd;
											margin: 0 20px 2px 0;
											display: inline;
											}
											#content #content-wide #white-container ul li.last{
												margin: 0;
												}
										#content #content-wide #white-container ul li a{
											float: left;
											width: 425px;
											display: block;
											font-weight: bold;
											text-decoration: none;
											padding: 3px 0 3px 15px;
											background: url(../images/icons/bullet-list.gif) 5px 8px no-repeat;
											color: #800080;
											}
										#content #content-wide #white-container ul li a:hover, #content #content-wide #white-container ul li a:focus{
											text-decoration: none;
											/*color: #fff;*/
											background-color: #ddcfdd;
											}
									
									#content #content-wide #white-container .question-answer{
										float: left;
										width: 900px;
										}
									#content #content-wide #white-container .question-answer h3{
										float: left;
										width: 895px;
										display: block;
										font-weight: bold;
										text-decoration: none;
										padding: 3px 0 3px 5px;
										background-color: #ddcfdd;
										color: #800080;
										}
									
									#content #content-wide #white-container .question-answer p{
										float: left;
										width: 890px;
										display: block;
										text-decoration: none;
										padding: 5px;
										border-bottom: 1px solid #ede4ed;
										margin: 0 0 20px 0;
										}
										#content #content-wide #white-container .question-answer p .faqs-top{
											float: right;
											width: auto;
											}
											#content #content-wide #white-container .question-answer p .faqs-top a{
												color: #800080;
												}
				
				
					/*---------------------------How it works--------------------*/
					#how-it-works{
						float: left;
						width: 900px;
						background: #fff;
						border: 1px solid #ececec;
						padding: 19px;
						margin: 0;
						font-size: 130%;
						line-height: 1.1em;
						font-family: Arial, Helvetica, sans-serif;
						}
						#content #content-wide #how-it-works ul{
							float: left;
							width: 900px;
							}
						#how-it-works ul li{
							padding: 2px 0 6px 40px;
							margin: 0 0 10px 0;
							display: block;
							border: 1px solid #ccc;
							padding: 15px 10px 15px 80px;
							}
							
							#how-it-works ul li.one{
								background: url(../images/one.gif) left center no-repeat;
								padding: 7px 10px 7px 80px;
								}
								#how-it-works ul li.one a{
									position: relative;
									}
									#how-it-works ul li.one a img{
										padding: -5px 0 0 0;
										}
							#how-it-works ul li.two{
								background: url(../images/two.gif) left center no-repeat;
								padding: 7px 10px 7px 80px;
								}
							#how-it-works ul li.three{
								background: url(../images/three.gif) left center no-repeat;
								}
							#how-it-works ul li.four{
								background: url(../images/four.gif) left center no-repeat;
								}
							#how-it-works ul li.five{
								background: url(../images/five.gif) left center no-repeat;
								}
							#how-it-works ul li.six{
								background: url(../images/six.gif) left center no-repeat;
								}
							#how-it-works ul li.seven{
								background: url(../images/seven.gif) left center no-repeat;
								padding: 7px 10px 7px 80px;
								}
							#how-it-works ul li.eight{
								background: url(../images/eight.gif) left center no-repeat;
								}
								
						
						/*--------------------Reseller----------------------------*/
						#content-wide #reseller ul{
							float: left;
							width: 900px;
							padding: 20px;
							}
							#content-wide #reseller ul li{
								float: left;
								width: 650px;
								padding: 5px 0 5px 20px;
								background: url(../images/icons/bullet-list.gif) 10px 10px no-repeat;
								}
						
							
						
						/*--------------------Contact us----------------------------*/
						#contact-left{
							float: left;
							width: 430px;
							margin: 0;
							padding: 0 0 30px 0;
							}

							#contact-details{
								float: left;
								width: 408px;
								margin: 0 0 25px 20px;
								padding: 10px;
								display: inline;
								background-color: #f2f2f2;
								border: 1px solid #ececec;
								}
						
								#content #content-wide #contact-details ul{
									float: left;
									width: 400px;
									margin: 0 0 10px 0;
									padding: 0;
									}
						
								#contact-details #postal-address{
									background: url(../images/icons/address.gif) left top no-repeat;
									}
						
								#contact-details #phone-number{
									background: url(../images/icons/phone.gif) left top no-repeat;
									}
						
								#contact-details #email-address{
									background: url(../images/icons/email.gif) left top no-repeat;
									}
								
								#contact-details a{
									color: #AF15B5;
									}
								#contact-details a:hover, #contact-details a:focus{
									color: #83007C;
									}
						
							
						
							#registered-numbers{
								float: left;
								width: 408px;
								margin: 0 0 0 20px;
								padding: 10px;
								display: inline;
								background-color: #f2f2f2;
								border: 1px solid #ececec;
								}
							
							#content #content-wide #registered-numbers ul{
								float: left;
									width: 400px;
									margin: 0;
									padding: 0;
								}
						
								#registered-numbers li{
									width: 408px;
									clear: both;
									}
						
							
						
							
						
						#contact-form{
							float: right;
							width: 408px;
							margin: 0 20px 20px 0;
							padding: 20px 10px 20px 10px;
							display: inline;
							background-color: #f2f2f2;
							border: 1px solid #ececec;
							}
							
							#content #contact-form p{
								float: left;
								width: 400px;
								margin: 0 0 10px 0;
								padding: 0;
								display: inline;
								}
						
							#content #content-wide #contact-form #contact_us{
								float: left;
								width: 400px;
								margin: 0;
								padding: 0;
								}
						
							#content #content-wide #contact-form ul{
								float: left;
								width: 400px;
								margin: 0 0 10px 0;
								padding: 0;	
								}
						
							#contact-form li{
								float: left;
								margin: 0 0 5px 0;
								width: 400px;
								}
						
								#contact-form label{
									float: left;
									width: 57px;
									margin: 0;
									padding: 2px 3px 0 0;
									text-align: right;
									}
						
								#contact-form input{
									float: left;
									width: 336px;
									margin: 0;
									padding: 1px;
									border: 1px solid #999;
									background-color: #fff;
									}
						
								#contact-form select{
									float: left;
									width: 340px;
									margin: 0;
									padding: 1px;
									border: 1px solid #999;
									}
						
								#contact-form textarea{
									float: left;
									width: 336px;
									height: 150px;
									margin: 0;
									padding: 1px;
									border: 1px solid #999;
									}
						
								
						
								#contact-form #send-message-button{
									float: left;
									width: 128px;
									height: 24px;
									margin: 0 0 0 60px;
									border: none;
									padding: 0;
									background: transparent;
									}

							
				
				
				
			#content-container #content-footer{	
				float: left;
				width: 964px;
				height: 10px;
				margin: 0 0 0 10px;
				display: inline;
				background: url(../images/content-footer-bg.gif) left top no-repeat;
				font-size: 0;
				}
			#content-container-footer{	
				float: left;
				width: 984px;
				height: 10px;
				margin: 0;
				display: inline;
				background: url(../images/content-container-footer-bg.gif) left top no-repeat;
				font-size: 0;
				}
			
			
			
			
			/*--------------------Footer---------------*/
			#footer{
				float: left;
				width: 984px;
				margin: 5px 0 50px 0;
				font-size: 85%;
				color: #40403e;
				}
				#footer-left{
					float: left;
					width: auto;
					margin: 0 0 0 10px;
					display: inline;
					}
				#footer-right{
					float: right;
					width: auto;
					text-align: right;
					margin: 0 10px 0 0;
					display: inline;
					}
			#footer a{
				font-weight: normal;
				text-decoration: none;
				color: #40403e;
				}
			
			#footer a:hover, #footer a:focus{
				text-decoration: underline;
				}
			
			
/*------------------------------- iFrame------------------------------------*/
iframe{
	background: #3D3E42;
	overflow: hidden;
	padding: 0;
	margin: 50px 0 50px 0;
	}