#ecards {
	width: 738px;
	height: 831px;
	position: relative;
	padding: 0;
	margin: auto 0;
	margin-left: 35px;
}
	#ecards h2 {
		background: url(http://images.shaunthesheep.com/2010/ecards/ecards-h2-title.png) top left no-repeat;
		position: absolute;
		top: 8px;
		left: 4px;
		width: 120px;
	}
	/*  #ecards-title {
		position: absolute;
		width: 257px;
		height: 98px;
		background: url(http://images.shaunthesheep.com/2010/ecards/ecards-title.png) top left no-repeat;
		top: 58px;
		left: 55px;
		z-index: 500;
	}
		#ecards-title h3 {
			text-indent: -9000px;	
		}  */
	#ecards-cat-nav {
		position: absolute;
		width: 384px;
		height: 102px;
		padding: 0;
		margin: 0;
		right: 28px;
		top: -8px;
	}
		#ecards-cat-nav ul{
			width: 384px;
			height: 102px;
			padding: 0;
			margin: 0;
		}
			#ecards-cat-nav ul li{
				width: 96px;
				height: 102px;
				padding: 0;
				margin: 0;
				float: left;
			}
				#ecards-cat-nav ul li a {
					display: block;
					width: 96px;
					height: 68px;
					float: left;
					font-family: Umbrage;
					font-weight:  bold;
					text-transform: uppercase;
					color: #0F4B65;
					text-align: center;
					padding: 34px 0 0 0;
					z-index: 97;
					
				}
				#ecards-cat-nav ul li.nav-gen a {
					background: url(http://images.shaunthesheep.com/2010/ecards/nav-tape-01.png) top left no-repeat;
					position: relative;
					cursor: pointer;
				}
				#ecards-cat-nav ul li.nav-bir a {
					background: url(http://images.shaunthesheep.com/2010/ecards/nav-tape-02.png) top left no-repeat;
					position: relative;
					cursor: pointer;
				}
				#ecards-cat-nav ul li.nav-xma a {
					background: url(http://images.shaunthesheep.com/2010/ecards/nav-tape-03.png) top left no-repeat;
					position: relative;
					cursor: pointer;
				}
				#ecards-cat-nav ul li.nav-gre a {
					background: url(http://images.shaunthesheep.com/2010/ecards/nav-tape-04.png) top left no-repeat;
					position: relative;
					z-index: 98;
					cursor: pointer;
				}
				
				#ecards-cat-nav ul li.active a{
					z-index:  103;
				}
	#ecards-content {
		width: 738px;
		height: 773px;
		position: absolute;
		margin: 0;
		padding: 0;
		top: 58px;
		background: url(http://images.shaunthesheep.com/2010/ecards/ecards-paper-all.png) bottom left no-repeat;
		z-index: 100;	
	}
		#ecard-holder {
			position: absolute;
			width: 343px;
			height: 234px;
			background: url(http://images.shaunthesheep.com/2010/ecards/ecard-background.png) top left no-repeat;
			top: 64px;
			left: 12px;
			padding: 43px 0 0 17px;
			z-index: 300; 
		}
		#ecards-form {
			position: absolute;
			width: 316px;
			height: 370px;
			top: 46px;
			left: 370px;
			padding: 0;
		}
			.form-instructions p {
				position: relative;
				width: 280px;
				text-align: right;	
			}
			
			#ecard-sent{
				position: absolute;
				top: 61px;
				left: -341px;
				padding: 40px;
				width: 244px;
				height: 136px;
				text-align: center;
				font-size: 24px;
				background: #000;
				color: #FFF;
				z-index: 999;
				opacity: 0.8;
				filter: alpha(opacity=80);
			}
			
			.ecards-form-item {
				margin: 0 12px 0 12px;
				clear: both;
				width: 380px;
			}
				.ecards-form-item label {
					color: #8C1E23;
					font-family: Umbrage;
					font-weight:  bold;
					text-transform:  uppercase;
					float: left;
					padding: 8px 0 0 0;
					width: 80px;
				}
				.ecards-form-item span {
					float: left;
					background: url(http://images.shaunthesheep.com/2010/ecards/ecards-text-field.png) top left no-repeat;
					width: 200px;
					height: 30px;
					padding: 14px 70px 0 12px;
				}
					.ecards-form-item span input,
					.ecards-form-item span textarea {
						outline: none;
						border: none;
					}
					.ecards-form-item span input{
						width: 186px;
					}
					
					.ecards-form-item span textarea {
						width: 186px;
						height: 80px;
					}
					
				#ecards-form  .ecards-message span {
					background: url(http://images.shaunthesheep.com/2010/ecards/ecards-textarea-background.png) top left no-repeat;
					height: 93px;
					padding-right: 25px
				}
	
	#ecards-list {
		position: absolute;
		width: 640px;
		height: 250px;
		z-index: 10004;
		top: 470px;
		left: 80px;
	}
		#ecards-list ul {
			position: absolute;
			width: 650px;
			height: 250px;
		}
			#ecards-list ul li {
				width: 146px;
				height: 111px;
				float: left;
				background: url(http://images.shaunthesheep.com/2010/ecards/ecard-thumb-outer.png) top left no-repeat;
				padding: 22px 0 0 8px;
			}
				#ecards-list ul li a {
					width: 134px;
					height: 100px;
					disply: block;
				}
		#ecards-list .cta {
			width: 168px;
			height: 77px;
			top: 270px;
			left: 480px;
			background: url(http://images.shaunthesheep.com/2010/ecards/ecards-send.png) top left no-repeat;
		}