/*
	ShoutNow Homepage Styles
*/

body {
	background: url('../images/home/homepage_background.gif') #592e5f repeat-x;
}

#main {
	width: 100%;
	height: 100%;
	min-height:100%;
	
	background: url('../images/home/homepage_background_accent.jpg') 0 84px transparent no-repeat;
}

	#page_container {
		margin: 0 auto;
		
		width:945px;
	}
	
		#topbar {
			overflow: auto;
			
			padding: 0 30px 0 30px;	
			margin-bottom: 15px;
			
			height: 85px;
		}
		
			#topbar h1 {
				float: left;
				
				margin: 14px 0 0 0;
				
				width: 156px;
				height: 53px;
				
				background: url('../images/home/homepage_logo.png') transparent no-repeat;
				
				text-indent: -999em;
			}
			
			#topbar #login {
				float: right;
				
				margin: 30px 0 0 0;
				
				width: 500px;
				
				text-align: right;
			}
			
				#login fieldset {
					margin:0;
					border:0;
					padding:0;
				}
				
				#login fieldset legend {
					display: none;
				}
					
					.remember {
						color: white;
					}
					
					#login a {
						color: white;
					}
				
				#login #welcome {
					font-size: 120%;
					font-weight: bold;
					color: white;
				}
			
		#hotspot {
			clear:both;
			
			padding: 0 30px 0 30px;
			
			height: 460px;
			
			background: url('../images/home/signup_background.png') 400px 45px transparent no-repeat;
		}
			#nav {
				list-style-type: none;
				padding: 0px;
				margin: 0px;
			}
				#nav li {
					float: left;
					margin-left: 15px;
				}
				
					#nav li a {
						color: white;
					}
		
			#hotspot #valuestatement {
				clear: both;
				float: left;
				
				margin: 80px 0 0 0;
				width: 505px;
			}
			
				#valuestatement h3 { 
					margin-bottom: 30px ;
					font-size: 36px;
					color: #ff550d;
				}
			
				#valuestatement #descr {
					margin-bottom: 30px;
					color: #ffffff;
					font-size: 17px;
					font-weight:normal;
				}
				
				
				#valuestatement ul {
					height: 40px;
					
					margin: 15px 0 0 0;
				}
				
					#valuestatement li {
						display: inline;
						
						padding: 0 0px 0 0;
						margin: 0;
						
						list-style:none;
					}
					
					#valuestatement li a {
						display:inline-block;
						
						height: 40px;
						
						text-indent: -999em;
					}
					
					a#learnmore { 
						width: 127px;
						background: url('../images/home/valuestatement_learnmore.png') transparent no-repeat;
					}
					
					a#watchavideo {
						width: 149px;
						background: url('../images/home/valuestatement_watchvideo.png') transparent no-repeat;
					}
			
			#hotspot #signupform {
				float: left;
				
				margin: 45px 0 0 60px;
				
				width: 305px;
			}
			
				#signupform fieldset { border: 0; }
				
				#signupform fieldset h3 {
					width: 216px;
					height:63px;
					
					margin: 0 0 25px 0;
					
					background: url('../images/home/signup_legend.png') transparent no-repeat;
					
					text-indent: -999em;
				}
				
				#signupform fieldset label {
					position: absolute;
					
					margin: 12px 0 0 0;
					
					width: 105px;
					
					font-weight: normal;
					color: #ffffff;
					text-align: right;
				}
				
				#signupform input[type="text"], #signupform input[type="password"] {
					margin: 10px 0 5px 115px;
					
					width: 120px;
				}
				
				#signupform span a {
					margin: 0 0 0 110px;
					
					font-size: 9px;
					color: #cc98d0;
				}
				
				#signupform span a:visted { color: #cc98d0;}
				
				#signupform input[type="submit"] {
					padding:0;
					margin: 20px 0 0 75px;
					border:0;
					
					width:107px;
					height:42px;
					
					background: url('../images/home/signup_submit.png') transparent no-repeat;
					cursor: pointer;
					
					/*getting rid of the button text*/
					text-indent: -999em;
					color: transparent;
					text-transform: capitalize;
				}
			
		#content {
			overflow:auto;
			clear:both;
			
			padding: 15px 30px 0 30px;
			border-bottom: 1px solid #592e5f;
			border-top: 1px solid #592e5f;
			
			background: url('../images/home/content_background.gif') #ffffff no-repeat;
		}
			
			#content #mainarea {
				float:left;
				
				width: 670px;
			}
			
				#mainarea h1 { 
					margin: 5px 0 25px 0;
					color: #300536;
				}
			
				ul.userstories {
					float: left;
					
					margin: 0 25px 0 0;

					list-style-type:none;
					
					font-size: 18px;
				}	
				
					ul.userstories li {;
						height: 30px;
						
						padding: 0 0 0 30px;
						
						background: url('../images/application/play_button_03.png') 0 50% no-repeat transparent;
						
						/*border-bottom: 1px solid #8a5a8e;*/
					}
				
				ul.usershouts {
					float: left;
					
					margin: 0;
					
					list-style-type: none;
				}
				
			#content .button {
				float: left;
				clear: both;
			}
			
			#content #cost {
				float: left;
			}
								
					

				
			#sidebar {
				float: left;
				margin: 0px 0 0 30px;
				width: 185px;
			}
			
				#sidebar h5 {
					margin: 10px 0 25px 0;
					
					font-weight:bold;
					color: #300536;
					font-size: 14px;
				}
			
				#sidebar #testimonials {
					font-size: 130%;
				}
				
				#sidebar #testimonials h4 {
					font-size: 110%;
					color: #592e5f;
					margin-top: 8px;
				}