/*this is the environments*/
.gallery01_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/gallery01_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery01_01 a:hover {
background-position: -100px 0;
}

.gallery01_01 a:active {
background-position: -100px 0;
}

.gallery01_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/gallery01_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery01_02 a:hover {
background-position: -100px 0;
}

.gallery01_02 a:active {
background-position: -100px 0;
}

.gallery01_03 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/gallery01_03_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery01_03 a:hover {
background-position: -100px 0;
}

.gallery01_03 a:active {
background-position: -100px 0;
}

.gallery01_04 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/gallery01_04_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery01_04 a:hover {
background-position: -100px 0;
}

.gallery01_04 a:active {
background-position: -100px 0;
}

.gallery02_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/gallery02_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery02_01 a:hover {
background-position: -100px 0;
}

.gallery02_01 a:active {
background-position: -100px 0;
}

.gallery02_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/gallery02_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery02_02 a:hover {
background-position: -100px 0;
}

.gallery02_02 a:active {
background-position: -100px 0;
}

.gallery02_03 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/gallery02_03_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery02_03 a:hover {
background-position: -100px 0;
}

.gallery02_03 a:active {
background-position: -100px 0;
}

.gallery02_04 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/gallery02_04_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery02_04 a:hover {
background-position: -100px 0;
}

.gallery02_04 a:active {
background-position: -100px 0;
}

.gallery03_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/gallery03_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery03_01 a:hover {
background-position: -100px 0;
}

.gallery03_01 a:active {
background-position: -100px 0;
}

.gallery03_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/gallery03_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery03_02 a:hover {
background-position: -100px 0;
}

.gallery03_02 a:active {
background-position: -100px 0;
}

.gallery03_03 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/gallery03_03_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery03_03 a:hover {
background-position: -100px 0;
}

.gallery03_03 a:active {
background-position: -100px 0;
}

.gallery03_04 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/gallery03_04_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.gallery03_04 a:hover {
background-position: -100px 0;
}

.gallery03_04 a:active {
background-position: -100px 0;
}

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

/*this is the profesional works section rollover styles*/
.prof01_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prof01_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof01_01 a:hover {
background-position: -100px 0;
}

.prof01_01 a:active {
background-position: -100px 0;
}

.prof01_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prof01_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof01_02 a:hover {
background-position: -100px 0;
}

.prof01_02 a:active {
background-position: -100px 0;
}

.prof02_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prof02_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof02_01 a:hover {
background-position: -100px 0;
}

.prof02_01 a:active {
background-position: -100px 0;
}

.prof02_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prof02_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof02_02 a:hover {
background-position: -100px 0;
}

.prof02_02 a:active {
background-position: -100px 0;
}

.prof03_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prof03_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof03_01 a:hover {
background-position: -100px 0;
}

.prof03_01 a:active {
background-position: -100px 0;
}

.prof03_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prof03_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof03_02 a:hover {
background-position: -100px 0;
}

.prof03_02 a:active {
background-position: -100px 0;
}

.prof04_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prof04_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof04_01 a:hover {
background-position: -100px 0;
}

.prof04_01 a:active {
background-position: -100px 0;
}

.prof04_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prof04_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof04_02 a:hover {
background-position: -100px 0;
}

.prof04_02 a:active {
background-position: -100px 0;
}

.prof05_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prof05_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof05_01 a:hover {
background-position: -100px 0;
}

.prof05_01 a:active {
background-position: -100px 0;
}

.prof05_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prof05_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof05_02 a:hover {
background-position: -100px 0;
}

.prof05_02 a:active {
background-position: -100px 0;
}

.prof05_03 a {
float: left;
width: 100px; height: 50px;
margin: 0 138px 6px 2px;
background: url("../images/prof05_03_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof05_03 a:hover {
background-position: -100px 0;
}

.prof05_03 a:active {
background-position: -100px 0;
}

.prof06_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prof06_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof06_01 a:hover {
background-position: -100px 0;
}

.prof06_01 a:active {
background-position: -100px 0;
}

.prof06_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prof06_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prof06_02 a:hover {
background-position: -100px 0;
}

.prof06_02 a:active {
background-position: -100px 0;
}
/*----------------------------------*/

/*this is the current works section rollover styles*/
.cur01_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/cur01_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur01_01 a:hover {
background-position: -100px 0;
}

.cur01_01 a:active {
background-position: -100px 0;
}

.cur01_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/cur01_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur01_02 a:hover {
background-position: -100px 0;
}

.cur01_02 a:active {
background-position: -100px 0;
}

.cur01_03 a {
float: left;
width: 100px; height: 50px;
margin: 0 138px 6px 2px;
background: url("../images/cur01_03_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur01_03 a:hover {
background-position: -100px 0;
}

.cur01_03 a:active {
background-position: -100px 0;
}

.cur01_04 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/cur01_04_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur01_04 a:hover {
background-position: -100px 0;
}

.cur01_04 a:active {
background-position: -100px 0;
}

.cur01_05 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/cur01_05_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur01_05 a:hover {
background-position: -100px 0;
}

.cur01_05 a:active {
background-position: -100px 0;
}

.cur02_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/cur02_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur02_01 a:hover {
background-position: -100px 0;
}

.cur02_01 a:active {
background-position: -100px 0;
}

.cur02_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/cur02_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur02_02 a:hover {
background-position: -100px 0;
}

.cur02_02 a:active {
background-position: -100px 0;
}

.cur03_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/cur03_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur03_01 a:hover {
background-position: -100px 0;
}

.cur03_01 a:active {
background-position: -100px 0;
}

.cur03_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/cur03_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur03_02 a:hover {
background-position: -100px 0;
}

.cur03_02 a:active {
background-position: -100px 0;
}

.cur04_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/cur04_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur04_01 a:hover {
background-position: -100px 0;
}

.cur04_01 a:active {
background-position: -100px 0;
}
.cur04_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/cur04_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.cur04_02 a:hover {
background-position: -100px 0;
}

.cur04_02 a:active {
background-position: -100px 0;
}
/*----------------------------------*/

/*this is the environment props*/
.prop01_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prop01_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prop01_01 a:hover {
background-position: -100px 0;
}

.prop01_01 a:active {
background-position: -100px 0;
}

.prop01_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prop01_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prop01_02 a:hover {
background-position: -100px 0;
}

.prop01_02 a:active {
background-position: -100px 0;
}

.prop01_03 a {
float: left;
width: 100px; height: 50px;
margin: 0 138px 6px 2px;
background: url("../images/prop01_03_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prop01_03 a:hover {
background-position: -100px 0;
}

.prop01_03 a:active {
background-position: -100px 0;
}

.prop02_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prop02_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prop02_01 a:hover {
background-position: -100px 0;
}

.prop02_01 a:active {
background-position: -100px 0;
}

.prop02_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prop02_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prop02_02 a:hover {
background-position: -100px 0;
}

.prop02_02 a:active {
background-position: -100px 0;
}

.prop03_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prop03_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prop03_01 a:hover {
background-position: -100px 0;
}

.prop03_01 a:active {
background-position: -100px 0;
}

.prop03_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prop03_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prop03_02 a:hover {
background-position: -100px 0;
}

.prop03_02 a:active {
background-position: -100px 0;
}

.prop04_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/prop04_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prop04_01 a:hover {
background-position: -100px 0;
}

.prop04_01 a:active {
background-position: -100px 0;
}

.prop04_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/prop04_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.prop04_02 a:hover {
background-position: -100px 0;
}

.prop04_02 a:active {
background-position: -100px 0;
}

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

/*this is the game prototype section rollover styles*/
.game_proto01_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/game_proto01_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.game_proto01_01 a:hover {
background-position: -100px 0;
}

.game_proto01_01 a:active {
background-position: -100px 0;
}

.game_proto01_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/game_proto01_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.game_proto01_02 a:hover {
background-position: -100px 0;
}

.game_proto01_02 a:active {
background-position: -100px 0;
}

.game_proto02_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/game_proto02_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.game_proto02_01 a:hover {
background-position: -100px 0;
}

.game_proto02_01 a:active {
background-position: -100px 0;
}

.game_proto02_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/game_proto02_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.game_proto02_02 a:hover {
background-position: -100px 0;
}

.game_proto02_02 a:active {
background-position: -100px 0;
}

.game_proto03_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/game_proto03_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.game_proto03_01 a:hover {
background-position: -100px 0;
}

.game_proto03_01 a:active {
background-position: -100px 0;
}

.game_proto03_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/game_proto03_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.game_proto03_02 a:hover {
background-position: -100px 0;
}

.game_proto03_02 a:active {
background-position: -100px 0;
}
/*----------------------------------*/

/*this is the game prototype section rollover styles*/
.in_game01_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/in_game01_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.in_game01_01 a:hover {
background-position: -100px 0;
}

.in_game01_01 a:active {
background-position: -100px 0;
}

.in_game01_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/in_game01_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.in_game01_02 a:hover {
background-position: -100px 0;
}

.in_game01_02 a:active {
background-position: -100px 0;
}

.in_game02_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/in_game02_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.in_game02_01 a:hover {
background-position: -100px 0;
}

.in_game02_01 a:active {
background-position: -100px 0;
}

.in_game02_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/in_game02_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.in_game02_02 a:hover {
background-position: -100px 0;
}

.in_game02_02 a:active {
background-position: -100px 0;
}

.in_game03_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/in_game03_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.in_game03_01 a:hover {
background-position: -100px 0;
}

.in_game03_01 a:active {
background-position: -100px 0;
}

.in_game03_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/in_game03_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.in_game03_02 a:hover {
background-position: -100px 0;
}

.in_game03_02 a:active {
background-position: -100px 0;
}
/*----------------------------------*/

/*this is the drawing 2D section rollover styles*/
.draw01_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/draw01_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw01_01 a:hover {
background-position: -100px 0;
}

.draw01_01 a:active {
background-position: -100px 0;
}

.draw01_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/draw01_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw01_02 a:hover {
background-position: -100px 0;
}

.draw01_02 a:active {
background-position: -100px 0;
}

.draw01_03 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/draw01_03_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw01_03 a:hover {
background-position: -100px 0;
}

.draw01_03 a:active {
background-position: -100px 0;
}

.draw01_04 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/draw01_04_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw01_04 a:hover {
background-position: -100px 0;
}

.draw01_04 a:active {
background-position: -100px 0;
}

.draw01_05 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/draw01_05_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw01_05 a:hover {
background-position: -100px 0;
}

.draw01_05 a:active {
background-position: -100px 0;
}

.draw01_06 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/draw01_06_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw01_06 a:hover {
background-position: -100px 0;
}

.draw01_06 a:active {
background-position: -100px 0;
}

.draw04_01 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/draw04_01_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw04_01 a:hover {
background-position: -100px 0;
}

.draw04_01 a:active {
background-position: -100px 0;
}

.draw04_02 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/draw04_02_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw04_02 a:hover {
background-position: -100px 0;
}

.draw04_02 a:active {
background-position: -100px 0;
}

.draw04_03 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/draw04_03_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw04_03 a:hover {
background-position: -100px 0;
}

.draw04_03 a:active {
background-position: -100px 0;
}

.draw04_04 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/draw04_04_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw04_04 a:hover {
background-position: -100px 0;
}

.draw04_04 a:active {
background-position: -100px 0;
}

.draw04_05 a {
float: left;
width: 100px; height: 50px;
margin: 0 5px 6px 2px;
background: url("../images/draw04_05_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw04_05 a:hover {
background-position: -100px 0;
}

.draw04_05 a:active {
background-position: -100px 0;
}

.draw04_06 a {
float: left;
width: 100px; height: 50px;
margin: 0 32px 6px 2px;
background: url("../images/draw04_06_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw04_06 a:hover {
background-position: -100px 0;
}

.draw04_06 a:active {
background-position: -100px 0;
}

.draw04_07 a {
float: left;
width: 100px; height: 50px;
margin: 0 138px 6px 2px;
background: url("../images/draw04_07_tmb.jpg") 0 0 no-repeat;
z-index:2;
}

.draw04_07 a:hover {
background-position: -100px 0;
}

.draw04_07 a:active {
background-position: -100px 0;
}
/*----------------------------------*/