@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------------*/
/*  Setup
/*-----------------------------------------------------------------------------------*/
body {
	margin:0; padding:0;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	/*overflow:hidden;*/
}
a { text-decoration:none; color:#bb9b68;}
a:hover {color:#ecd9bb;}
h1, h2, h3, h4, h5 { font-family:"Times New Roman", Times, serif; font-weight:normal; margin:0; padding:0; color:#ffffff;}
p { margin:10px 0; }

.wrapper { width: 720px; height: auto; margin:0 auto; background:#000; color:#b4b4b4; font-size:14px; padding:30px 20px;}
.wrapper_full { width: 760px; height: auto; margin:0 auto; background:#000; color:#b4b4b4; font-size:14px; padding:30px 0;}

.right{
float:right;     /* A class I always add to float items right */
}
.left{
float:left;      /* To float items left*/
}
.clearing { clear:both;}

.logo { background:url(../images/logo_sulwhasoo.png) 0 0 no-repeat; width:30px; height:65px; display:block;}
.logo1 { background:url(../images/logo_sulwhasoo.png) 0 0 no-repeat; width:30px; height:65px; display:block; margin-left:20px;}
.logo_bottom {background:url(../images/sulwhasoo_logo.png) center 20px no-repeat; width:100%; height:88px; display:block;}

.nav { margin:0; padding:0; font-family:"Times New Roman", Times, serif; margin-top:20px; font-size:16px;}
.nav2 { margin:0; padding:0; padding-right:20px; font-family:"Times New Roman", Times, serif; margin-top:20px; font-size:16px;}
.nav li, .nav2 li { list-style:none; display:inline-block; width:110px; margin:0 10px; float:left; text-align:center; color:#ecd9bb;}

.nav1 { margin:20px 0 0 0; padding:0 130px; font-family:"Times New Roman", Times, serif; font-size:16px;}
.nav1 li { list-style:none; display:inline-block; /*width:110px;*/ margin:0 15px; float:left; text-align:center; color:#ecd9bb;}


.content_divider { height:30px; clear:both;}
.mark { color:#f00;}
.divider { height:1px; border-bottom:1px dotted #595959; margin:10px;}
.error { color:#F00; padding-top:5px;}

.small { font-size:11px;}
.ten { font-size:10px;}
.twelve { font-size:12px;}
.eighteen { font-size:18px;}
.twenty { font-size:20px;}
.twentyfour { font-size:24px;}
.sixty { font-size:60px;}
.italic {font-style:italic;}
.bold { font-weight:bold;}

ul.han { margin:0; padding:0;}
.han li { list-style:none; padding:0 0 5px 20px; background:url(../images/list-han.png) 0 5px no-repeat; line-height:normal;}

#home { background:url(../images/bg-main.jpg) 0 0 no-repeat; padding:0 20px 0 288px; min-height:607px; text-align:center;}
#home h1 { font-family:Calibri, Arial, Helvetica, sans-serif; padding:40px 0; font-size:30px; }
#home h1 span { font-size:18px;}
#home h3 { font-size:20px; font-weight:bold; padding:40px 0 5px 0;}

#fcas { background:url(../images/sulwhasoo_02.png) 0 0 no-repeat;}
#fcas h1 { font-size:24px; color:#cde1f5; margin-bottom:20px;}
#fcas h3 { font-size:18px;}
#fcas h4 { font-size:14px;}
#fcas .col1 { margin-left: 260px; width:460px; }
#fcas .imgblock1 { width:57px; height:57px; text-align:center; margin-right:20px;}
#fcas .feedbacktitle { font-family:"Times New Roman", Times, serif; color:#ffffff; text-align:center; font-size:20px; vertical-align:top; margin-bottom:20px;}
#fcas .feedbackbox { margin:0; padding:0;}
#fcas .feedbackbox li { list-style:none; width:82px; margin:0 13px; padding:0; text-align:center; float:left;}
#fcas .feedbackbox li img { margin-bottom:5px;}

#fasp { text-align:center;}
#fasp h1 { font-size:30px; font-weight:bold; margin:30px 0;}
#fasp h3 { font-size:18px; margin-bottom:8px;}
#fasp .pretext { font-size:18px; color:#ffffff; }
#fasp .desc { color:#ffffff; line-height:16px; padding:0 120px;}
#fasp .outletbox { margin:30px 110px; text-align:left;}
#fasp .outletbox ul { margin:0; padding:0;}
#fasp .outletbox li { list-style:none; display:inline-block; padding-right:35px; float:left;}
#fasp .outletbox li:last-child { padding-right:0;}
#fasp .outletbox .phone li { padding-left:20px; background:url(../images/icon_phone.png) 0 0 no-repeat;}

#photo { background:url(../images/bg-contest.jpg) 0 0 no-repeat; padding:0 20px; min-height:512px;}
#photo h1 { padding-bottom:25px; font-size:24px; line-height:28px; font-style:italic; text-align:center; }
#photo h1 span { font-size:18px;}
#photo .howtojoin { padding:0 50px;}
#photo .circle { background:#000; font-size:14px; text-align:center; border:1px solid #818181; line-height:32px; height:32px; width:32px; -moz-border-radius:20px; border-radius:20px;}
#photo a.btn { width:180px; height:175px; text-align:center; padding-top:47px; font-family:"Times New Roman", Times, serif; font-size:13px; line-height:16px; color:#673500; display:block; }
#photo a.btn span { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:11px; color:#818181;}
#photo #themes { margin-top:30px;}
#photo a.theme1 { background:url(../images/contest-theme-1.png) 0 0 no-repeat; }
#photo a.theme2 { background:url(../images/contest-theme-2.png) 0 0 no-repeat; }
#photo a.theme3 { background:url(../images/contest-theme-3.png) 0 0 no-repeat; }
#photo a.theme4 { background:url(../images/contest-theme-4.png) 0 0 no-repeat; }

#expander { display:none;}
#popup_content { padding:15px; text-align:left;}
#popup_content ol { margin-bottom:15px;}
#popup_content ol li { list-style:decimal; margin-left:20px;}
.head { font-weight:bold; margin-bottom:5px; color:#FFF;}
.divider { margin:40px 0; border-top:1px dashed #ccc; height:1px;}

#photo-theme { color:#cdcdcd; text-align:center;}
#photo-theme .btn img { opacity: 0.3; filter: alpha(opacity=30); /* For IE8 and earlier */}
#photo-theme .btn img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */}
#photo-theme h1 { font-size:30px; font-weight:bold; padding-bottom:30px;}
#photo-theme h1 span { font-size:18px; color:#cdcdcd; font-weight:normal;}
#photo-theme .pretext { font-size:18px; line-height:24px; color:#fff; margin-bottom:30px;}
#photo-theme .label { color:#c2e7f6; font-weight:bold;}

#redeem { background:url(../images/bg-quiz.jpg) 0 0 no-repeat; padding:0 50px 0 290px; min-height:448px;}
#redeem h1 { font-size:30px; }
#redeem h2 { font-family:Calibri, Arial, Helvetica, sans-serif; padding:30px 0 20px 0; font-size:20px; }
#redeem .quizbox { background: url(../images/bg-quizbox.jpg) 0 0 no-repeat; font-size:16px;}
#redeem .quizbox p { margin:0; margin-bottom:15px; line-height:24px;}
.redeem { padding:0 20px; text-align:center;}
.redeem h3 { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; text-align:center;}
.redeem td { text-align:left;}
.redeem input, .redeem select { background:url(../images/txt-bg.jpg) 0 0 repeat-x #e7e7e7; height:20px; border: 1px solid #737373; margin:3px 0; padding:3px 5px; width:300px; font-size:12px;}
.redeem select { width:312px; height:28px;}

#reprint { background:url(../images/bg-quiz.jpg) 0 -70px no-repeat; padding:0 50px 0 290px; min-height:378px;}
#reprint h1 { padding:60px 0 30px 0; font-size:24px; font-weight:bold; text-align:center;}
#reprint input { background:url(../images/txt-bg.jpg) 0 0 repeat-x #e7e7e7; height:20px; border: 1px solid #737373; margin:3px 0; padding:3px 5px; width:300px; font-size:12px;}

#print-voucher { padding:0 20px;}
#print-voucher h1 { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:30px; text-align:center; }
#print-voucher .pretext { font-size:18px; color:#fff; text-align:center; line-height:24px; padding:0 30px; margin-bottom:30px;}
#voucher { background:url(../images/voucher-bg.jpg) 0 0 repeat-x #fff; border:#eee 1px solid; padding:15px; width:690px; line-height:22px; color:#303030; margin-top:10px;}
#voucher h2 { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:30px; color:#000; text-align:center; margin-top:15px;}
#voucher .headline { font-size:18px; color:#000; text-align:center; margin:15px 0;}
#voucher .label { font-weight:bold;}
#voucher .terms { font-size:10px; line-height:normal;}

/* #Font-Face
================================================== */
/*
	@font-face {
		font-family: 'Calibri';
		src: local('Calirbi'), url('../fonts/Calibri.ttf') format('truetype');
		font-weight: normal;
	    font-style: normal;
	}
*/