adattamento css di galleria

[eaglespike]

ciao a tutti!! ho un problema ad adattare uno script di una galleria, all'inizio era molto grande e per le esigenze del mio sito ho dovuto rimpicciolirlo solo che mi sfasa tutto e nn riesco ad adattare in modo esatto i due css.. qualcuno riesce a darmi una mano???
primo css:

img {
border: none;
display: inline;
}

/*<group=hacks>*/

.clearfix {
display: inline-table;
}

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


#container {
text-align: left;
width: 529px;/*problema*/
margin: 0 auto 10px;
}

#slider {
width: 529px;/*problema*/
/*border: 1px solid #0f0;*/
margin: 0 auto;
background-color: #fff;
border: 1px solid #333;
}

#slider .floating {
margin-top: 10px;
}

#slider ul {
list-style-type: none;
width: 440px;/*problema*/
height: 50px;/*348*/
/*border: 1px solid #00f;*/
}

#slider ul li {
float: left;
/*border: 1px solid #f00;*/
width: 50px;/*problema*/
height: 50px;
text-align: center;
margin: 0 6px;
padding-top: 6px;
}

#slider ul li a {
/*display: block;*/
color: #333;
text-decoration: none;
}

#slider ul li a:hover {
/*color: #ff0ff0;*/
text-decoration: underline;
}

#slider ul li img {
display: block;
}

.floating {
float: left;
}

#butleft, #butright {
padding: 0px;
margin: 0px;
}
#butleft img, #butright img {
padding: 0px;
margin: 0px;
}

#butleft {
margin-left: 1px;
margin-right: 4px;
}

#butright {
margin-left: 4px;
}

#controls {
width: 50px;
margin: 0 auto;
}

#texts {
width: 330px;
height: 140px;
margin: 16px auto 4px auto;
}

.text {
width: 300px;
height: 100px;
border: 1px solid #333;
background-color: #fff;
padding: 12px;
color: #333;
overflow: auto;
}
secondo:

*{padding: 0; margin: 0;} /*problema*/



#TB_window {
font: 16px Arial, Helvetica, sans-serif;
color: #333333;
}

#TB_secondLine {
font: 12px Arial, Helvetica, sans-serif;
color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


#TB_overlay {
position: absolute;
z-index:100;
top: 0px;
left: 0px;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

#TB_window {
position: absolute;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
}

#TB_window img {
display:block;
margin: 15px 0 0 15px;
/*
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
*/
}

#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}

#TB_closeAjaxWindow{
padding:5px 10px 7px 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}

#TB_title{
background-color:#e8e8e8;
height:10px;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: absolute;
display:none;
height:50px;
width:50px;
z-index:101;
}

#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}

[Prill]

Puoi inserire un link alla pagina con la gallery che fa uso del css originale?