/* ==============================================================
Filename: default.css
Template: Default Template
Author: Chris Schmitz
Contact: chris@beperceived.com
Date Created: 10/5/2009
Media: Screen
-----------------------------------------------
Notes: The main style information for the Perception website
http://www.beperceived.com
============================================================== */

/* --------------------------------------------

Table of Contents

	1. 
	
Colors: 

	#ffb700 = Yellow
	
-------------------------------------------- */

/* General Styles */
body { background: #fff; }
#container { margin: 0 auto; padding: 25px; width: 910px; }

/* Top Graphics */
#top-graphics { margin: 0 0 25px; width: 910px; }
	#top-graphics #left { float: left; margin-right: 13px; width: 352px; }
		#top-graphics #left img { cursor: pointer; display: block; margin: 0px auto 10px; width: 332px; height: 460px;}
			#top-graphics #left a {
				background: url(../../images/download-now.png) no-repeat 0 0;
				display: block;
				height: 79px;
				width: 351px;
			}
		#top-graphics #arrow { float: left; margin-top: 32px; }
		#top-graphics #right {
			background: url(../../images/top-form-bg.png) no-repeat 0 0;
			color: #fff;
			float: right; 
			height: 406px;
			padding: 15px;
			width: 233px; 
		}
		
/* Feature List Styles */
ul.features { float: left; margin: 10px 0 35px; width: 455px; }
	ul.features li {
		background: url(../../images/bullet.png) no-repeat 0 0;
		padding: 23px 0 0 40px;
	}
	
/* Bottom Signup */
#bottom-signup {
	background: url(../../images/bottom-form-bg.png) no-repeat 0 0;
	color: #fff;
	height: 260px;
	margin: 0 auto;
	padding: 20px;
	width: 481px;
}
	
/* Form Styles */
form div { float: left; }
form div.nudge { margin-right: 15px; }
form input.text {
	border: 2px solid #ffb700;
	color: #ddd;
	padding: 8px 5px;
	width: 219px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#right form input.text { margin-bottom: 10px; }
#bottom-signup form div.checkbox { margin-top: 10px; }
#bottom-signup form input.submit { 
	position: absolute; 
		bottom: 15px;
		right: 20px;
}
form input.submit {
	background: url(../../images/click-here.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
	height: 56px;
	margin-top: 10px;
	width: 230px;
}
form label { font-size: 12px; }

	/* Form Validation Error Styles */
	#message {
		background: #eee;
		border: 4px solid #555;
		color: #333;
		margin-left: -150px;
		padding: 25px;
		position: fixed;
			top: 150px;
			left: 50%;
		width: 250px;
	}
		#message a {
			font-weight: bold;
			position: absolute;
				top: 10px;
				right: 10px;
			text-decoration: none;
		}
		#message a:hover { color: #999; }
		#message p { margin: 0; }