body {
	text-align: center;
	line-height: 150%;
	font-family: arial; 
	font-size: 11px; 
	text-align: center;
	margin: 120px 0px;
	background-color: #191919;
	background-image: url(suju_bg.png);
	background-position: top right;
	background-repeat: repeat;
	color: #888888;
}

table {
	font-family: arial; 
	text-align: justify;
	margin: 0px auto;
}
img {border-style: none;}


#top {
	background-image: url(suju_top.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 700px;
	height: 400px;
	margin: 0px auto;
	text-align: right;
}
#about {
	background-image: url(suju_about.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 700px;
	height: 500px;
	margin: 0px auto;
	text-align: left;
}
#projects {
	background-image: url(suju_projects.png);
	background-position: center left;
	background-repeat: no-repeat;
	width: 700px;
	height: 400px;
	margin: 0px auto;
	text-align: right;
}
#exeunt {
	background-image: url(suju_exeunt.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 700px;
	height: 500px;
	margin: 0px auto;
	text-align: left;
}
#layouts {
	background-image: url(suju_layouts.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 700px;
	margin: 0px auto;
	text-align: center;
}
#faq {
	background-image: url(suju_faq.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 700px;
	margin: 0px auto;
	text-align: left;
}
#buttons {
	background-image: url(suju_buttons.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 700px;
	margin: 0px auto;
	text-align: center;
}

.nav {
	width: 100%;
	text-align: center;
	margin: 0px auto;
}
#footer {
	width: 100%;
	padding: 0px;
	line-height: 15px;
	font-size: 11px;
	font-family: arial;
	text-align: center;
	margin: 150px auto 0px auto;
}

p {margin: 10px 12px 15px 12px;}

.break {
	background-image: url(suju_break.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 700px;
	height: 827px;
	margin: 0px auto;
	border-style: none;
}

.siblings {
	float: left;
	margin: 4px 5px 1px 0px;
	filter: alpha(opacity=70);
	moz-opacity: .70;
	opacity: .70;
	border: 5px solid #2f2b36;
}
.siblings:hover {
	filter: alpha(opacity=100);
	moz-opacity: 1;
	opacity: 1;
}
.middle {
	border: 2px solid #444;
	margin: 1px; 
	padding: 3px; 
}
.middle:hover {
	border: 2px solid #888;
}
.left {
	float: left;
}
.right {
	float: right;
}
.online {
	border: 5px solid #453039;
	margin: 2px;
	filter: alpha(opacity=80);
	moz-opacity: .80;
	opacity: .80;
}
.online:hover {
	filter: alpha(opacity=100);
	moz-opacity: 1;
	opacity: 1;
}
.siteinfo {font-size: 11px; line-height: 1.31em;}

.project {
	margin: 11px 75px;  
	padding: 10px; 
	color: #605a63;
	line-height: 19px;
	text-align: justify;
	background-color: #eef6f6;
	border-bottom: 12px solid #ffe7ad;
}
.box {
	margin: 25px 40px 11px 300px;  
	padding: 5px; 
	color: #636363;
	line-height: 19px;
	text-align: center;
	background-color: #141414;
	border: 1px solid #141414;
}
.box:hover {
	border: 1px solid #353535;
}
.center {
	width: 100%;
	text-align: center;
	margin: 0px auto;
}

i {color: #d5c3b5;}
em {color: #ccc;}
b {font-weight: normal; font-family: courier new; text-transform: uppercase; color: #c6c6c6;}
ul {list-style-type:none; padding:0px; margin:0px; line-height: 140%; font-size: 9px;}
li a {color: #999;}
li.aff a {color: #d5c3b5;}
li.sib a {color: #d83611;}
li a:hover,li.aff a:hover,li.sib a:hover {color: #ddd;}

h1 {
	font-family: Arial;
	font-size: 25px;
	font-weight: normal;
	line-height: 1em;
	padding: 0px;
	margin: 5px 30px 5px 0px;
	color: #b5304c;
	letter-spacing: 4px;
	text-align: right;
	text-transform: lowercase;
	}
h2 {
	font-family: Courier New;
	font-size: 10px;
	font-weight: normal;
	line-height: 1em;
	padding: 0px;
	margin: -6px 10px 5px 110px;
	color: #a394a8;
	letter-spacing: 2px;
	text-align: left;
	text-transform: uppercase;
	}

blockquote {
	margin: 11px 80px; 
	padding: 10px; 
	color: #867f80;
	line-height: 19px;
	text-align: justify;
	background-color: #171115;
	font-size: 11px;
}

blockquote.sib {
	margin: 5px 80px; 
	padding: 10px; 
	color: #867f80;
	line-height: 1.3em;
	font-family: Arial;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
	background: none;
}

a {color: #d83611; text-decoration: none;}
a:hover {color: #ddd; text-decoration: none; cursor: help;}