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

html {
	background-color:#FAFAF5;
	margin:0px;
	padding-left:30px;
	padding-right:30px;
	padding-top:25px;
	overflow:auto;
}

#top, #bottom, #left, #right {
	background:red;
	position:fixed;
	overflow:auto;
	z-index:100;
}

#left, #right {
	top:0;
	bottom:0;
    width:14px;
}

#left {
	left:0;
}

#right {
	right:0;
}

#top, #bottom {
	left:0;
	right:0;
	height:14px;
}

#top {
	top:0;
}

#bottom {
	bottom:0;
}



/*/ MENU /*/

#header {
	position:fixed;
	left:50px;
	right:50px;
	padding-bottom:6px;
	z-index:99;
}

.hana {
	font-size:17px;
	letter-spacing:1px;
	vertical-align:bottom;
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}

.hana a:link {
	text-decoration:none;
	border:none;
	color:#000;
}

.hana a:visited {
	text-decoration:none;
	border:none;
	color:#000;
}

.hana a:hover {
	text-decoration:none;
	border-bottom:2px solid #000;
	color:#000;
}

.menu {
	font-size:17px;
	letter-spacing:1px;
	vertical-align:bottom;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}

.separation {
	color:red;
}

.copyright {
position:fixed;
bottom:30px;
right:50px;
font-family:Helvetica, Arial, sans-serif;
font-size:17px;
letter-spacing:1px;
color:#000;
font-weight:bold;
z-index:99;
}

.email {
position:fixed;
bottom:30px;
left:50px;
font-family:Helvetica, Arial, sans-serif;
font-size:17px;
letter-spacing:1px;
color:#000;
font-weight:bold;
z-index:99;
}

.email a:link {
	text-decoration:none;
	border:none;
	color:#000;
}

.email a:visited {
	text-decoration:none;
	border:none;
	color:#000;
}

.email a:hover {
	text-decoration:none;
	border-bottom:2px solid #000;
	color:#000;
}

.menu a:link {
	text-decoration:none;
	border:none;
	color:#000;
}

.menu a:visited {
	text-decoration:none;
	border:none;
	color:#000;
}

.menu a:active {
	text-decoration:none;
	border-bottom:1px solid #000;
	color:#000;
}

.menu a:hover {
	text-decoration:none;
	border-bottom:2px solid #000;
	color:#000;
}




/*/          f /*/

#content {
	position:absolute;
	left:50px;
	right:50px;
	top:115px;
	z-index:50;
	border:none;
}

.content {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	line-height:19px;
	letter-spacing:0.8px;
}

.content a:link {
	text-decoration:none;
	border:none;
	color:red;
}

.content a:visited {
	text-decoration:none;
	border:none;
	color:red;
}

.content a:hover {
	text-decoration:none;
	border-bottom:2px solid red;
	color:red;
}

#project_description {
	position:fixed;
	top:0px;
	left:50px;
	padding-top:115px;
	right:50px;
	width:179px;
	z-index:50;
	border:none;
}

.project_description {
    font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:19px;
	letter-spacing:0.8px;
}

.project_description a:link{
    text-decoration:none;
	color:red;
	border-bottom:none;
}

.project_description a:visited{
    text-decoration:none;
	color:red;
	border-bottom:none;
}

.project_description a:hover{
    text-decoration:none;
	color:red;
	border-bottom:2px solid red;
}

#project {
	position:absolute;
	top:118px;
	left:50px;
	right:50px;
	z-index:40;
	border:none;
}

#about {
	position:fixed;
	left:50px;
	top:115px;
	right:50px;
	width:610px;
	z-index:50;
	border:none;
}

#about_left {
	float:left;
	width:250px;
	top:115px;
	left:50px;
	z-index:50;
	border:none;
}

#about_right {
	float:right;
	padding-left:25px;
	width:320px;
	top:115px;
	z-index:50;
	border:none;
}

.project {
	border-bottom:8px solid #FAFAF5;
	margin-right:18px;
	margin-bottom:12px;
}

a:link .project {
	border:none;
	vertical-align:top;
	border-bottom:10px solid #FAFAF5;
}

a:hover .project {
	border-bottom:8px solid red;
	vertical-align:top;
}



/*/ LNKS /*/

#links {
	position:fixed;
	left:50px;
	top:115px;
	right:50px;
	width:630px;
	z-index:50;
	border:none;
}

#links_left {
	float:left;
	width:300px;
	top:115px;
	left:50px;
	z-index:50;
	border:none;
	overflow:hidden;
}

#links_right {
	float:right;
	padding-left:25px;
	width:300px;
	top:115px;
	z-index:-1;
	border:none;
}

.group_name {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	line-height:18px;
	letter-spacing:1px;
}

.links {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	line-height:20px;
	letter-spacing:0.8px;
}

.links a:link {
	text-decoration:none;
	border:none;
	color:red;
}

.links a:visited {
	text-decoration:none;
	border:none;
	color:red;
}

.links a:hover {
	text-decoration:none;
	border-bottom:2px solid red;
	color:red;
}

.comingsoon {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:red;
	line-height:18px;
	letter-spacing:0.8px;
}

.envelope {
	font-family:Helvetica, Arial, sans-serif;
	font-size:31px;
	color:#000;
	font-weight:bold;
	z-index:99;
	vertical-align:text-bottom;
}

.peace {
	font-size:19px;
}

.break {
	font-weight:bold;
	color:red;
}