/*	CSS "Styles" Document
	E4 Media Group	*/
	
/*	Always Include:	
	
	These styles do the following:
		* - Removes padding and margin from ALL elements, must be added back
				for elements that normally have it included, such as 'p' or
				'h1' tags.  Note: Standard padding can generally be substituted
				for 1em or 10-12 pixels, top and bottom for normal text, sides
				as well for lists.
		img - Removes IE spacing around images.  Images must be returned to inline
				in situations where they are required to fit in with text.
		a: - Fixes a problem in FF3 where a small dot appears at the top left corner
				of an image on a page.
		a - Removes underlining from all links on a page, can be added back in in
				specific instances where it is needed. 
		.clear - Used in every document with a float for IE6 compatibility, added 
				here because it is so ubiquitous.*/
	body, img {
		padding: 0;
		margin: 0;
	}
	
	img {
		border: none;
		display: block;
	}
	
	a:focus, a:hover, a:active {
		outline: none;
	}
	
	a {
		text-decoration: none;
	}
	.clear {
		clear: both;
	}

/*	End Always Include	*/

/*	Base Tags	*/

	body {
		background: url(images/pngs/bodybg.png) top left repeat-x;
	}
	h1 {
		font: bold 24px 'Arial Narrow', Arial, Helvetica, sans-serif;
		color: #9ebf1a;
		margin: 10px;
	}
	p {
		font: bold 14px 'Arial Narrow', Arial, Helvetica, sans-serif;
		color: #363636;
		margin: 10px;
	}
	hr {
		margin: 10px;
	}

/*	End Base Tags	*/

/*	Structure	*/
	
	#container {
		width: 900px;
		margin: 0 auto;
	}
		#header {
			height: 155px;
			position: relative;
		}
			#logo {
				position: absolute;
				top: 85px;
				left: 30px;
			}
		#content {
			overflow: hidden;
		}
			#left {
				float: left;
				display: inline;
				width: 235px;
				overflow: hidden;
			}
				#iphone {
					margin: 0 0 0 15px;
				}
			#right {
				float: left;
				display: inline;
				width: 665px;
			}
				#fullcont {
					width: 650px;
					background: url(images/jpgs/contentbg.jpg) top left no-repeat;
					margin: 0 0 10px 0;
					min-height: 140px;
					height: auto !important;
					height: 140px;
					overflow: hidden;
					padding: 5px;
				}
				.threestep {
					float: left;
					display: inline;
					overflow: hidden;
				}
				#create {
					margin: 0 10px 0 0;
				}
				#manage {
					margin: 0 10px 0 0;
				}
				#send {
				
				}
	#bottom {
		width: 100%;
		height: 50px;
		background: url(images/pngs/bodybottom.png) top left repeat-x;
	}

	#bottom p {
		padding-top: 10px;
		color: #a4c328;
	}

	#bottom a {
		color: white;
	}

	#left ul {
		border: 1px solid #9ebf1a;
		padding-left: 0px;
	}

	#left ul li {
		list-style: none;
		margin-left: 0px;
		background-color: #363636;
		padding: 5px;
	}

	#left ul li:hover {
		background-color: #565656;
	}

	#left ul li a {
		font-weight: bold;
		color: #9ebf1a;
		font-size: 18px;
	}

	#loginbox {
		float: right;
		color: white;
	}

	#loginbox p {
		color: #ffffff;
	}

	#loginbox a {
		color: #ffffff;
	}

	#loginbox input {
		vertical-align: middle;
		border: 1px solid #64810d;
	}

/*	End Structure	*/

/*	Important Elements	*/



/*	End Important Elements	*/

/*	Classes

	This section is for non-specific classes.  Classes associated with important elements will
		generally be located with the elements group.	*/
	
tr.even td {
	background-color: #D9DCD9;
}

.for-you {
	margin: auto;
}

.for-you div {
	float: left;
	text-align: center;
	padding: 8px 8px;
	background: transparent url(images/pngs/buttonbg.png) repeat-x scroll top;
	border-top: 1px solid #a4c328;
	width: 74px;
}

.for-you div img {
	border: none;
	margin: auto;
}

.for-you a {
	color: #464646;
}

.left {
	float: left;
}

.right {
	float: right;
}
/*	End Classes	*/

img.lb {
	cursor: pointer;
}