* {margin:0;padding:0}	
body {text-align: center;color:#333;font-size:83%;line-height:1.5;}
#container {margin: 10 auto 0;width: 1000px;text-align: left;}
#header,#menu,#content,#sub-section,#footer {overflow:hidden;display:inline-block}
#sub-section {padding-bottom:10px}

/* safari and opera need this */

#footer, #boardbottom {width:100%}
#header,#menu,#sub-section, #searchform {float:left}
#content, #menubutton {float:right}
#header {width:49%}

/* leaving room for rounding error (MSIE) */

#menu {width:50.9%}
#content {width:84%}
#sub-section {width:16%}
#footer {clear:both}
#searchform, #menubutton {width:50%}

/* LINKS */
a:link {color:#000;text-decoration:none} 
a:visited {color:#000;text-decoration:none} 
a:hover,a:active {color:#000;text-decoration:underline} 

/* GENERAL */
img {border:none} 

/* NAV - top horizontal nav */
#menu {font-weight:bold;text-align:right}
#menu #topmenu {margin-bottom:60px}
#menu #topmenu img {margin-left:20px}

/* SECONDARY NAVIGATION - vertical navigation */
#menu8 {width: 160px}
#menu8 ul {list-style: none}
#menu8 li a {text-decoration: none;height: 32px}
html>body #menu8 li a {height: 24px}
#menu8 li a:link, #menu8 li a:visited {color: #777;display: block;background: url(images/menu8.gif);padding: 8px 0 0 30px;}
#menu8 li a:hover {color: #257EB7;background: url(images/menu8.gif) 0 -32px;	padding: 8px 0 0 35px;	}
#menu8 li a:active {color: #fff;background: url(images/menu8.gif) 0 -64px;padding: 8px 0 0 35px;}
#menu8 li.bell a:link, #menu8 li.bell a:visited {color: #777;display: block;background: url(images/menu8_bell.gif);padding: 8px 0 0 30px;}
#menu8 li.bell a:hover {color: #257EB7;background: url(images/menu8_bell.gif) 0 -32px;padding: 8px 0 0 35px;}
#menu8 li.bell a:active {color: #fff;background: url(images/menu8_bell.gif) 0 -64px;padding: 8px 0 0 35px;}

#content-left {clear:both; float:left; margin-left:20px; *margin-left:15px}
#content-right {float:right}

div#box1, div#box2, div#box3 {width: 400px;padding: 10;margin:0 0 10px;text-align:left;background: #9CC0FF url(images/gradient.png) repeat-x 0 -5px}
html>body #box1, html>body #box2, html>body #box3 {width:385px}
#box1 p, #box2 p, #box3 p {margin:0 0 10; font-weight:bold; color:#fff}
#box1 a:link, #box2 a:link, #box3 a:link {color:#fff;text-decoration:none} 
#box1 a:visited, #box2 a:visited, #box3 a:visited {color:#fff;text-decoration:none} 
#box1 a:hover,a:active, #box2 a:hover,a:active, #box3 a:hover,a:active {color:#fff;text-decoration:underline}

#content td {font-size:83%; line-height:1.5;empty-cells:show;}
#content td b {font-family:Verdana;font-weight:normal;}
#content td a b, #content td  h1 b {font-weight:bold;}
#content td strong {font-weight:normal;}
#content-left td {vertical-align:top}

div#box4, div#box5, div#box6 {width: 830px;padding: 10px;margin:0 0 0 10px;text-align:left;background: #9CC0FF url(images/gradient.png) repeat-x 0 -5px}
html>body #box4, html>body #box5, html>body #box6 {width:810px}
#box4 p, #box5 p, #box6 p, #box7 p, #box8 p, #box9 p, #box10 p {font-weight:bold; color:#fff}
div#box7, div#box8, div#box9, div#box10 {width: 830px;padding: 10px;margin:10px 0;text-align:left;background: #9CC0FF url(images/gradient.png) repeat-x 0 -5px}
html>body #box7, html>body #box8, html>body #box9, html>body #box10 {width: 810px}
div#box7 p, div#box8 p, div#box9 p, div#box10 p {margin: 0;}
div#box-event {width: 619px;margin:0 10px 10px 10px;}

#content2 {margin-left:10px; padding-bottom:10px}
#content2 p {margin: 0 0 1.5em;}
#content2 #breadcrumb {font-size:93%;font-weight:bold; margin-bottom:3em}
#content2 h1 {letter-spacing: -1px;font-family:verdana, arial, sans-serif;margin: 0 0 .3em;color:#000;padding-bottom: .1em;font-size: 196%}
#content2 textarea.member_agree {width:100%; height:467px}

/* LISTS */
#content2 ul {margin: .3em 0 1.5em 0;list-style-type:none}
#content2 ol {margin: .5em .5em 1.5em}
#content2 ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
#content2 li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/bullet_black.gif") no-repeat 0 0}
#content2 dl {margin: 0 0 1em 0}
#content2 dt {font-weight:bold;margin-top: 1.3em}

.table1, .table2, .table3, .table4 {border: 2px solid #900;border-collapse:collapse}
.table1 td.bg, .table2 td.bg, .table3 td.bg, .table4 td.bg {background: #fff url("images/sprites4.gif") repeat;padding:3px;border: 1px solid #fff}
.table1 th, .table2 th, .table3 th, .table4 th {text-align:left;border: 1px solid #fff}
.table1 thead th, .table2 thead th, .table3 thead th, .table4 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites1.gif") repeat;padding: 10px 6px}
.table1 tbody th, .table2 tbody th, .table4 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites2.gif") repeat;padding: 6px}
.table3 tbody th {color:#fff;font-size:80%;background: #88b8db url("images/sprites2.gif") repeat;padding: 6px}
.table1 tbody th.sub, .table2 tbody th.sub, .table3 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites3.gif") repeat;padding: 6px}
.table4 tbody th.sub {font-size:80%;color:#000;background: #efefef url("images/sprites3.gif") repeat;padding: 6px}
.table2 .bg td {font:12px ±¼¸²; padding:5 0}

.loginbox {border:1px solid #CDCDCD; width:404px; padding:20px; margin-top:10px}
.loginbox .input {width:150px}
.loginbox div {text-align:left}
.loginbox div.imgdt {margin:20px 0 5px}
.loginbox div.imgdd {margin-bottom:5px}

#content2 div.pay, .idpass {margin:10 0; text-align:center; vertical-align: middle;}
#content2 div.pay_success {width:830px}

.cart1 {width:830px; margin:10 0}
.cart2 {text-align:right; margin:10 0}
.cart3 {width:800px; margin:10 0}

form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative; margin-bottom:10px}
form.f-wrap-1 fieldset {width:auto;margin: 0 1em; border: none}
form.f-wrap-1 h3 {margin:.6em 0;font: bold 155% ±¼¸²;color:#c00}
form.f-wrap-1 h4 {margin:.6em 0;font: bold 145% ±¼¸²;color:#c00}
form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff; display:block;padding: 5px 0}
form.f-wrap-1 label br {clear:left}
		
/* hide from IE mac \*/
form.f-wrap-1 label {float:none}
/* end hiding from IE5 mac */

form.f-wrap-1 label input.money {text-align:right}
form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
form.f-wrap-1 label textarea.f-comments {width: 20em}
form.f-wrap-1 div.payway label {display:inline; width:70px; border:none; padding:0}

div.tracking {width:350px; margin-left:240px}

div.join {text-align:center}
div.join td {padding:5 5 5 0; width:0px}
div.join td img {margin-left:5px}
div.join td input {height:21px; margin-left:5px}

#nav-secondary, #nav-secondary ul {position:static}
#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold ±¼¸²;display:block}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
#nav-secondary a:link {color:#000} 
#nav-secondary a:visited {color:#000} 
#nav-secondary a:hover {color:#c00;background: #fee url("images/sprites.gif") no-repeat 10px -695px} 
#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

.board td {border-bottom:1px solid #d8d8d8; font-size:115%; padding: 6px}
.board td.comment td {border:none; font-size:115%; padding: 6px}
.boardbg {background-color:#dfdfdf}
#board2 {width:820px}
#board3 {width:100%; padding-right:10px}
#menubutton {text-align:right}
.creview {margin-top:20px}
.price {color:#26b}
.alert {color:#f00}
.instrument {margin-bottom:50px}

.pagination {background: #f2f2f2;color:#666;padding: 8px 2px 4px 7px;border: 1px solid #ddd;margin: 1.5em 0}
.pagination p {position:relative;text-align:right}
.pagination * {margin:0}
.pagination h4 {margin-top:-2.45em;padding:0;border:none}

/* LAYOUT - FOOTER */
#footer {border-top: 1px solid #E3E8EE;padding-top: 10px;font-size:86%;color:#999}
#footer #footerlogo {width:1000px;}
#footer #footerlogo img {float:right;}
#footer #footerlogo dl {margin-bottom:10px;}
#footer #footerlogo dl dt, #footer #footerlogo dl dd {height:16px;}
#footer #footerlogo dl dt {float:left;margin-right:5px;}
#footer #footerlogo dl dd img {float:none; *margin-top: 3px;}
#footer a:link {color:#999;text-decoration:none} 
#footer a:visited {color:#999;text-decoration:none} 
#footer a:hover,a:active {color:#999;text-decoration:underline}

/* Blog */
div.feedBurnerFeedBlock #creditfooter {display:none}
div.feedBurnerFeedBlock ul {list-style-type: none}

.main_board {color:#fff;}

.prelisten {text-decoration:underline; background:url(http://latinvibe.kr/talent/skin/kr/shop/goods_icon/1/sound.jpg) no-repeat 0 50%; padding-left:20px;}