/* CSS Document */

html, body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#000 }
	html { background:#fff url(../images/html-bg.jpg) repeat-x; }
	
/* Common Style */

a { color:#5f896a; text-decoration:none }
	a:hover { text-decoration:underline; }
	a img { border:0 }

h1 { position:absolute; top:-100px; }
h2, h3 { font-family:'Trebuchet MS', Arial, Helvetica; font-weight:normal }
	h2 { color:#808080; font-size:240%; margin:0 0 .5em 0 }
	h3 { font-size:150% }
	
.christmas_title { line-height: 5%; }
.christmas_expire { color:#f10000; }

.clear { clear:both; }
.small { font-size:85%; color:#888 }

.welcome { float:left; width:430px }
.order_your_system { float:right; }
.learn_more { text-align:right; display:block }
.bullet_1 { list-style:none; margin:0; padding:0 }
	.bullet_1 li { background:url(../images/bullet-1.jpg) no-repeat 0 50%; padding:0 0 0 15px; margin:10px 0 }
.box_content { padding:8px }

/* Layout */

#body { background:url(../images/body-bg.jpg) repeat-y; width:951px; margin:0 auto; min-height:600px; height:auto!important; height:600px;}
#wrapper { width:931px; padding:0 10px; background:url(../images/wrapper-bg.jpg) no-repeat; }

	#header { background:#dbe4d3; height:160px; position:relative }
		#header_christmas { background:url(../images/christmas_header.jpg); min-height:160px; position:relative }
		#header ul { list-style:none; margin:0; padding:0 }
		#header .logo { position:absolute; top:10px; left:10px; }

		#header .main_controls { position:absolute; bottom:0; left:0; height:24px; background:#3c6f49 url(../images/menu-bg.jpg) repeat-x; width:100% }
			#header .main_controls li { margin:0; padding:0; float:left; }
			#header .main_controls a { color:#fff; height:21px; display:block; font-weight:bold; text-decoration:none; border-left:1px solid #85a58d; border-right:1px solid #3e5e46; padding:3px 12px 0 12px; white-space:nowrap; cursor:pointer }
				#header .main_controls a:hover { color:#ffd161 }
				* html #header .main_controls a { width:0 }
			#header .main_controls .active a, #main_controls .active a:hover { background:#fff url(../images/menu-bg-active.jpg) repeat-x; color:#3c6f49; border:0; padding:3px 17px 0 18px; cursor:default }
			#header .main_controls .no_border a { border-right:0 }
		
		#header .user_controls { background:#fff url(../images/user-left.jpg) no-repeat; height:21px; position:absolute; top:0; right:10px; font-size:85%; }
			* html #header .user_controls { width:293px; }
			#header .user_controls ul { background:url(../images/user-right.jpg) no-repeat 100% 0; height:18px; padding:3px 2px 0 2px; }
				#header .user_controls ul li { float:left; border-right:1px solid #dbe4d3; padding:0 6px }
				#header .user_controls .no_border { border-right:0 }
	
		#page_controls { display:none }
	
		#user_quote { position:absolute; top:10%; left:160px; width:390px; height:81px; background:#fff url(../images/user-bg.jpg) no-repeat 100% 0; font-size:85%; padding-right:6px }
			#user_quote p { margin:0; padding:3px }
			#user_quote img { float:left; margin-right:5px }
			#user_quote .user { font-weight:bold; text-align:right }

	#main_content { }
		#main_content .content { margin:20px; }
			#main_content .content p { line-height:1.5em; }
	
		#bucket { background:url(../images/bucket-bg.jpg) repeat-x; height:290px; font-weight:bold; }
			* html #bucket { margin-top:-5px; }
			*:first-child+html #bucket { margin-top:-5px; }
			#bucket .box { height:259px; width:301px; float:left; margin:5px 0 0 5px }
			#bucket .bucket_1 { background:url(../images/bucket-1.jpg) no-repeat; margin-left:9px; }
				#bucket .bucket_1 .box_content { text-align:center }
			#bucket .bucket_2, #bucket .bucket_3 { background:url(../images/bucket-2.jpg) no-repeat }
				#bucket .bucket_2 { }
					#bucket .bucket_2 .box_content { text-align:center }
					#bucket .bucket_2 p { margin:0 0 10px 0; padding:0 }
					#bucket .bucket_2 .save { position:relative; top:5px; left:-12px }
				#bucket .bucket_3  { margin-right:0 }
					#bucket .bucket_3 .faces, #bucket .bucket_3 ul { float:left }
					#bucket .bucket_3 ul { margin-left:10px; }
					#bucket .bucket_3 a { display:block; text-align:center; margin-top:15px; }
			#bucket h3 { margin:0 0 27px 100px; color:#fff; font-style:italic; position:relative; top:15px; }

#footer { width:953px; margin:0 auto 20px auto; height:67px; background:#3e704a url(../images/footer-bg.jpg) repeat-x; }
	#footer .left, #footer .right { height:67px; }
		#footer .left { background:url(../images/footer-left.jpg) no-repeat; }
		#footer .right { padding:0 10px; background:url(../images/footer-right.jpg) no-repeat 100% 0; overflow:hidden; }
		/*#footer ul { list-style:none; margin:8px 0; padding:0; text-align:center }
			#footer ul li { display:inline; padding:0 5px; border-right:1px solid #6dad7e }
			#footer ul .no_border { border:0 }*/
		#footer a { color:#cbffd9; }