@charset "utf-8";
html {
    -webkit-text-size-adjust: none;
}
body {
    background-color: #ffffff;
	font: 14px/20px Helvetica, Verdana, Arial, sans-serif;
	color: #4c4c4c;
    padding:0;
    margin:0;
    border:0;
}
a {
	text-decoration: none;
	color: #888888;
}
a:hover {
	text-decoration: underline;
	color: #888888;
}
img {
    border:0;
}
h1, h2, h3 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
    color:#4c4c4c;
}
#wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 0;
}
#content-wrap {
    padding: 0;
    margin:0;
}
#header {
    color:#999999;
    padding:30px 0 0 0;
}
#header img {
    padding:0 0 5px 0;    
}
#header.frontpage {
    color:#999999;
    padding-top:10%;
}
#content td {
    padding:0 0 0 6px;    
}
#content.frontpage {
    float:right;
    padding-top:15%;
}
.clear {
    display:block;
	zoom:1
}
#project-list {
    float:left;
    width:270px;
    padding: 30px 30px 30px 0;
}
#project-content {
    float:left;
    width:600px;
    padding:30px 0 30px 0;
}

/* nav */
#nav-wrap {
	padding:0;
    margin:0;
}
#nav-wrap ul, #submenu {
    padding:0;
    margin:0;
    font-size:12px;
    line-height:16px;
}
#nav li {
    padding:0;
    margin:0;
    list-style-type: none;
}
#nav .active {
    background: #eeeeee;
	color: #fff;
}
/* submenu */
#thirdmenu {
	padding-top: 8px
}
.menu li {
    padding:2px 0;
    margin:0;
    list-style-type: none;
}
.menu a {
	padding: 2px 10px 2px 0;
}
#thirdmenu a {
	font-size: 12px;
}
#submenu .active {
	background: #eeeeee;
}
#thirdmenu .active a, #thirdmenu .active a:hover {
	background: #eeeeee;
}