/* OVERALL DEFINED CLASS SELECTORS */
body {
  margin: 0px auto;
  text-align: left;
  background-repeat: repeat;
  background-attachment: fixed;
  background-color: #f2f2f2;}
 
body a {
  color: #3399FF;}
  
img {
	border: 0px;}

/* WRAPPERS */
.outer_wrapper {
  width: 950px;
  height: auto;
  padding: 0px;
  margin: 0px auto;
  text-align: left;
  float: left;
  background-image: url(../images/png/background.png);
  background-repeat:repeat-y;}
  
.layout_wrapper {
  width: 950px;
  height: auto;
  padding: 0px;
  margin: 0px auto;
  text-align: left;
  position: relative;
  clear: both;}
  
/* HEADER */
.header {
  width: 243px;
  height: auto;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  clear: both;
  float: left;}
  
.header_top {
  width: 243px;
  height: 153px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  clear: both;
  float: left;
  background-image: url(../images/png/fiely.png);}
  
.header_text {
  color: #ffffff;
  text-align: center;
  margin: 60px 410px 0px 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: bold;}

/* TABS */  

.tab {
  width: 243px;
  height: 500px;
  padding: 0px;
  margin: 7px 0px 7px 0px;
  clear: both;}
  
.tab_links {
  width: 168px;
  height: 500px;
  padding: 0px;
  margin: 0px 0px 0px 75px;
  position: relative;
  float: left;}
  
.works {
  width: 48px;
  height: 14px;
  padding: 0px;
  margin: 7px 0px 7px 0px;
  overflow: hidden;
  clear: both;
  position: relative;
  float: left;
  background-image: url(../images/png/work.png);}
  
.works:hover  {
  background-color: #f2c48d;}
  
.works:active  {
  background-color: #fff2c5;}
  
.store {
  width: 45px;
  height: 14px;
  padding: 0px;
  margin: 0px 0px 7px 0px;
  overflow: hidden;
  clear: both;
  position: relative;
  float: left;
  background-image: url(../images/png/store.png);}
  
.store:hover  {
  background-color: #f2c48d;} 
  
.store:active  {
  background-color: #fff2c5;}
  
.biography {
  width: 89px;
  height: 14px;
  padding: 0px;
  margin: 0px 0px 7px 0px;
  overflow: hidden;
  clear: both;
  position: relative;
  float: left;
  background-image: url(../images/png/biography.png);}
  
.biography:hover  {
  background-color: #f2c48d;}
  
.biography:active  {
  background-color: #fff2c5;}
  
.contact {
  width: 76px;
  height: 14px;
  padding: 0px;
  margin: 0px 0px 7px 0px;
  overflow: hidden;
  clear: both;
  position: relative;
  float: left;
  background-image: url(../images/png/contact.png);}
  
.contact:hover  {
  background-color: #f2c48d;}
  
.contact:active  {
  background-color: #fff2c5;}
  
.index {
  width: 76px;
  height: 14px;
  padding: 0px;
  margin: 0px 0px 7px 0px;
  overflow: hidden;
  clear: both;
  position: relative;
  float: left;
  background-image: url(../images/png/home.png);}
  
.index:hover  {
  background-color: #f2c48d;}
  
.index:active  {
  background-color: #fff2c5;}
  
.extra {
  width: 48px;
  height: 14px;
  padding: 0px;
  margin: 0px 0px 7px 0px;
  overflow: hidden;
  clear: both;
  position: relative;
  float: left;
  background-image: url(../images/png/extra.png);}
  
.extra:hover  {
  background-color: #f2c48d;}
  
.extra:active  {
  background-color: #fff2c5;}
  
.glimpses {
  width: 71px;
  height: 14px;
  padding: 0px;
  margin: 0px 0px 7px 0px;
  overflow: hidden;
  clear: both;
  position: relative;
  float: left;
  background-image: url(../images/png/glimpses.png);}
  
.glimpses:hover  {
  background-color: #f2c48d;}
  
.glimpses:active  {
  background-color: #fff2c5;}
  
  
.facebook {
	width: 168px;
	height: 50px;
	margin: 14px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	float: left;}
  
  
/* CONTENT */


.split {
  width: 10px;
  height: 1064px;
  padding: 0px;
  margin: 0px;
  float: left;
  overflow: hidden;;}

.body {
  width: 657px;
  height: auto;
  padding: 0px;
  margin: 0px;
  float: left;
  position: relative;
  overflow: hidden;}
  
.banner_home {
  width: 657px;
  height: 60px;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  overflow: hidden;
  clear: both;
  float: left;
  background-color: #e3e3e3;}
  
.banner_img {
  width: 30px;
  height: 30px;
  padding: 0px; 
  margin: 15px 0px 0px 15px;
  overflow: hidden;
  float: left;
  border: 0px;}
  
.banner_img a img {
  border: 0px;}
  
.banner_welcome {
  width: 657px;
  height: 150px;
  padding: 0px 0px 0px 0px;
  margin: 15px 0px 0px 0px;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #f2f2f2;}
  
.banner_headline {
  width: 657px;
  height: 50px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #ececec;}
  
.banner_headline2 {
  width: 657px;
  height: 50px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: ;}
  
.banner_body {
  width: 657px;
  height: auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 40px 0px;
  font-size: 13px;
  font-family: Georgia, "Times New Roman", Times, serif;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #f2f2f2;}
  
.banner_body_case {
  width: 657px;
  height: 400px;
  padding: opx;
  margin: 0px 0px 0px 0px;
  font-size: 13px;
  float: left;
  position: relative;
  overflow: hidden;
  background-image: url(../images/png/banner_body_background.png);}
  
.banner_body_right {
  width: 347px;
  height: 400px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: Georgia, "Times New Roman", Times, serif;
  float: left;
  position: relative;
  overflow: hidden;}
  
.banner_body_left {
  width: 310px;
  height: 400px;
  padding: 0px;
  margin: 0px;
  float: left;
  position: relative;
  overflow: hidden;}
  
.store_container  {
  width: 657px;
  height: auto;
  padding: 0px;
  margin: 0px;
  float: left;
  position: relative;
  overflow: hidden;}
  
.paint_img  {
  width: 657px;
  height: auto;
  padding: 0px;
  margin: 15px 0px 0px 0px;
  float: left;
  position: relative;
  overflow: hidden;}

.paint_detail  {
  width: 657px;
  height: auto;
  padding: 0px;
  margin: 5px 0px 0px 0px;
  float: left;
  position: relative;
  overflow: hidden;}
  
.paint_container  {
  width: 657px;
  height: auto;
  padding: 0px;
  margin: 5px 0px 0px 0px;
  float: left;
  position: relative;
  overflow: hidden;}
  
.store_img_half  {
  width: 300px;
  height: auto;
  padding: 0px;
  margin: 0px;
  float: left;
  position: relative;
  overflow: hidden;}
  
.store_img_holder  {
  width: 125px;
  height: 163px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;}
  
.store_img_holder_new  {
  width: 125px;
  height: 163px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;}
  
.store_detail_half  {
  width: 357px;
  height: auto;
  padding: 0px;
  margin: 0px;
  float: left;
  position: relative;
  overflow: hidden;}
	
.store_detail_half form {padding:13px 0px 0px 22px;}

.works_welcome  {
  width: 657px;
  height: 75px;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  overflow: hidden;
  clear: both;
  float: left;
  background-color: #e3e3e3;}
  
.extra_welcome  {
  width: 657px;
  height: 75px;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  overflow: hidden;
  clear: both;
  float: left;
  background-color: #e3e3e3;}
  
.bio  {
  width: 350px;
  height: auto;
  margin: 10px 0px 0px 0px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  float: left;}
  
.bio_pic  {
  width: 297px;
  height: auto;
  margin: 10px 0px 0px 0px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  float: left;}

.bio_pictures  {
  width: 297px;
  height: auto;
  margin: 10px 0px 30px 0px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  float: left;}
  
.works_banner  {
  width: 657;
  height: 25;
  padding: 0px;
  margin: 5px 0px 0px 0px;
  overflow: hidden;
  clear: both;
  float: left;}
  
.painting  {
  width: 200px;
  height: 25px;
  margin: 0px 19px 0px 10px;
  padding: 0px;
  float: left;
  background-color: #abc507}
  
.painting:hover  {
  background-color: #e3e3e3;}
  
.print  {
  width: 200px;
  height: 25px;
  margin: 0px 19px 0px 0px;
  padding: 0px;
  float: left;
  background-color: #d95f43}
  
.print:hover  {
  background-color: #e3e3e3;}
  
.drawing  {
  width: 200px;
  height: 25px;
  margin: 0px;
  padding: 0px;
  float: left;
  background-color: #6EB2B7}
  
.drawing:hover  {
  background-color: #e3e3e3;}
  
.extra_banner  {
  width: 657;
  height: 25;
  padding: 0px;
  margin: 5px 0px 5px 0px;
  overflow: hidden;
  clear: both;
  float: left;}
  
.video  {
  width: 200px;
  height: 25px;
  margin: 0px 19px 0px 10px;
  padding: 0px;
  float: left;
  background-color: #abc507;}
  
.video:hover  {
  background-color: #d29f5b;}
  
.birds {
  width: 200px;
  height: 25px;
  margin: 0px 19px 0px 0px;
  padding: 0px;
  float: left;
  background-color: #d95f43;}
  
.birds:hover  {
  background-color: #00a5e7;}
  
.ceramics {
  width: 200px;
  height: 25px;
  margin: 0px;
  padding: 0px;
  float: left;
  background-color: #6EB2B7;}
  
.ceramics:hover  {
  background-color: #ff9f17;}
  
.music  {
  width: 200px;
  height: 25px;
  margin: 0px 19px 0px 10px;
  padding: 0px;
  float: left;
  background-color: #d29fcd;}
  
.music:hover  {
  background-color: #c07428;}
  
.fielyhome  {
  width: 200px;
  height: 25px;
  margin: 0px 19px 0px 0px;
  padding: 0px;
  float: left;
  background-color: #aeb06e;}
  
.fielyhome:hover  {
  background-color: #b4dcae;}
  
.ceramics {
  width: 200px;
  height: 25px;
  margin: 0px;
  padding: 0px;
  float: left;
  background-color: #6EB2B7;}
  
.ceramics:hover  {
  background-color: #ff9f17;}
  
.teacher {
  width: 200px;
  height: 25px;
  margin: 0px;
  padding: 0px;
  float: left;
  background-color: #6EB2B7;}
  
.teacher:hover  {
  background-color: #ff9f17;}
  
.print_body  {
  width: 657px;
  height: auto;
  padding: 0px;
  margin: 5px 0px 0px 0px;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #e3e3e3;}
  
.extra_body  {
  width: 657px;
  height: auto;
  padding: 0px;
  margin: 7px 0px 0px 0px;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #e3e3e3;}
  
.banner_print {
  width: 657px;
  height: 219px;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  overflow: hidden;
  clear: both;
  float: left;
  background-color: #e3e3e3;}
  
.banner_extra_open  {
  width: 657px;
  height: auto;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  clear: both;
  float: left;
  background-color: #e3e3e3;}
  
.banner_glimpse {
  width: 657px;
  height: auto;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  overflow: hidden;
  clear: both;
  float: left;
  background-color: #e3e3e3;}
  
.banner_extra  {
  width: 657px;
  height: 219px;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  overflow: hidden;
  clear: both;
  float: left;
  background-color: #e3e3e3;}
  
.banner_print_img {
  width: 200px;
  height: 200px;
  padding: 0px; 
  margin: 19px 9px 0px 10px;
  overflow: hidden;
  float: left;
  border: 0px;}
  
.banner_print_img a img {
  border: 0px;}

/* FOOTER */

.footer  {
  width: 950px;
  height: 32;
  padding: 0px;
  margin: opx;
  float: left;
  position: relative;
  overflow: hidden;}