/* CSS Document */
body {
	background-color: #AFADAD;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

#container {
	margin: 10px auto 0 auto;
	width: 928px;
}

#top {
	text-align: right;
	padding: 0 23px 0 0;
	width: 905px;
	float: left;
	clear: left;
}

	#top #contact {
		width: 123px;
		height: 35px;
		background-color: #D7D6D6;
		background-image: url(../images/contact-top.gif);
		background-repeat: no-repeat;
		background-position: top;
		vertical-align: middle;
		font-weight: bold;
		font-size: 13px;
		color: #ffffff;
		text-align: center;
		margin: 0 0 0 6px;
		line-height: 35px;
		float: right;
	}
	
	#top #contact a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#top #contact a img {
		margin: 5px 0 0 0;
	}
	
	#top #trial {
		width: 123px;
		height: 35px;
		background-color: #F68B2C;
		background-image: url(../images/trial-top.gif);
		background-repeat: no-repeat;
		background-position: top;
		vertical-align: middle;
		font-weight: bold;
		font-size: 13px;
		color: #ffffff;
		text-align: center;
		margin: 0 0 0 6px;
		line-height: 35px;
		float: right
	}
	
	#top #trial a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#top #login {
		width: 123px;
		height: 35px;
		background-color: #666666;
		background-image: url(../images/login-top.gif);
		background-repeat: no-repeat;
		background-position: top;
		vertical-align: middle;
		font-weight: bold;
		font-size: 13px;
		color: #ffffff;
		text-align: center;
		margin: 0 0 0 6px;
		line-height: 35px;
		float: right
	}
	
	#top #login a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#header {
		width: 928px;
	}
		
	#contentArea {
		border-right: 1px solid #2999D1;
		border-left: 1px solid #2999D1;
		border-bottom: 1px solid #2999D1;
		background-color: #ffffff !important;
	}
	
	#logo {
		width: 907px;
		padding: 14px 0 0 19px;
		background-color: #ffffff;
		height: 72px;
	}
	
	#nav {
		height: 53px;
		background-color: #808080;
		color: #ffffff;
		font-weight: bold;
		font-size: 13px;
		line-height: 53px;
		background-image: url(../images/nav-bg.jpg);
		background-position: top;
		background-repeat: repeat-x;
	}
	
		#nav ul {
			margin: 0;
			padding: 0;
		}
		
		#nav ul li {
			margin: 0 0 0 0;
			border-right: 1px solid #808080;
			padding: 0;
			float: left;
			list-style: none;
			list-style-type: none;
			text-align: center;
			width: 144px;
		}
		
		#nav ul li.selected {
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			list-style: none;
			list-style-type: none;
			text-align: center;
			width: 144px;
			background-image: url(../images/nav-selected-bg.jpg);
			background-position: top;
			background-repeat: repeat-x;
			background-color: #2999D1;
		}
		
		#nav ul li:hover {
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			list-style: none;
			list-style-type: none;
			text-align: center;
			width: 144px;
			background-image: url(../images/nav-selected-bg.jpg) !important;
			background-position: top;
			background-repeat: repeat-x;
			background-color: #2999D1;
		}
		
		#nav ul li a {
			color: #ffffff;
			text-decoration: none;
			/*padding: 17px 44px 17px 44px;*/
			padding: 18px 40px 18px 40px;
			/*width: 144px;*/
		}
		
		#nav ul li a:hover {
			background-image: url(../images/nav-selected-bg.jpg) !important;
			background-position: top;
			background-repeat: repeat-x;
			background-color: #2999D1;
		}
		
		#nav a.home {
			color: #ffffff;
			text-decoration: none;
			padding: 18px 54px 17px 53px;
		}

		#nav a.benefits {
			color: #ffffff;
			text-decoration: none;
			padding: 18px 47px 18px 47px;
		}
		
		#nav a.features {
			color: #ffffff;
			text-decoration: none;
			padding: 18px 47px 18px 47px;
		}
		
		#nav a.buzz {
			color: #ffffff;
			text-decoration: none;
			padding: 18px 56px 18px 56px;
		}
		
		#nav a.about {
			color: #ffffff;
			text-decoration: none;
			padding: 18px 43px 18px 44px;
		}
		
	#homePage {
	}
	
		#homePage #banner {
			height: 258px;
		}
		
			#homePage #banner ul {
				margin: 0;
				padding: 0;
			}
			
			#homePage #banner ul li {
				margin: 0;
				padding: 0;
				float: left;
				list-style: none;
				list-style-type: none;
				text-align: center;
				background-color: #AFADAD;	
			}
			
		#homePage .content {
			text-align: justify;
			font-size: 12px;
			padding: 12px;
			color: #666666;
		}
		
			#homePage .content h1 {
				padding: 3px 0 0 0;
				font-size: 12px;
				line-height: 25px;
				vertical-align: middle;
				padding: 0 0 0 0;
				font-weight: bold;
				margin: 0;
				color: #ED700A;
			}
			
			#homePage .content p {
					margin: 0 0 10px 0;
					padding: 0;
					line-height: 18px;
				}
		
		#homePage #contentSection {
			color: #648197;
			font-size: 16px;
			font-weight: bold;
			font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
			line-height: 25px;
			text-align: center;
		}
		
			#homePage #contentSection .section {
			}
		
			#homePage #contentSection .sectionOne {
				width: 309px !important;
				background-position: top left;
				background-image: url(../images/reason-1.gif);
				background-repeat: no-repeat;
				float: left;
				padding: 10px 0 33px 0;
			}
			
			#homePage #contentSection .sectionTwo {
				width: 310px !important;
				background-position: top left;
				background-image: url(../images/reason-2.gif);
				background-repeat: no-repeat;
				float: left;
				padding: 10px 0 33px 0;
			}
			
			#homePage #contentSection .sectionThree {
				width: 307px !important;
				background-position: top left;
				background-image: url(../images/reason-3.gif);
				background-repeat: no-repeat;
				float: left;
				padding: 10px 0 33px 0;
			}
			
			#reasons {
				color: #ED700A;
				font-weight: bold;
				font-size: 24px;
				font-style: italic;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
			
			#reasons .images {
				width: 150px;
				float: left;
				text-align: left;
			}
			
			#reasons h1 {
				width: 250px;
				float: left;
				margin: 8px 0 0 0;
				font-size: 24px;
				text-align: left;
				vertical-align: middle;
				padding: 0 0 0 10px;
			}
							
			#reasons h2 {
				width: 450px;
				float: left;
				margin: 8px 0 0 0;
				font-size: 14px;
				text-align: left;
				vertical-align: middle;
				padding: 0 0 0 10px;
				color: #666666;
				font-style: normal;


			}
			
	#innerPage {
		padding: 17px 23px 23px 23px;
	}
	
		#innerPage #leftPanel {
			width: 677px;
			float: left;
			padding: 0 15px 0 0;
			text-align: justify;
			font-size: 12px;
		}
		
			#innerPage #leftPanel a {
				color: #34A3DD;
				text-decoration: none;
			}
			
			#innerPage #leftPanel a:hover {
				color: #666666;
				text-decoration: none;
			}
			
			#innerPage #leftPanel .heading {
				
			}
			
			#innerPage #leftPanel h1 {
				padding: 3px 0 0 0;
				font-size: 15px;
				line-height: 25px;
				vertical-align: middle;
				padding: 0 0 0 70px;
				background-image: url(../images/heading-bg.jpg);
				background-position: top left;
				background-repeat: no-repeat;
				font-weight: bold;
				color: #34A3DD;
				margin: 0;
			}
			
			#innerPage #leftPanel img {
				margin: 0 8px 5px 0;
				border: 1px solid #34A3DD;
				float: left;
			}
			
			#innerPage #leftPanel .separator {
				height: 1px;
				
			}
			
			#innerPage #leftPanel #content {
				color: #7C7C7D;
				padding: 14px 0 0 15px;
				line-height: 20px;
				font-family: Arial, Helvetica, sans-serif;
				background-image: url(../images/separator.jpg);
				background-position: top left;
				background-repeat: no-repeat;
				font-size: 12px;
			}
			
				#innerPage #leftPanel #content h2,
				#innerPage #leftPanel #content h1 {
					margin: 0;
					padding: 0;
					font-size: 12px;
				}
				
				#innerPage #leftPanel #content p {
					margin: 0 0 10px 0;
					padding: 0;
					line-height: 18px;
				}
				
				#innerPage #leftPanel #content ul {
					margin: 0 0 5px 0;
					padding: 0 0 0 15px;
				}
				
				#innerPage #leftPanel #content ul li {
					margin: 0;
					padding: 0 0 0 5px;
					list-style-type: none;
					list-style-image: url(../images/content-bullet.gif);
					text-align: left;
				}
				
				#innerPage #leftPanel #content fieldset {
					width: 440px;
					padding: 0 0 0 0;
					border: 0;
					margin: 0 0 10px 0;
				}
				
				#innerPage #leftPanel #content fieldset legend {
					color: #79D6F9;
					font-size: 13px;
					font-weight: bold;
					margin: 0 0 9px 0;
					padding: 0;
				}
				
				#innerPage #leftPanel #content fieldset .padding {
					width: 145px !important;
					padding: 4px 0 0 0;
					float: left;
				}
				
					#innerPage #leftPanel #content fieldset .padding label {
						width: 140px !important;
					}
					
				#innerPage #leftPanel #content fieldset .nopadding {
					padding: 2px 0px 0px 0px;
					width: 295px !important;
					float: left;
					font-size: 11px;
				}
				
				input, select, textarea {
					border: 1px solid #7C7C7D;
					color: #7C7C7D;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					height: 17px;
					line-height: 14px;
					padding: 1px 0 0 3px;
					margin: 0 0 4px 0;
				}
				
				.textAreas {
					width: 260px;
					height: 50px;
				}
				
				.formFields {
					width: 260px;
				}
				
				.button {
					border: 1px solid #7C7C7D;
					background-color: #7C7C7D;
					color: #ffffff;
					height: 18px;
					font-size: 11px;
					font-family: tahoma, arial;
					padding: 0 3px 3px 5px;
				}
		
		#innerPage #rightPanel {
			width: 188px;
			float: left;
		}
		
			#innerPage #rightPanel ul {
					margin: 5px 0 10px 0px;
					padding: 7px 0 0 12px;
				}
				
				#innerPage #rightPanel ul li {
					margin: 0;
					padding: 0 0 6px 31px;
					font-size: 12px;
					list-style-type: none;
					font-weight: bold;
					background-image: url(../images/nav-bullet.jpg);
					background-position: top left;
					background-repeat: no-repeat;					
					text-align: left;
					color: #8B8B8C;
					line-height: 22px;
				}
				
					#innerPage #rightPanel ul li a {
						color: #8B8B8C;
						text-decoration: none;
					}
					
					#innerPage #rightPanel ul li a:hover {
						color: #2595CC;
					}
					
					#innerPage #rightPanel ul li a.selected {
						color: #2595CC;
					}
			
	#footer {
		text-align: center;
		font-size: 11px;
		line-height: 29px;
		color: #ffffff;
	}
	
		#footer a {
			color: #ffffff;
			padding: 0 8px 0 8px;
			text-decoration: none;
		}