*{
	font-size:100%;
	margin:0;
}

body {
	font: 13px Arial,sans-serif;
	background:#fff;
	color:#333;
	text-align:center;
	}

img {
	border: none;
	padding: 0;
	margin: 0;
	}

h1 {
	padding-top:3em;
	font-size:170%;
	}

h2 {
	padding-top:2em;
	font-size:140%;
	}

h3 {
	padding-top:3em;
	font-size:110%;
	}

p {
	margin-top:1em;
	}

.menu {
	margin-bottom:3em;
	}

.menu a {
	display:block;
	text-align:center;
	color:#333;
	padding: .2em;
	}

.h {
	background:#e6e6e6 url('top.gif') repeat-x bottom;
	margin:0;
	padding:0;
	font-size:100%;
	}

.ungle {
	padding:2em 0 1em 3em;
	color:#666;
	background:url('ungle.gif') no-repeat bottom left;
	}

.h h1 {
	padding-top:0em;
	font-size:110%;
	}

.h p {
	margin-top:0em;
	}

.divider {
	clear:both;
	}

.sub {
	margin-left:2em;
	}

.rsel,a.r:hover {
	background:#f33;
	text-decoration:none;
	}

.gsel,a.g:hover {
	background:#9f3;
	text-decoration:none;
	}

.bsel,a.b:hover {
	background:#39f;
	text-decoration:none;
	}

.vsel,a.v:hover {
	background:#be67f5;
	text-decoration:none;
	}


.maing, .mainb, .mainr, .main, .mainv {
	margin-bottom:5em;
	}

.maing a {
	color:#0a0;
	}

.maing a:visited {
	color:#666;
	}

.mainb a {
	color:#06f;
	}

.mainv a {
	color:#a232d6;
	}

.mainv a:visited {
	color:#666;
	}

.mainb a {
	color:#06f;
	}

span.block {
	width:10em;
	padding:0 0 2em 0;
	display:block;
	float:left;
	}

.mainb a:visited {
	color:#666;
	}

.mainr a {
	color:#c00;
	}

.mainr a:visited {
	color:#666;
	}

ul {
	padding-left:2em;
	list-style:none;
	}

.submenug li{
	margin-top:1em;
	padding-left:2em;
	}

.submenug li a:hover{
/*	background: url('g.gif') no-repeat left;*/
	}

.submenug li.sel{
	font-weight:bold;
	}

.submenug li.sel a{
/*	background: url('g.gif') no-repeat left;*/
	}

.submenub li{
	margin-top:1em;
	padding-left:2em;
	}

.submenub li a:hover{
/*	background: url('g.gif') no-repeat left;*/
	}

.submenub li.sel{
	font-weight:bold;
	}

.submenug li.sel a{
/*	background: url('g.gif') no-repeat left;*/
	}

.submenur li{
	margin-top:1em;
	padding-left:2em;
	}

.submenur li a:hover{
/*	background: url('g.gif') no-repeat left;*/
	}

.submenur li.sel{
	font-weight:bold;
	}

.submenur li.sel a{
/*	background: url('g.gif') no-repeat left;*/
	}

.submenuv li{
	margin-top:1em;
	padding-left:2em;
	}

.submenuv li a:hover{
/*	background: url('g.gif') no-repeat left;*/
	}

.submenuv li.sel span{
	font-weight:bold;
	}

.submenuv li.sel a{
/*	background: url('g.gif') no-repeat left;*/
	}

.content {
	float:left;
	margin:0;
	padding:0;
	width:70%;
	}

p {
	line-height:1.5em;
	}

.portrait {
	float:left;
	margin-top:3em;
	margin-right:10px;
	}

.date {
	padding-top:2em;
	}

.date span {
	float:left;
	width:9em;
	margin-bottom:2em;
	font-weight:bold;
	}

.date p {
	float:none;
	clear:both;
	padding-top:1em;
	}

.nav {
	list-style:none;
	margin-top:5em;
	padding:1em 0 0 0;
	border-top:1px solid #ccc;
	}

.nav li {
	margin: 2em 5em 0 0;
	float:left;
	}

.images {
	margin-top:3em;
	}

.images .pic{
	text-align:center;
	float:left;
	display:block;
	width:110px;
	height:110px;
	border:1px solid #ccc;
	margin:1em 1em 0 0;
	}

.images .pic img{
	margin:auto;
	margin-top:1em;
	}


.copy p {
	color:#999;
	margin:.5em 0 1em 3em;
	}

.r-m {
	float:right;
	right:0;
	width:20%;
	padding:0;
	margin:0;
	margin-top:5em;
	padding-right:1em;
	}

.r-m p {
	margin-top:.7em;
	}

.r-m ul {
	margin:1em 0 6em 0;
	padding:0;
	}

.r-m ul li {
	margin:.5em 0 0 0;
	}


.l-m {
	float:left;
	right:0;
	width:20%;
	padding:0;
	margin:0;
	margin-top:2em;
	padding-left:1em;
	}

.l-m ul {
	margin:1em 0 6em 0;
	padding:0;
	}

.l-m ul li {
	margin:.5em 0 0 0;
	}

.resizeble-img {
	margin-top:3em;
	border:1px solid #ccc;
	border-bottom:none;
	}

.resizeble-img img {
	width:100%;
	}

.clear {
	clear:both;
	}

.description {
	padding:1em 0 7em 0;
	margin-bottom:2em;
	border:1px solid #ccc;
	border-top:none;
	}

.description .l {
	float:left;
	padding-left:3em;
	}

.description .l p{
	float:left;
	height:4em;
	margin-right:1em;
	}

.description .l ul{
	float:left;
	margin:.6em 0 1em 0;
	}

.description .l ul li{
	margin-top:.3em;
	}

.description .r {
	margin-right:3em;
	float:right;
	}

.other-img {
	width:100%;
	height:135px;
	background:#eee;
	}

.other-img ul {
	margin:0;
	padding:0;
	width:100%;
	}

.other-img ul li {
	margin:0;
	padding:0;
	float:left;
	width:20%;
	text-align:center;
	}

.other-img ul li div {
	margin:auto;
	width:80px;
	height:80px;
	padding:0;
	margin-top:25px;
	background:#fff;
	border:1px solid #999;
	}

.other-img ul li div img {
	border:none;
	}

.page,.page a {
	line-height:2em;
	display:block;
	float:left;
	text-align:center;
	background:#ddd;
	width:2em;
	margin-right:.3em;
	}

.page a {
	background:#eee;
	}

.news-l {
	width:220px;
	padding:6em 0px 0 30px;
	}

.news-l span {
	margin-top:3em;
	display:block;
	font-size:90%;
	}

.news-l div {
	width:200px;
	}

.news-l a {
	color:#06f;
	}

.main-project {
	width:30%;
	float:left;
	margin-right:1em;
	text-align:center;
	}

.main-project img {
	margin-top:3em;
	}

.newslist span {
	display:block;
	color:#999;
	}

.newslist div {
	margin-top:2em;
	}


/*----------------------------------------*/
/*-------->>    ÇÀÌÅÒÊÈ      <<-----------*/
/*----------------------------------------*/
.notes_list {
	padding:0;
	margin:0;
	}

.notes_list h2 {
	padding-top:0.3em;
	font-weight:normal;
	font-size:1.6em;
	}

.notes_list span {
	display:block;
	margin-top:.4em;
	color:#777;
	}

.notes_list li {
	margin-top:2em;
	}

.notes_list img {
	float:left;
	margin:0 2em 3em 0;
	}

.code_field {
	margin-top:2em;
	background:#f3f3f3;
	border:1px dashed #ccc;
	padding:2em;
	overflow: scroll;
	}

.important {
	background:#f0f0f0;
	border:1px dashed #ccc;
	padding:2em;
	margin-top:3em;
	}

.important h3 {
	padding-top:0em;
	}

.full_note {
	
	}