#push {
	height: 43px; /* .push must be the same height as .footer */
    padding-top:10px;
}
#wrapper{
    width:756px;
    min-height: 96%;
	height: auto !important;
	height: 96%;
	text-align:left; float: left;
    margin: 0 auto -30px;
    padding:10px 10px 30px 10px;
}

.clearfix{
	clear:both;
	float:none;
}
#bigPic{
	width:756px;
	height:501px;
	padding:1px;
	border:1px solid #CCC;
	background-color:#CCC;
	margin-bottom:20px;
	float:left;
}
#bigPic img{
	position:absolute;
	display:none;
}
ul#thumbs li.active{
	border:2px solid #000;	
	background:#fff;
	padding:2px;
}
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs li{
	float:left;
	margin-right:7px;
	margin-bottom:5px;
	border:1px solid #CCC;	
	padding:3px;
	cursor:pointer;
}
ul#thumbs img{
	float:left;
	width:65px;
	height:43px;
	line-height:43px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}

ul#thumbs{ float:left;}

@media all and (max-width: 699px) and (min-width: 150px) {
#push {height: 43px; /* .push must be the same height as .footer */ padding-top:10px;}
#wrapper{width:98%; min-height: 96%; height: auto !important;	height: 96%; text-align:left; margin: 0 auto -30px; padding:0 1%; overflow:hidden; background:url(../images/tra60.png);}

.clearfix{clear:both; float:none;}
#bigPic{width:98%; height:auto; padding:1%; float:left;	margin:0 0 10px 0; border:none; background-color:transparent;}
#bigPic img{position:relative; display:none; width:99%; height:auto; border:1px solid #CCC;}
ul#thumbs li.active{border:1px solid #000; background:#fff; padding:0;}
ul#thumbs{ float:left;}
ul#thumbs, ul#thumbs li{margin:0; padding:0; list-style:none;}
	
ul#thumbs li{float:left; margin-right:7px; margin-bottom:5px; border:1px solid #CCC; padding:0; cursor:pointer; width:15%;}
ul#thumbs img{float:left; width:100%; height:auto; line-height:normal; overflow:hidden; position:relative; z-index:1;}

}