#photos{
	width: 1250px;
	margin: 0 auto;
	padding: 10px 0;
}

#photos li{
	float: left;
	width: 220px;
	margin: 0 5px;
	list-style: none;
}

#photos li img{
	border: 10px solid #FFF;
}

#photos:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

* html #photos{
  height:1%;
}

#photos{
  display:block;
}


#a2{
	width: 1200px;
	margin: 0 auto;
	padding: 10px 0;
}

#a2 li{
	float: left;
	width: 220px;
	margin: 0 5px;
	list-style: none;
}

#a2 li img{
	border: 10px solid #ddd;
}

#a2:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

* html #a2{
  height:1%;
}

#a2{
  display:block;
}





/* ---------------------------------------------
MODAL STYLE
--------------------------------------------- */
#modalContent{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 960px;
	min-height:500px;
	z-index: 99999;
}

#modalOverlay{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 960px;
	min-height: 500px;
}

#modalBox{
	position: absolute;
	padding: 72px;
	background: #fff;
}

#modalHtml{
	overflow: hidden;
}

#modalCloseBtn{
	display: none;
	position: absolute;
	top: 0;
	right: -38px;
	width: 38px;
	height: 38px;
	background: url(../images/btn_close.png) 0 0 no-repeat;
	cursor: pointer;
}

#modalPrevBtn{
	display: none;
	position: absolute;
	top: 50%;
	left: 17px;
	width: 38px;
	height: 38px;
	margin: -19px 0 0;
	background: url(../images/prev.png) 0 0 no-repeat;
	cursor: pointer;
}

#modalNextBtn{
	display: none;
	position: absolute;
	top: 50%;
	right: 17px;
	width: 38px;
	height: 38px;
	margin: -19px 0 0;
	background: url(../images/next.png) 0 0 no-repeat;
	cursor: pointer;
}

.hide{
	display: none;
}