a
  {
  text-decoration: none;
  color: #DEB845;
  }

a:hover
  {
  text-decoration: underline;
  color: #F4FF1A;
  }

a:visited
  {
  text-decoration: none;
  color: #DEB845; 
  }

/* #content
  {

  text-align: left;
  width:800px;
  margin: 0 auto;
  } */

#photo_frame
  {
  background-color: #444444;
  height: 600px;
  Width: auto;
  text-align: center;
  padding-left: 25px;
  padding-top: 25px;
  }

#portname
{
  position: relative;
  background-color: #555555;
  height: 48px;
  Width: 700px;
  text-align: center;
  VERTICAL-ALIGN: middle;
  padding-left: 5px;
  padding-top: 5px;
  margin: auto;
  margin-top: 0px;
  /* FONT-FAMILY: Arial; */
  FONT-SIZE: 32px;
  color: #DDCCCC;
  border: 1px #000000 solid; 

}
  
  #photo_box
  {
  position: relative;
  background-color: #555555;
  height: 700px;
  Width: 700px;
  text-align: center;
  VERTICAL-ALIGN: middle;
  padding-left: 5px;
  padding-top: 5px;
  margin: auto;
  margin-top: 8px;
  line-height: 700px;
  	-webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
  /* No support for these yet, use at own risk */
    -o-user-select: none;
     user-select: none;          
	border: 1px #000000 solid; 
  }

  #showimg
  {
    position: relative;
    max-height: 700px;  
    max-width: 700px; 
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
	transition: 1s opacity;
  }
  
#prev
{
	background-image: url('../image/prev1.png');
	position: absolute; 
	top: 0px;
	left: -32px;
	height: 700px;
	width: 200px;
	float: left;
	opacity: 0.05;
	filter: alpha(opacity=5); /* For IE8 and earlier */

}

#prev:hover, #next:hover
{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

#next
{
	background-image: url('../image/next1.png');
	position: absolute; 
	top: 0px;
	right: -32px;
	height: 700px;
	width: 200px;
	float:right;
	opacity: 0.05;
    filter: alpha(opacity=5); /* For IE8 and earlier */
}
#thumbnails
  {display: block;
  position: static;
  background-color: #000000;
  height: 120px;
  Width: 700px;
  padding-left: 1px;
  padding-top: 1px;
  overflow-y:hidden; overflow-x: auto; white-space: nowrap;
  margin: auto;
  margin-top: 5px;
  border: 1px #000000 solid; 
   }

#thumb_container
  {
	height: 120px;
	width: 700px;
  }

div.thm
  {
  display: inline;
  height: 96px;
  width: 96px;
  margin: 2px;
  border: 1px #666666 solid;
  float: left;
  text-align: center;
  top: 0px;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

div.thm:hover
 {
	opacity: 1.0;  
	filter: alpha(opacity=100); /* For IE8 and earlier */
	border: 1px #ffffff solid;
 }

div.thm img
  {
  display: inline;
  margin: 2px;
  border: 1px solid #ffffff;
  }

  
#copyright
  {
  /*background-color: #333333;*/
  height: 24px;
  Width: auto;
  text-align: center;
  margin-top:10px;
  color: #999999
  }

#copyright div a
  {
  text-decoration: none;
  color: #999999;
  }

#copyright div a:hover
  {
  text-decoration: underline;
  color: #999999;
  }

#copyright div a:visited
  {
  text-decoration: none;
  color: #999999;
  }

#feedbk
{
	position:relative; 
	float: left; 
	right:30px; 
	width:50%; 
	text-align: right;
}
  
#feedbk a
{
  text-decoration: none;
  color: #999999;

}

#feedbk a:hover
  {
  text-decoration: underline;
  color: #999999;
  }

#feedbk a:visited
  {
  text-decoration: none;
  color: #999999;
  }

 div.img
  {
  height: 90px;
  width: 90px;
  margin: 2px;
  border: 1px #666666 solid;
  float: left;
  text-align: center;
  top: 0px;
  }

div.img img
  {
  display: inline;
  margin: 2px;
  border: 1px solid #ffffff;
  }

div.img a:hover img
  {
  border: 1px solid #DEB845;
  }

div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 115px;
  margin: 2px;
  color: #F0F0F0
  }
h1
  {
  font-size: 30px;
  Color: #996633;
  text-decoration: underline;
  }
h2
  {
   font-size: 18px;
   font-weight: normal;
   Color: #DEB845;
   line-height: 0px;
   margin-top: 18px;
  text-decoration: underline;
  }

  h3
  {
   font-size: 12px;
   font-weight: normal;
   Color: #DEB845;
   line-height: 12px;
   margin-top: 24px;
   margin-bottom: 0px;
   display: inline;
  }

 /* ------------------------------------------------------------

	=browser fixes

------------------------------------------------------------ */

.floatclear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.floatclear {display: inline-table;}

/* Hides from IE-mac \*/
* html .floatclear {height: 1%;}
.floatclear {display: block;}
/* End hide from IE-mac */
/* clearing floats end here */

#index_header
  {
  background-color: #333333;
  height: 75px;
  Width: 800px;
  text-align: center;
  margin-bottom:10px;
  padding: 5px 0 5px 0;
  color: #aaaaaa;
  }

div.index_frame
  {
  position:relative; 
  width:256px; /*385px;*/ 
  height:108px; 
  border: 1px #000000 solid; 
  float: left;
  margin: 5px;
  background-color: #555555;
  font-size: 18px;
  }

/* div.index_frame a
  {
    color: #d0d0d0;
	FONT-FAMILY: Arial;
    FONT-SIZE: 18px;
    font-weight: normal;	

  } */

div.index_icon
  {
  position:absolute;
  top:3px;
  left:0px;
  width:120px;
  height:96px;
  border: 1px #555555 solid;
  background-color: #555555;
  margin: 3px;
  }

div.index_icon a img
  {
  border: 1px solid #000000;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
div.index_icon a:hover img
  {
  border: 1px solid #DEB845;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  }
div.index_icon a:visited img
  {
  border: 1px solid #000000;
  }

div.index_desc
  {
  position:absolute; 
  top:3px;
  left:130px;
  width: 120px; /*240px;*/
  height: 68px;
  border: 1px #555555 solid;
  background-color: #555555;
  margin: 3px;
  padding-top: 30px;
  font-size: 18px;
  text-align: left;
  }

.dialogPopup {
	width: 907px; /* actual=939 */
	/*height: 674px;*/ /* actual=700 */
	background: #333226;
	margin: auto;
	padding:13px 16px;
	display: none;
	text-align:left;
}
#dialogPopupLoading {
	display:none;
	position:absolute;
	text-align:center;
	padding-top:100px;
	top:-100px;
	height:100%;
	width:100%;
      left:0;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
#dialogPopupLoading h1 {
	margin: 0 auto 0 auto;
	padding:375px;
    Color: #AAAAAA;
}
.dialogPopup .pop_util {
	width:907px;
	height:34px;
}
.dialogPopup .pop_util div.file_info {
	width:452px;
	float:left;
	color:#ffffff;
}
.dialogPopup .pop_util div.close_window {
	width:452px;
	float:left;
	text-align:right;
}
.dialogPopup .pop_util div.close_window a {
	color:#ffffff;
	text-decoration:none;
}
.dialogPopup .info {
	width:907px;
}
.dialogPopup .info div.about {
	float:left;
	width:452px;
	color:#ffffff;
}
.dialogPopup .info div.vote {
	float:left;
	width:452px;
	text-align:right;
}
.dialogPopup .photo {
	padding: 15px 0 20px 0;
}
.dialogPopup .info h2 {
	margin-bottom:15px;
}
.dialogPopup .foot {
 width:907px;
}
.dialogPopup .foot .caption {
	width:180px;
	color:#d8f038;
	float:left;
	font-weight:bold;
}
.dialogPopup .foot .specs {
	width:725px;
	color:#ffffff;
	font-weight:bold;
	float:left;
	text-align:right;
	line-height: 29px;
}
.dialogPopup .foot .specs img {
	vertical-align:middle;
}