body {
	font-family: "Myriad Pro", Arial, Verdana;
}
	body#hheads {
		background: #666f6b url(/media/images/bg_loop.jpg) repeat top center;
	}

.reset {
	clear: both;
}

#wrapper {
	background: url(/media/images/bg_heads.jpg) no-repeat top center;
/*	min-height: 1000px; */
}

#container {
	margin: 0 auto;
	width: 1024px;
}
	#container .main-column {
		width: 671px;
		float: left;
		padding-top: 27px;
	}
		#container h1 a {
			background: url(/media/images/header.png) no-repeat;
			width: 259px;
			height: 30px;
			text-indent: -5000px;
			font-size: 0;
			display: block;
		}
		
		#container .dream-form {
			background: url(/media/images/inp_box.png) no-repeat;
			width: 669px;
			height: 53px;
			position: relative;
			
			margin-top: 7px;
		}
			#container .dream-inp {
				position: absolute;
				top: 14px;
				left: 18px;
				
				font-family: "Myriad Pro";
				font-size: 18px;
				color: #7e7e7e;
				
				width: 530px;
				background: none;
				border: 0;
			}

			#container .dream-submit {
				position: absolute;
				top: 8px;
				right: 4px;
				
				background: url(/media/images/btn_add.png) no-repeat 0 0;
				
				border: 0;
				display: block;
				
				padding-top: 5px;
				font-family: "Myriad Pro";
				font-size: 23px;
				line-height: 23px;
				color: #ffffff;
				
				width: 100px;
				height: 37px;
				
				font-weight: bold;
				text-shadow: 1px 0px 4px #0c7e99;
				
				cursor: pointer;
			}
			
				#container .dream-submit:hover {
					background: url(/media/images/btn_add.png) no-repeat 0 -37px;
				}
		
		#container .dream-desc {
			margin-top: 11px;
			margin-bottom: 11px;
			font-size: 18px;
			line-height: 21px;
			padding: 2px;
		}
			#container .dream-desc p {
				color: #6e6e6e;
				margin: 2px 0;
			}
				#container .dream-desc p.blue {
					color: #0881bf;
				}
			
			#container .dream-desc a.terms {
				font-size: 14px;
				color: #0881bf;
			}

		#container .dream-terms {
			margin-top: 11px;
			margin-bottom: 11px;
			font-size: 16px;
			line-height: 20px;
			padding: 2px;
		}
			
			#container .dream-terms h2 {
				font-size: 18px;
			}
			
			#container .dream-terms h3 {
				margin: 15px 0 10px 0;
				font-size: 17px;
			}

			#container .dream-terms ol {
			}
				#container .dream-terms ol li {
					list-style: decimal;
					margin: 15px 20px;
				}

			#container .dream-terms ul {
			}
				#container .dream-terms ul li {
					list-style: disc;
					margin: 5px 20px;
				}
			
		
			#container .dream-terms p {
				margin: 10px 0;
			}
				#container .dream-terms p.blue {
					color: #0881bf;
				}

			#container .dream-terms a.terms {
				font-size: 14px;
				color: #0881bf;
			}
		
		#container .dream-filter {
			background: url(/media/images/bg_filter_new.png) no-repeat;
			height: 26px;
			position: relative;
		}
			#container .dream-filter li {

			}
				#container .dream-filter li a {
					display: block;
					font-size: 16px;
					text-decoration: none;
					text-shadow: 1px 0px 4px #255d78;
					color: #ffffff;
					
					position: absolute;
					top: 0;
					height: 20px;
					padding-top: 6px;

					text-align: center;
				}
				
					#container .dream-filter li a:hover {
						text-decoration: none;
						color: #b1dae9;
					}
				
					#container .dream-filter li#mn1 a {
						left: 0px;
						width: 165px;
					}
						#container .dream-filter li#mn1 a.active { background: url(/media/images/bg_filter_new.png) no-repeat 0 -26px; }
					
					#container .dream-filter li#mn2 a {
						left: 168px;
						width: 168px;
					}
						#container .dream-filter li#mn2 a.active { background: url(/media/images/bg_filter_new.png) no-repeat -168px -26px; }
					
					#container .dream-filter li#mn3 a {
						left: 335px;
						width: 165px;
					}
						#container .dream-filter li#mn3 a.active { background: url(/media/images/bg_filter_new.png) no-repeat -335px -26px; }
						
					#container .dream-filter li#mn4 a {
						left: 505px;
						width: 165px;
					}
						#container .dream-filter li#mn4 a.active { background: url(/media/images/bg_filter_new.png) no-repeat -505px -26px; }

		

		#container .dream-list {
			margin-bottom: 40px;
			min-height: 400px;
		}

			#container .dream-list .dream-item {
				background: url(/media/images/lay_ground.png);
				margin: 12px 0;
				width: 653px;
				padding: 8px;
				
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
			}
			
				#container .dream-list .dream-item .di-content {
					background: url(/media/images/lay_up.png);
					
					-moz-border-radius: 7px;
					-webkit-border-radius: 7px;
				}
					#container .dream-list .dream-item .ranking {
						float: left;
						width: 78px;
						height: 58px;
						position: relative;
						
						background: url(/media/images/finger_blue.png);
						text-shadow: 1px 0px 4px #204954;
					}
						#container .dream-list .dream-item .pink {
							background: url(/media/images/finger_pink.png);
							text-shadow: 1px 0px 4px #990e49;
						}
					
						#container .dream-list .dream-item .green {
							background: url(/media/images/finger_green.png);
							text-shadow: 1px 0px 4px #990e49;
						}
						
						#container .dream-list .dream-item .cr1 {
							background: url(/media/images/finger_cr1.png) no-repeat;
							text-shadow: 1px 0px 4px #204954;
						}

						#container .dream-list .dream-item .cr2 {
							background: url(/media/images/finger_cr2.png) no-repeat;
							text-shadow: 1px 0px 4px #204954;
						}

						#container .dream-list .dream-item .cr3 {
							background: url(/media/images/finger_cr3.png) no-repeat;
							text-shadow: 1px 0px 4px #204954;
						}

						#container .dream-list .dream-item .cr4 {
							background: url(/media/images/finger_cr4.png) no-repeat;
							text-shadow: 1px 0px 4px #204954;
						}

						#container .dream-list .dream-item .cr5 {
							background: url(/media/images/finger_cr5.png) no-repeat;
							text-shadow: 1px 0px 4px #204954;
						}

						#container .dream-list .dream-item .cr6 {
							background: url(/media/images/finger_cr6.png) no-repeat;
							text-shadow: 1px 0px 4px #204954;
						}

					
						#container .dream-list .dream-item .ranking .count {
							position: absolute;
							text-align: center;
							bottom: 3px;
							left: 0;
							width: 78px;
							
							color: #ffffff;
							font-size: 15px;
							font-weight: bold;
						}
					
					#container .dream-list .dream-item .core {
						float: right;
						
						width: 561px;
						
						position: relative;
					}
						#container .dream-list .dream-item .core p {
							font-size: 22px;
							line-height: 27px;
							font-weight: bold;
							color: #464545;
							padding: 3px;
						}
						
						#container .dream-list .dream-item .core a {
							color: #464545;
						}
						
							#container .dream-list .dream-item .core span.author {
								font-weight: normal;
								font-size: 16px;
								color: #8a8a8a;
							}
								#container .dream-list .dream-item .core span.author a {
									color: #5e5e5e;
									text-decoration: none;
								}
									#container .dream-list .dream-item .core span.author a:hover {
										text-decoration: underline;
									}
					
						#container .dream-list .dream-item .core a.report {
							position: absolute;
							top: 0;
							right: 0;

							background: #747776;
							
							font-size: 14px;
							color: #ffffff;

							text-decoration: none;
							
							background: url(/media/images/btn_report.png) no-repeat;
							width: 81px;
							height: 24px;
							
							display: block;
							
							visibility: hidden;
						}
							#container .dream-list .dream-item .core a.report span {
								position: absolute;
								top: 6px;
								left: 22px;
							}
						
							#container .dream-list .dream-item .core:hover a.report {
								visibility: visible;
							}
							
							#container .dream-list .dream-item .core a.report:hover {
								text-decoration: underline;
							}
				
				#container .dream-list .dream-item .di-footer {
					margin-top: 8px;
					color: #6f6f6f;
					font-size: 13px;
					padding: 0 3px;
				}
					#container .dream-list .dream-item .di-footer .toolbox {}
						#container .dream-list .dream-item .di-footer .toolbox li {
							float: right;
						}
							#container .dream-list .dream-item .di-footer .toolbox li a {
								display: block;
								
							/*	color: #6b6b6b; */
								margin-left: 12px;
								height: 16px;
								padding-top: 1px;
								
								text-decoration: underline;
								color: #0881bf;
							}
								#container .dream-list .dream-item .di-footer .toolbox li a:hover {
									text-decoration: underline;
									color: #000;
								}
								
								#container .dream-list .dream-item .di-footer .toolbox li a.action-share {
									background: url(/media/images/icon_share.png) no-repeat;
									padding-left: 26px;
								}
								#container .dream-list .dream-item .di-footer .toolbox li a.action-like {
									background: url(/media/images/icon_like.png) no-repeat;
									padding-left: 16px;
								}
								#container .dream-list .dream-item .di-footer .toolbox li a.action-dislike {
									background: url(/media/images/icon_dislike.png) no-repeat;
									padding-left: 16px;
								}
								#container .dream-list .dream-item .di-footer .toolbox li a.action-want {
									background: url(/media/images/icon_want.png) no-repeat;
									padding-left: 20px;
								}

					#container .dream-list .dream-item .di-footer .meta {}
						#container .dream-list .dream-item .di-footer .meta .meta-time {
							
						}
							#container .dream-list .dream-item .di-footer .meta .meta-time a {
								color: #6f6f6f;
								text-decoration: none;
							}
								#container .dream-list .dream-item .di-footer .meta .meta-time a:hover {
									color: #4c4c4c;
									text-decoration: none;
								}
					
			#container hr.more-line {
				border: 0;
				background: #e8ebea;
				height: 1px;
			}

			#container #pagination {}
				#container #pagination a.show-more {
					display: block;
					background: url(/media/images/btn_scroll.png) no-repeat;
					height: 24px;
					text-align: center;
					font-size: 16px;
					color: #ffffff;
					padding-top: 10px;
					margin: 12px 0;
					text-decoration: none;
					text-shadow: 1px 0px 4px #000000;
				}
					#container #pagination a.show-more:hover {
						background: url(/media/images/btn_scroll.png) no-repeat 0 -34px;
						text-decoration: underline;
					}
		
	#container .sidebar {
		width: 315px;
		float: right;
		padding-top: 40px;
	}
		#container .sidebar .lgn-blok {
			text-align: right;
			height: 23px;
		}
			#container .sidebar .lgn-blok a {
				font-size: 14px;
			/*	color: #505050; */
				color: #0881bf;
			}
				#container .sidebar .lgn-blok a:hover {
					color: #000000;
				}

		#container .sidebar .box {
			background: url(/media/images/sbb_up.png) no-repeat;
			padding-top: 12px;
			margin-bottom: 18px;
		}
			#container .sidebar .box .box-content {
				background: url(/media/images/sbb_loop.png) repeat-y;
				color: #555555;
				padding: 10px 20px;
			}
				#container .sidebar .blue .box-content {
					color: #3d63b2;
				}
			
				#container .sidebar .box .box-content h2 {
					font-size: 22px;
					line-height: 22px;
				}
				#container .sidebar .box .box-content p {
					margin-top: 5px;
					font-size: 16px;
				}
				
				#container .sidebar .box .box-content .right {
					float: right;
				}
				
				#container .sidebar .box .box-content a.blak {
					display: block;
					color: #fff;
					background: url(/media/images/btn_blak_lrg.png) no-repeat;
					width: 126px;
					text-decoration: none;
					text-align: center;
					padding-top: 8px;
					height: 22px;
					text-shadow: 1px 0px 4px #000000;
				}
					#container .sidebar .box .box-content a.blak:hover {
						background: url(/media/images/btn_blak_lrg.png) no-repeat 0 -30px;
					}
					#container .sidebar .box .box-content a.sml {
						background: url(/media/images/btn_blak_sml.png) no-repeat;
						width: 90px;
					}
					#container .sidebar .box .box-content a.sml:hover {
						background: url(/media/images/btn_blak_sml.png) no-repeat 0 -30px;
					}


			#container .sidebar .box .box-footer {
				background: url(/media/images/sbb_down.png) no-repeat;
				height: 11px;
			}

		#container #one-column {
			min-height: 700px;
		}

			#container .dream-detail {
				width: 788px;
				margin: 0px auto;
				padding: 50px 0;
			}
				#container .dream-detail .dd-head {
					background: url(/media/images/detail_up.png) no-repeat;
					width: 788px;
					height: 95px;
				}
					#container .dream-detail .dd-head h2 {
						color: #8fb0bf;
						text-align: center;
						font-size: 35px;
						font-weight: normal;
						padding-top: 30px;
					}

				#container .dream-detail .dd-content {
					background:  url(/media/images/detail_loop.png) repeat-y;
					width: 788px;
				}
					#container .dream-detail .dd-content .auth {
						text-align: center;
						color: #8fb0bf;
						font-size: 20px;
					}
					#container .dream-detail .dd-content .dream {
						margin: 0px auto;
						padding: 15px 0;
						width: 600px;
						color: #38a5d8;
						font-size: 36px;
						line-height: 38px;
						text-align: center;
						font-weight: bold;
					}
				#container .dream-detail .dd-foot {
					background: url(/media/images/detail_bottom.png) no-repeat;
					height: 119px;
					width: 788px;
					padding-top: 25px;
				}
					#container .dream-detail .dd-foot a.action-dislike,
					#container .dream-detail .dd-foot a.action-like {
						display: block;
						background: url(/media/images/btn_blue_thumb.png) no-repeat;
						width: 139px;
						height: 34px;
						margin: 0 auto;
						position: relative;
						color: #ffffff;
						text-decoration: none;
						font-size: 18px;
						font-weight: bold;
					}
						#container .dream-detail .dd-foot a.action-dislike {
							background: url(/media/images/btn_blue_thumb_minus.png) no-repeat;
						}
					
						#container .dream-detail .dd-foot a.action-dislike span,
						#container .dream-detail .dd-foot a.action-like span {
							display: block;
							position: absolute;
							top: 9px;
							left: 38px;
							text-shadow: 1px 0px 4px #0677af;
						}
				
					#container .dream-detail .dd-foot .foot-toolbar {
						text-align: center;
						margin-top: 7px;
						font-size: 13px;
						color: #0881bf;
					}
						#container .dream-detail .dd-foot .foot-toolbar a {
							color: #0881bf;
						}

		
			#container .promote {
				color: #718c99;
				width: 700px;
				margin: 0 auto;
			}
				#container .promote p {
					text-align: center;
					font-size: 25px;
					line-height: 30px;
					margin: 10px 0;
				}


#footer {
	background: url(/media/images/hyundai_footer.png) no-repeat top center;
	height: 269px;
}
	#footer #fwrapper {
		width: 1024px;
		margin: 0 auto;
		position: relative;
	}
		#footer #foot-packshot {
			position: absolute;
			width: 426px;
			top: 43px;
			left: 348px;
		}
			#footer #foot-packshot h2 {
				color: #4a4a4a;
				font-size: 22px;
			}
			#footer #foot-packshot p {
				color: #4a4a4a;
				font-size: 14px;
				line-height: 16px;
				margin: 5px 0;
			}
			#footer #foot-packshot a {
			/*	color: #004282; */
				color: #0881bf;
				font-style: italic;
				font-size: 14px;
			}

		#footer #foot-bottom {
			position: absolute;
			top: 235px;

			color: #0881bf;
			font-size: 13px;
			width: 1024px;
		}
			#footer #foot-bottom .right {
				float: right;
			}
			#footer #foot-bottom a {
				color: #0881bf;
			}
				#footer #foot-bottom .right a {
					margin-left: 7px;
				}

		#footer a#foot-hyundai {
			position: absolute;
			left: 828px;
			top: 70px;
			
			display: block;
			background: url(/media/images/hyundai_logo.png);
			width: 165px;
			height: 96px;
		}

.modal { 
	display: none;
	
	width: 650px;
	height: 531px;
	background: url(/media/images/bg_popup.png) no-repeat;
} 
	.modal-content {
		color: #0989c5;
		padding: 45px 40px 0px 40px;
		position: relative;
	}
	
		.modal-content a {
			color: #257fa1;
		}
	
		.modal-content .close {
			position: absolute;
			background: url(/media/images/btn_close.png) no-repeat;
			width: 19px;
			height: 18px;
			top: 25px;
			right: 30px;
			text-indent: -4000px;
		}
	
		.modal-content h2 {
			font-size: 35px;
		}

		.modal-content p {
			font-size: 22px;
		}
		
		.modal-content .login-selection {
			margin-top: 15px;
			background: url(/media/images/blueline.png) no-repeat;
			padding-top: 20px;
			color: #257fa1;
		}
			.modal-content .login-selection h3 {
				font-size: 16px;
				margin-bottom: 10px;
				color: #257fa1;
			}
		
			.modal-content .login-selection .leftcol {
				float: left;
			}
				.overlay-form .inp-styld,
				.modal-content .login-selection .inp-styld {
					border: 1px solid #8eadb8;
					font-size: 14px;
					padding: 4px;
					color: #5a8290;
					
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
				}
				
				.modal-content .login-selection input.error {
					background: #a4151e;
					color: #fff;
				}
				
				.modal-content label.error {
					float: none;
					color: #a4151e;
					display: block;
					font-style: italic;
					font-size: 12px;
					padding-left: 3px;
				}
				
				.modal-content .login-selection table {}
					.modal-content .login-selection table td {
						padding: 3px 5px 3px 0px;
					}
				
				.modal-content .login-selection .inp-info {
					font-size: 13px;
					padding: 3px;
				}
				
				.modal-content .login-selection .blubtn {
					background: url(/media/images/btn_blue.png);
					width: 106px;
					height: 25px;
					border: 0;
					color: #ffffff;
					font-size: 13px;
					text-shadow: 1px 0px 4px #115764;
					padding-top: 3px;
					cursor: pointer;
				}
			.modal-content .login-selection .rightcol {
				float: right;
				padding-right: 10px;
			}
			
			.modal-content .sbm-bar {
				text-align: center;
				padding-top: 10px;
				font-size: 14px;
			}
			
			.modal-content #regbox {
			}

		.modal-content .greybox {
			background: url(/media/images/gray_block.png) no-repeat;
			width: 558px;
			height: 64px;
			position: relative;
			margin-top: 50px;
		}
			.modal-content .greybox p {
				color: #444444;
				text-shadow: 1px 0 3px #ffffff;
				font-size: 16px;
				position: absolute;
				top: 25px;
				left: 15px;
			}

			.modal-content .greybox a.grnbtn {
				display: block;
				position: absolute;
				top: 14px;
				right: 10px;
				width: 116px;
				height: 25px;
				background: url(/media/images/btn_green.png) no-repeat;
				text-align: center;
				text-decoration: none;
				color: #fff;
				text-shadow: 0px 1px 4px #115764;
				padding-top: 10px;
			}

.overlay {
	position: relative;
	font-family: "Myriad Pro";
	display: none;
}

	.overlay.normal {
		background: url(/media/images/overlay_normal.png) no-repeat;
		width: 538px;
		height: 331px;
	}
	
	.overlay.small {
		background: url(/media/images/bg_sharing.png) no-repeat;
		width: 398px;
		height: 481px;
	}
	
	.overlay.red {
		background: url(/media/images/bg_red.png) no-repeat;
		width: 538px;
		height: 341px;		
	}

	.overlay a.close {
		background: url(/media/images/ol_close.png) no-repeat;
		position: absolute;
		bottom: 5px;
		right: 8px;
		width: 96px;
		height: 23px;
		text-indent: -5000px;
	}

	.overlay-content {
		margin: 0px auto 0 auto;
		padding-top: 40px;
		width: 480px;
	}
	
		.small .overlay-content {
			width: 300px;
		}
	
		.overlay-content h3 {
			font-size: 35px;
			text-align: center;
		}
			.small h3, .normal h3 { color: #38a5d8; }
			.red h3 { color: #860000; }
		
		.overlay-content hr {
			border: 0;
			height: 2px;
		}
			.small hr { width: 240px; background: url(/media/images/blue_line.png); }
			.normal hr { width: 350px; background: url(/media/images/blue_line.png); }
			.red hr { width: 380px; background: url(/media/images/red_line.png); }

		.overlay-content p {
			text-align: center;
		}
			.normal p {
				line-height: 30px;
				font-size: 24px;
				color: #38a5d8;				
			}
			.red p {
				font-size: 16px;
				line-height: 20px;
				color: #850000;
			}
		
		.overlay-content ul.shr-list {	
		}
			.overlay-content ul.shr-list li {
				text-align: center;
				margin: 4px 0;
			}
		
		.overlay-content #reportContent {
			color: #d34a4a;
			font-size: 14px;
			padding: 5px;
		}
		
		#container a.greenbtn,
		.overlay-content a.greenbtn,
		.overlay-content a.redbtn {
			display: block;
			width: 221px;
			height: 27px;
			color: #ffffff;
			margin: 7px auto;
			text-align: center;
			text-decoration: none;
			font-size: 20px;
			padding-top: 8px;
		}
			.overlay-content a.redbtn:hover,
			.overlay-content a.greenbtn:hover {
				text-decoration: underline;
			}
		
		#container a.greenbtn,	
		.overlay-content a.greenbtn {
			background: url(/media/images/btn_grn.png);
		}

		.overlay-content a.redbtn {
			margin-top: 20px;
			background: url(/media/images/red_btn.png);
		}

		.overlay-form {
			color: #257fa1;
			font-size: 14px;
		}
			.overlay-form strong.hd {
				font-size: 15px;
				line-height: 18px;
			}
		
			.overlay-form a {
				color: #257fa1;
			}
			.overlay-form p {
				text-align: left;
				padding: 3px 0;
			}