@charset "utf-8";
/* global css */
html,body {height:100%;}
body{background: #000;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}
body,select,input,textarea,button{font:15px/2 Verdana,Arial, Helvetica, sans-serif; color: #010000;font-weight: bold;}	
input,select,img,button{vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size: 12px; font-weight: normal;}
dfn,em,cite,address,caption{font-style:normal}
fieldset,img,abbr {border: 0;}
button{cursor: pointer;}
img,object,embed{vertical-align: top;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;;width:100%; border-spacing:0;}
caption,th{text-align:left;}
table th{line-height:25px;height:25px;}

a{color: #CE3E70;text-decoration:none;}
a:hover{text-decoration:underline;}

#header h1 a,#navigation a,.type h3{text-indent: -2000px; overflow: hidden;}

#classify:after,.type:after,.col-w:after{content:''; display: block; clear:both}

#wrap{
	width: 898px;
	margin: 0 auto;
	padding: 0 46px 0 57px;
	background: url(../images/wrap-bg.jpg) 43px 0 no-repeat;
}

/* header css */
#header h1 a{
	display: block;
	height: 289px;
}
#navigation{
	height: 80px;
}
#navigation ul{
	line-height: 32px;
	padding: 5px 0 0 27px;
}
#navigation li,#navigation a{
	float: left;
}
#navigation a{
	width: 101px;
	background: url(../images/navigation-bg.gif) no-repeat;
}
#navigation a:hover{
	background-position: 0 -32px;
}
#navigation li.on a,#navigation li.on a:hover{
	width: 119px;
	position: relative;
	margin-right: -18px;
	background-position: 0 -64px;
}
#navigation a#nav-work{
	width: 114px;
	background-position: -101px 0;
}
#navigation a#nav-work:hover{
	width: 114px;
	background-position: -101px -32px;
}
#navigation li.on a#nav-work,#navigation li.on a#nav-work:hover{
	width: 114px;
	margin: 0;
	background-position: -101px -96px;
}
#navigation a#nav-contact{
	width: 102px;
	background-position: -215px 0;
}
#navigation a#nav-contact:hover{
	width: 114px;
	background-position: -215px -32px;
}
#navigation li.on a#nav-contact,#navigation li.on a#nav-contact:hover{
	width: 116px;
	margin: 0 0 0 -14px;
	background-position: -201px -128px;
}

/* footer */
#footer{
	font-size: 14px;
	text-align: center;
	padding: 45px 40px 100px;
	background: url(../images/footer-bg.gif) left bottom #fff no-repeat;
}
#footer p{
	margin-bottom:30px;
}

#classify{
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 50px 0 30px;
	background: url(../images/classify-bg.gif) left bottom #fff no-repeat;
}
#classify ul,#classify li,#classify a{
	float: left;
}
#classify ul{
	padding-left: 50px;
	margin-right: -100px;
}
#classify li{
	margin-right: 64px;
	text-align: center;
}
#classify a{
	width:194px;
	height: 287px;
	color: #fff;
	padding: 16px 17px 0 16px;
	background: url(../images/classify-a-bg.gif) no-repeat; 
}
#classify a span{
	display: block;
	font-size: 20px;
	padding: 5px 0 0;
	font-family: Courier New;
	font-weight:normal;
}

.type{
	width: 834px;
	overflow: hidden;	
	margin-bottom: 60px;
	padding: 37px 32px 25px;
	background: url(../images/type-bg.gif) #fff repeat-x;
}
.type h2{
	width: 99px;
	height: 48px;
	font-family:Courier New;
	font-size: 20px;
	line-height: 45px;
	color: #fff;
	padding-left: 30px;
	margin-left: -32px;
	margin-bottom: 25px;
	background: url(../images/type-title.gif) no-repeat;
}
.type h3{
	height: 32px;
	margin-top: 20px;
	margin-bottom: 15px;
	background: url(../images/type-title.gif) 0 -48px no-repeat;
}
.type h4{
	font-size: 15px;
	padding: 0 0 4px;
	font-weight: bold;
}
.line{
	display: block;
	width: 100%;
	clear: both;
	height:2px;
	margin: 15px 0 5px;
	overflow: hidden;
	background:#240209;
}
.marginT10{
	margin-top: 10px;
}
.marginT30{
	margin-top: 30px;
}
h3.h3-posters{
	background-position: 0 -80px;
}
h3.h3-corporate{
	background-position: 0 -112px;
}
h3.h3-graphics{
	background-position: 0 -144px;
}
h3.h3-dressing{
	background-position: 0 -176px;
}
.col-w{
	width: 100%;
	margin-bottom: -30px;
}
.col-w img{
	margin-bottom: 20px;
}
.col-l{
	float: left;
	width: 410px;
}
.col-r{
	float: right;
	width: 395px;
}

.goback{
	font-family: Courier New;
	text-align: right;
	margin-top: 30px;
	font-weight: bold;
}
.goback a{
	color:#8B0721;
}

.col2{
	margin: 0;
}
.col2 .col-l{
	width:644px;
}
.col2 .col-r{
	width:172px;
}
.font11{
	font-size: 11px;
}

.col3 .col-l{
	width:437px;
}
.col3 .col-r{
	width:377px;
}
.col3 .col-r h4{
	letter-spacing: -1px;
}

#jump-web ul,#jump-web ul li{
	float: left;
}
#jump-web ul{
	display: inline;
	margin:0 -50px 0 -5px;
}
#jump-web ul li{
	margin-right: 10px;
	margin-bottom: 55px;
}

.img1{
	margin-bottom: -10px;
}
.img1 img{
	margin-bottom: 27px;
}