.promo-content {background:#005D9B !important;}
 h2.banner-text {font:normal 2.5em/1.0em "Lucida Console", Verdana; padding:15px; color:#FFE500; padding:0; margin:0;}
 h2.center {text-align:center;}

.selector-bg {cursor:pointer;}
.letter-bg {width:400px; height:460px; position:relative;}
.letter-bg textarea, .letter-bg .letter-body-view {width:300px; height:270px; overflow:auto; position:absolute; top:80px; left:35px; font:1.2em/1.6em "Lucida Console";}
.letter-bg #letter-nname {position:absolute; bottom:25px; right:50px; width:115px; height:25px; font:1.2em/1.0em "Lucida Console";}
.letter-bg h2 {position:absolute; top:40px; left:25px; font:normal 2.0em "Lucida Console";}
.letter-bg .letter-nname-view {position:absolute; bottom:15px; right:40px; width:115px; height:25px; font:1.2em/1.0em "Lucida Console";}

	.letter-bg1 {background:url(../images/promo/Stationery_plain.png) no-repeat; color:#000000;}
		.letter-bg1 textarea, .letter-bg1 #letter-nname {color:#000000; background:#FFFFFF;}
		.letter-bg1 .letter-bg1 h2 {color:#000000;}
	.letter-bg2 {background:url(../images/promo/Stationery01.png) no-repeat; color:#00371A;}
		.letter-bg2 textarea, .letter-bg2 #letter-nname {color:#00371A; background:#B8F16C;}
		.letter-bg1 .letter-bg2 h2 {color:#00371A;}
	.letter-bg3 {background:url(../images/promo/Stationery02.png) no-repeat; color:#FFFFFF;}
		.letter-bg3 textarea, .letter-bg3 #letter-nname {color:#FFFFFF; background:#CC0C0F;}
		.letter-bg3 h2 {color:#FFFFFF;}
	.letter-bg4 {background:url(../images/promo/Stationery03.png) no-repeat; color:#92268F}
		.letter-bg4 textarea, .letter-bg4 #letter-nname {color:#92268F; background:#FAB0D0;}
		.letter-bg1 .letter-bg4 h2 {color:#92268F;}
	.letter-bg5 {background:url(../images/promo/Stationery04.png) no-repeat; color:#A0410C;}
		.letter-bg5 textarea, .letter-bg5 #letter-nname {color:#A0410C; background:#E6dABB;}
		.letter-bg1 .letter-bg5 h2 {color:#A0410C;}
	.letter-bg6 {background:url(../images/promo/Stationery05.png) no-repeat; color:#0374BB;}
		.letter-bg6 textarea, .letter-bg6 #letter-nname {color:#0374BB; background:#F0F49C;}
		.letter-bg1 .letter-bg6 h2 {color:#0374BB;}
	.letter-bg7 {background:url(../images/promo/Stationery06.png) no-repeat; color:#666666;}
		.letter-bg7 textarea, .letter-bg7 #letter-nname {color:#666666; background:#FFFFFF;}
		.letter-bg1 .letter-bg7 h2 {color:#666666;}
	
.selector-bye {cursor:pointer;}
.selected-item {}
.letter-bye {width:86px; height:56px; position:absolute;right:96px; bottom:50px; z-index:2;}
	.letter-bye1 {width:69px; height:45px; background:url(../images/promo/bye1.png) no-repeat;}
	.letter-bye2 {width:79px; height:26px; background:url(../images/promo/bye2.png) no-repeat;}
	.letter-bye3 {width:93px; height:35px; background:url(../images/promo/bye3.png) no-repeat;}
	.letter-bye4 {width:164px; height:35px; background:url(../images/promo/bye4.png) no-repeat;}
	
.selector-icon {cursor:pointer; height:100%}
.letter-icon {width:51px; height:35px; position:absolute; right:165px; bottom:17px; z-index:2;}
	.letter-icon1 {width:51px; height:35px; background:url(../images/promo/icon1.png) no-repeat;}
	.letter-icon2 {width:62px; height:60px; background:url(../images/promo/icon2.png) no-repeat;}
	.letter-icon3 {width:58px; height:62px; background:url(../images/promo/icon3.png) no-repeat;}
	.letter-icon4 {width:56px; height:58px; background:url(../images/promo/icon4.png) no-repeat;}
	.letter-icon5 {width:65px; height:68px; background:url(../images/promo/icon5.png) no-repeat;}
	
.letter-link {display:block; float:left; width:230px; height:40px; cursor:pointer; color:#000000; text-align:center; padding-top:60px; margin:7px 9px;}
	.letter-link1 {background:url(../images/promo/Envelope5.jpg) no-repeat;}
	.letter-link2 {background:url(../images/promo/Envelope1.jpg) no-repeat;}
	.letter-link3 {background:url(../images/promo/Envelope2.jpg) no-repeat;}
	.letter-link4 {background:url(../images/promo/Envelope3.jpg) no-repeat;}
	.letter-link5 {background:url(../images/promo/Envelope4.jpg) no-repeat;}
	.letter-link6 {background:url(../images/promo/Envelope5.jpg) no-repeat;}
	.letter-link7 {background:url(../images/promo/Envelope6.jpg) no-repeat;}
	.letter-link-view {display:inline !important; float:none !important; width:auto !important; height:auto !important; color:#ffe512 !important;} /*used in view_letter.php*/

div#lower-half {clear:both; width:1000px; height:500px; margin:0 auto;}
div#letters-derek {width:235px; float:left; padding:60px 0 0 35px;}
	div#letters-derek p {margin:0; padding:0;}
	div#letters-derek #letters-derek1 {font-size:1.5em;}
	div#letters-derek #letters-derek2 {font-size:1.8em;}
	div#letters-derek #letters-derek3 {font-size:1.2em;}
div#letters-content {width:725px; height:510px; position:relative; float:right; background:url(../images/promo/cork_frame.png) no-repeat 25px 40px;}
div#letters {position:relative; background:#66CC99; padding:0; margin:36px auto;}
div.letter-group {width:525px; margin:20px auto;}

div#letter-create {width:1000px; height:500px; position:relative; margin:15px auto; padding:3px; background:#80AECD url(../images/promo/foot_long.png) no-repeat 0px 425px;}

div#selectors {float:left; padding:3px; background:#FFFFFF;}
	h4.letter-form-header {background:#0E92D6; padding:3px; font:0.9em "Lucida Console", Verdana; color:#FFFFFF;}
	div#selectors ul {height:115px; width:300px; list-style:none; overflow:auto; white-space:nowrap; background:#FFFFFF; margin-bottom:15px;}
	div#selectors ul li {display:inline; padding:0 5px 0 5px;}
	div#selectors ul li span {}
	
form#letter-form {float:right; width:690px;}
	form#letter-form #letter-area {width:395px; position:relative; padding:3px;}
		.validator {font:0.8em "Lucida Console"; color:#FF3333;}
		#validator6 {position:absolute; top:65px; left:275px;}
		#validator7 {position:absolute; bottom:15px; right:15px;}
	form#letter-form #form-area {float:right; width:285px;  height:460px; padding:3px; background:#FFFFFF;}
		.form-label {color:#80AECD; margin-left:5px;}
		.form-box {width:250px; height:20px; margin-left:10px; border:1px solid #80AECD;}
		.form-submit {width:200px; height:27px; background:url(../images/promo/submit_letter.jpg) no-repeat; color:#FFFFFF; font:1.0em "Lucida Console", Verdana; margin:25px;}
		#submit-confirm {text-align:center; font:0.8em "Lucida Console", Verdana; color:#80AECD;}
	
.derek {position:absolute; bottom:0px; left:25px;}
.foot-long {width:1024px; height:80px; background:url(../images/promo/foot_long.png) no-repeat; clear:both;} /* :D */
	.through {position:absolute; bottom:0px; z-index:-1}