같은 이름으로 덮어 씌웠는데도 변화가 없는건...  현재 컬러셋에 해당하는 이미지 폴더에 있는 파일에 덮어 씌운게 아니라 다른곳의 파일에 덮어씌우기 하셔서 그런게 아닌가 생각됩니다.

각 컬러셋에 해당하는 이미지 폴더가 layouts -> images 폴더 안에 컬러셋과 같은 이름으로 되어 있습니다. 

현재 컬러셋과 같은 폴더를 찾으셔서 원하시는 이미지를 변경해 주셔야 합니다.

레이아웃 내 css 폴더에 보시면 각 컬러셋 css파일이 있을겁니다.


서브 메뉴 부분은
css파일을 메모장이나 기타 에디터로 읽어 보시면 아래와같은 문구 중 빨간색에 해당되는 곳을 바꿔 주시면 됩니다.
/* Site Layout - Column Left */
#columnLeft { position:relative; width:180px; float:left;}
#columnLeft .mask { width:180px; height:5px; background:#ffffff; display:block;}


페이지 부분은
css파일을 메모장이나 기타 에디터로 읽어 보시면 아래와같은 문구 중 빨간색에 해당되는 곳을 바꿔 주시면 됩니다.

/* Site Layout - Column Right */
#columnRight { width:596px; float:right; overflow:hidden;}
#visualArea { width:596px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}


상단 메뉴를 제외한 하단 전체 색 지정하려면
css파일을 메모장이나 기타 에디터로 읽어 보시면 아래와같은 문구중 "{   }" 안에 "background:#ffffff;" 형식의 문구를 삽입해 주시면 됩니다.
/* Site Layout - Content Body */
#contentBody { display:block; position:relative; width:778px; padding-bottom:30px; overflow:hidden; border-bottom:1px solid #dddddd; border-left:0px solid #dddddd; border-right:0px solid #dddddd; margin-top:4px; }