@charset "utf-8";
/* CSS Document */
.container2{
width: 100%;
height: 100%;
float: left;
}
.mainframe{
width: 1000px;
height: 100%;
margin: 0 auto;
}
.mainarea{
width: 950px;
height: 535px;
margin: 0 auto;
padding: 65px 25px 25px 25px;
}
.logo{
width: 160px;
height: 103px;
float: left;
margin-bottom: 10px;
/*position: fixed;*/
}
.contentarea{
width: 950px;
height: 100%;
float: left;
}
.footer{
width: 100%;
height: 10px;
float: left;
font-size: 10px;
text-decoration: none;
margin-top: 400px;
color: #999;
}
.menupanel{
width: 175px;
height: 100%;
float: left;
/*position: fixed;
display: block;*/
}
.menupanel h1{
	font-family: "Helvetica CE 45 Light";
	font-size: 18px;
	text-decoration: none;
}
.menupanel h2{
	font-family: Helvetica;
	font-size: 14px;
	text-decoration: none;
}
.maincontentarea{
width: 775px;
height: auto;
float: right;
padding-bottom: 25px;
margin-top: 90px;
}
.maincontentarea h1{
	font-family:"Helvetica CE 45 Light";
	font-size: 15px;
	text-decoration: none;
	color:#999;
	margin: 0 0 0 40px;
	}
.maincontentarea p{
	font-family:"Helvetica CE 45 Light";
	font-size: 14px;
	text-decoration: none;
	color:#999;
}
.maincontentarea a{
	font-family:"Helvetica CE 45 Light";
	font-size: 11px;
	text-decoration: none;
	color:#999;
}
.maincontentarea a:hover{
	font-family:"Helvetica CE 45 Light";
	font-size: 11px;
	text-decoration: underline;
	color:#999;
}
.maincontentarea span{
	width: auto;
	height: auto;
	float: left;
	margin: -15px 0 0 43px;
	font-family:"Helvetica CE 45 Light";
	font-size: 11px;
	text-decoration: none;
	color:#999;
}
.maincontentarea span a{
	font-family:"Helvetica CE 45 Light";
	font-size: 11px;
	text-decoration: none;
	color:#999;
}
.maincontentarea span a:hover{
	font-family:"Helvetica CE 45 Light";
	font-size: 11px;
	text-decoration: underline;
	color:#999;
}
.maincontentarea p img{
	border: 0;
	margin-right: 10px;
	margin-top: 0px;
}
.maincontentarea ul{
	list-style: none;
}
.maincontentarea ul li{
	display: inline;
	list-style: none;
}
.maincontentarea ul li a img{
border: 5px solid #cccccc;
		border-width: 5px 5px 5px;
		margin: 2px;
}
.maincontentarea ul li a:hover img{
border: 5px solid #666666;
		border-width: 5px 5px 5px;
		color: #fff;
}
.maincontentarea2{
width: 760px;
height: 100%;
float: right;
padding-left: 15px;
padding-top: 100px;
/*position:fixed;*/
}
.maincontentarea2 a{
text-decoration: none;
}
.maincontentarea2 a:hover{
text-decoration: none;
}
.menuroll{
	float: left;
	/*position: fixed;
	margin: 110px 0 0 0;*/
}
.menuroll img {
opacity: 0.6;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-duration: 1000ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-in-out;
-moz-transition-duration: 1000ms;
}
.menuroll img:hover{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-duration: 200ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-in-out;
-moz-transition-duration: 200ms;
/*background-color: #99fe02;
background: rgba(153,254,2, 1);*/
}

/* work popup windwow css */
.workcontainer{
	width: 890px;
	height: 505px;
	float: left;
	padding: 5px;
	/*background-image: url(../images/mainbg.jpg);*/
	background-color: #000;
}
.workcontainer_nanda{
	width: 890px;
	height: 570px;
	float: left;
	padding: 5px;
	/*background-image: url(../images/mainbg.jpg);*/
	background-color: #000;
}
.workcontainerfur{
	width: 640px;
	height: 520px;
	float: left;
	padding: 5px;
	/*background-image: url(../images/mainbg.jpg);*/
	background-color: #000;
}
.workcontainer2{
	width: 640px;
	height: 505px;
	float: left;
	padding: 5px;
	/*background-image: url(../images/mainbg.jpg);*/
	background-color: #000;
}
.imgpanel{
	width: 630px;
	height: auto;
	float: left;
}
.imgpanel2{
	width: 630px;
	height: 100%;
	float: left;
}
.textpanel{
	width: 235px;
	height: 100%;
	float: right;
	padding: 0 15px 0 0;
	margin-top: -10px;
}
.textpanel p{
	font-family: "Helvetica CE 45 Light";
	font-size: 14px;
	text-decoration: none;
	color: #999;
}
.textpanel h1{
	font-family: "Helvetica CE 45 Light";
	font-size: 14px;
	text-decoration: none;
	color: #999;
}
/*image scroll */
.editorial {
	padding: 0px;
	background-color: #F93;
}
.advertising {
	padding: 0px;
	background-color: #39F;
}
.fashion {
	padding: 0px;
	background-color: #F36;
}
.art {
	padding: 0px;
	background-color: #963;
}
.design {
	padding: 0px;
	background-color: #6C0;
}

.thumbnails {
	width: 100%;
}
.thumbnailstable {
	text-align: left;
	vertical-align: top;
	/*display: inherit;*/
}
.thumbnailstable_shop {
	text-align: left;
	vertical-align: top;
}
.thumbnailstable img {
display:block;
float:left;
}
.thumbnail img {
opacity: 0.5;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-duration: 1000ms;

-moz-transition: opacity;
-moz-transition-timing-function: ease-in-out;
-moz-transition-duration: 1000ms;
}
.thumbnail img:hover{
opacity: 1;

-webkit-transition: opacity;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-duration: 200ms;

-moz-transition: opacity;
-moz-transition-timing-function: ease-in-out;
-moz-transition-duration: 200ms;
}

.totop {
position:fixed;
bottom:10px;
right:5px;
}
.single_caption {
	text-align:right;
}
.single_copy {
	color: #333;
}
.single_img {
	margin-right:5px;
}
.totop img {
opacity: 0.2;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-duration: 1000ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-in-out;
-moz-transition-duration: 1000ms;
}
.totop img:hover{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-duration: 200ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-in-out;
-moz-transition-duration: 200ms;
}
.totop_align {
	text-align: right;	
}
.topptable {
	height: 59px;
}
/*image scroll end */
/* image hover effect */
.view {
   width: 190px;
   height: 125px;
   /*margin: 10px;*/
   float: left;
   /*border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
  /* -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;*/
   cursor: default;
   /*background-color: #333333;*/
   /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask,.view .content {
   width: 190px;
   height: 125px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h4 {
   text-transform: uppercase;
   color: #FFF;
   text-align: center;
   position: relative;
   font-size: 14px;
   padding: 5px;
   background: rgba(0, 0, 0, 0.8);
   margin: 50px 0 0 0;
}
.view p {
   font-family: "Helvetica CE 45 Light";
   /*font-style: italic;*/
   font-size: 14px;
   position: relative;
   color: #fff;
   /*padding: 10px 20px 20px;*/
   padding: 0px;
   text-align: center;
   top: -15px;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 0px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   /*-webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;*/
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
/* image hover effect end */
.furinfo{
	width: 450px;
	height: auto;
	float: left;
}
.fbicon{
	width: auto;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
}
.fbicon ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
.fbicon ul li{
	display: inline;
}
.fbicon ul li a{
	text-decoration: none;
}
.fbicon ul li a img{
	border: none;
}