#content{
	min-height:510px;
}
#headTitle{
	height:30px;
	text-align:left;
	font-size:xx-large;
	background-color:#e9e7e7;
	margin-bottom:8px;
	padding-right:10px;
	width:97%;
	box-shadow: 2px 2px 2px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
}
#pageTitle{
	width:120px;
	height:30px;
	padding-top:8px;
	text-align:right;
}

#portfolio{
	width:780px;
}

.board{
	border-style: groove;
	border-width: thin;
	width: 160px;
	height: 206px;
	margin-left: 20px;
	margin-bottom:20px;
	padding: 2px;
	float: left;
	background-color: #FFFFFF;
	filter: alpha(opacity=80);
	opacity: 0.8;
	box-shadow: 2px 2px 2px #FFFFFF;
	-moz-box-shadow: 2px 2px 2px #FFFFFF;
	-webkit-box-shadow: 2px 2px 2px #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#FFFFFF');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#FFFFFF')";
}

.board:hover{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor:pointer;
	box-shadow: 2px 2px 2px #909090;
	-moz-box-shadow: 2px 2px 2px #909090;
	-webkit-box-shadow: 2px 2px 2px #909090;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#909090');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#909090')";
}

#popDiv{				
	background-color:#DECDCD;
	transition:border linear .8s,box-shadow linear .10s;
 	-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
 	-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
 	outline:none;
 	border-style:solid;
	border-width:1px;
 	border-color:rgba(255,150,242,.7);
 	box-shadow:0 0 8px rgba(255,150,242,.8);
 	-moz-box-shadow:0 0 8px rgba(255,150,242,.8);
 	-webkit-box-shadow:0 0 8px rgba(255,150,242,5);
 	position:absolute;
 	border-color: #A57887;
 	display:none;
 	font: 100%/120% Arial, Helvetica, sans-serif;
 	color:#322532
}

#popDiv img{				
	transition:border linear .8s,box-shadow linear .10s;
 	-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
 	-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
 	outline:none;
 	border-style:solid;
	border-width:1px;
 	border-color: #8A171A;
	margin: 10px 5px 10px 5px;
	width:250px;
	height:350px;
}

#popDiv table td{				
 	width:auto;
}

#popDiv table table{
	margin:10px;
	margin-left:5px;
	margin-right:20px;
	float:right;
	background:#FFE7E4;
}
#popDiv table table tr{				
 	margin:0px;
}

#popDiv table table td{				
 	border-style:solid;
	border-width:1px;
 	border-color:#000000;
 	margin:0px;
 	width:auto;
}

.tabOption{
	text-align:left;
	font-weight:normal;
	font-size:16px;
	border-radius: 18px;
	-webkit-border-radius: 18px;
   	-moz-border-radius: 18px;
	margin-left: 15px;
	padding : 0px 10px;
	background-color: #D9C1C3;
	border-style: solid;
	border-width: 1px;
	border-color: #967273;
	color: #897173;
	cursor: pointer;
	margin-bottom:50px;
}

.tabOption:hover{
	background-color:#D9B1B3;
	color:#FFFFFF;
}

.tabOption:active{
	background-color:#D9C1C3;
	color:#A28183;
}
			
.bg{
	background-image:url('../image/bg/OpticalBalck.png');
	display:none;
	left:0;
	top:0;
	height:100%;
	filter:alpha(opacity=60);
	opacity:0.6;
	position:fixed;
	position:absolute;
}
.popIframe{
	background-color: #666;
	display:none;
	width: 100%;
	height: 100%;
	z-index:1;
	position:relative;
	margin-left:-200px;
	margin-top:-200px;
	filter:alpha(opacity=50);
	opacity:0.5;
}


.board img{
	margin-top:3px;
	width:155px;
	height:175px;
	margin-bottom:6px;
	border-style: groove;
	border-width: thin;

}
#closeboard{
	width:20px;
	height:15px;
	top:0%;
	right:0%;
	position:absolute;
	border-style:none;
	text-align:center;
}
#closeboard a{
	text-decoration:none;
	font-family:'Bell MT';
	color:#FF0000;
}
#closeboard:hover{
	font-weight:bold;
}