@charset "utf-8";



/* elements
---------------------------- */


.item {
	text-align: left;
	height: auto;
	width: 580px;
	margin:0px auto 0px auto;
	padding-top:20px;
}


#unity{
	width:580px;
	height:370px;
	text-align:left;
	margin:0px auto 10px auto;
	background:#ffffff url(/image/construction/unityBg.jpg) no-repeat scroll right top;
}

.unitysubImg{
	width:580px;
	height:auto;
	margin:10px auto 0px auto;
}


#aboutUnity{
	height: auto;
	width: 310px;
	margin: 10px 0px 0px 20px;
	color:#555555;
}

#constructionLinks{
	width: 540px;
	height: auto;
	margin: 0px auto 0px auto;
	padding-top:10px;
	padding-bottom:10px;
	
}

#boxLine{
	width: 560px;
	height: auto;
	margin: 0px auto 20px auto;
	border:1px #999999 solid;
	background-color:#eadecc;
	
}

.linkBox_odd{
	width:100px;
	height:100px;
	float:left;
}

.linkBox_even{
	width:120px;
	height:100px;
	float:left;
}


.innerLinkbox{
	width:100px;
	height:100px;
	margin:0px auto 0px auto;
}

.exampleCon{
	font-size:10px;
}

.smallTopic{
	color:#6b481a;
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
}


.reply{
	margin: 5px 0px 20px 20px;
}


.name{
}

.inter{
	width:520px;
	margin:0px auto 0px auto;

}

.subTopic{
	margin:0px 0px 0px 0px;
	padding-bottom:20px;
}

.port{
	width:200px;
	height:auto;
	text-align:center;
	float:left;
}

.bloggerList{
	width:400px;
	height:300px;
	margin:0px auto 0px auto;
	padding-top:50px;
}



.frame{
	width:580px;
	height:400px;
	background:url(/image/construction/frame.jpg) no-repeat scroll center center;
	margin:0px auto 0px auto;
}

.prof{
	width:180px;
	margin:5px auto 0px auto;
	text-align:left;

}


.interviewee{
	width:100%;
	text-align:center;

}

.ii{
	width:500px;
	height:auto;
	margin:10px auto 0px auto;
	color:#777777;
}



/* rollover
----------------------------- */


a.zairai {
	background:#ffffff url(/image/construction/constructionZairaiBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:100px;
	height:100px;
}

a.zairai {
  background-color: #eeeeee;
}

a.zairai img {
background-color: #ffffff;
}

a.zairai:hover img {
position: relative;
top: -100px;
}

a.gm {
	background:#ffffff url(/image/construction/constructionGmBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:100px;
	height:100px;
}

a.gm {
  background-color: #eeeeee;
}

a.gm img {
background-color: #ffffff;
}

a.gm:hover img {
position: relative;
top: -100px;
}

a.basement {
	background:#ffffff url(/image/construction/constructionBasementBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:100px;
	height:100px;
}

a.basement {
  background-color: #eeeeee;
}

a.basement img {
background-color: #ffffff;
}

a.basement:hover img {
position: relative;
top: -100px;
}

a.se {
	background:#ffffff url(/image/construction/constructionSeBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:100px;
	height:100px;
}

a.se {
  background-color: #eeeeee;
}

a.se img {
background-color: #ffffff;
}

a.se:hover img {
position: relative;
top: -100px;
}

a.rc {
	background:#ffffff url(/image/construction/constructionRcBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:100px;
	height:100px;
}

a.rc {
  background-color: #eeeeee;
}

a.rc img {
background-color: #ffffff;
}

a.rc:hover img {
position: relative;
top: -100px;
}




