/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* CSS for YUJOONG.com by yujoong
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 18px;
	font-family: Arial, sans-serif;
	color: #080808;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; background-color: #00ccff; color: #080808; }
a:active { text-decoration: none; color: #080808; }
a:visited { text-decoration: none; background-color: #00ccff; color: #080808; }
a:hover { text-decoration: none; background-color: #00ccff; color: #00ccff; }

a img { border: none; }

#menu {
    width: 215px;
	overflow: visible;
    top: 0;
    bottom: 0;
	left: 0;
	position:fixed;
    height: 100%;
	background-color: #fff;
}

#menu ul {
	list-style: none;
	margin: 0 0 10px 0;
}


#menu ul.a li a:link { font-size:12px; font-weight:300; text-decoration: none; background-color: #fff; color: #080808; padding: 0px 5px 5px 20px; }
#menu ul.a li a:active { font-size:12px; font-weight:300; text-decoration: none; background-color: #fff; color: #080808; padding: 0px 5px 5px 20px; }
#menu ul.a li a:visited { font-size:12px; font-weight:300; text-decoration: none; background-color: #fff; color: #080808; padding: 0px 5px 5px 20px; }
#menu ul.a li a:hover { font-size:12px; font-weight:300; text-decoration: none; background-color: #fff; color: #00ccff; padding: 0px 5px 5px 20px; }


#menu ul.b li a:link { font-size: 24px; text-decoration: none; background-color: #fff; color: #080808; padding: 5px 5px 20px 20px; }
#menu ul.b li a:active { font-size: 24px; text-decoration: none; background-color: #fff; color: #080808; padding: 5px 5px 20px 20px; }
#menu ul.b li a:visited { font-size: 24px; text-decoration: none; background-color: #fff; color: #080808; padding: 5px 5px 20px 20px; }
#menu ul.b li a:hover { font-size: 24px; text-decoration: none; background-color: #fff; color: #00ccff; padding: 5px 5px 20px 20px; }

#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 20px 0 0 215px;
    top: 0;
	overflow: visible;
}

.container {
    padding: 30px 5px 25px 0px;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
arcp {color: #888888;}
arcptitle {background-color: #888888; color: #fff; padding: 0 10px 0 10px;}
grap {color: #686868;}
graptitle {background-color: #686868; color: #fff; padding: 0 10px 0 10px;}
webp {color: #484848;}
webptitle {background-color: #484848; color: #fff; padding: 0 10px 0 10px;}
insp {color: #282828;}
insptitle {background-color: #282828; color: #fff; padding: 0 10px 0 10px;}
phop {color: #080808;}
phoptitle {background-color: #080808; color: #fff; padding: 0 10px 0 10px;}
newtitle {font-size:12px; background-color:#fff; color: #080808; line-height: 200%; padding: 2px 10px 2px 2px;}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }