/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	-collapse: collapse;	border-spacing: 0;}
* { margin:0px; padding:0px }
strong,b {font-weight:bold;}
/* mizu reset */
.content ul li, .content  ol li {margin:3px 0px 3px 20px;list-style:circle;} 	
.content ol li {list-style:decimal;}
.content p, .content .txt div {margin-bottom:5px;}
.clear { clear:both; }

/* custom css */
a {	
	color:#000;
	text-decoration:none;
}
body {
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#F6F6F6;
}
.wrap {
	width:942px;
	position:relative;
	margin:auto;
	letter-spacing:1px;
	
	
}
.header {
	position:relative;
	height:94px;
	border-bottom:1px solid #bfc3c7;
	
}
	.homeLink {
		position:absolute;
		top:59px;
		left:0px;
		width:278px;
		height:34px;
		background:url(../img/struct/logo.png) no-repeat;
	}

	
.nav {
	position:relative;
	top:73px;
	left:410px;
	clear:both;
	height:30px;
	float:left;
}
	.nav li {
		float:left;
	}
		.nav li a {
			display:block;
			float:left;
			font-size:12px;
			text-transform:uppercase;
			padding:0px 15px;
			color:#9c9e9f;
		}
		.nav li a:hover, .nav li a.on {
			color:#000;
		}
	.spcNav {
		position:absolute;
		top:75px;
		right:0px;
		

	}
		.spcNav a {
			color:#9c9e9f;
			display:block;
			float:left;
			font-size:11px;
			padding-left:10px;
		}
		.spcNav a:hover, .spcNav a.on {
			color:#000;	
		}
		
.middle {
	clear:both;
}

.footer {
	clear:both;
	border-top:1px solid #bfc3c7;
	padding:10px 0px 40px 220px;
}
	.footer p {
		float:left;
		padding-right:30px;
	}
	.footer, .footer a {
		color:#626262;
		font-size:11px;
		line-height:140%;
	}
	.footer b {
		color:#313131;
	}
	.footer a.on, .footer a:hover {
		color:#000;
	}
	.footerNav {
		float:right;
		padding:5px 20px 0 0;
	}
		.footerNav a {
			display:block;
			float:left;
			padding:0 0 0 20px;
			line-height:23px;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);
			opacity:.5;
		}
		.footerNav a:hover, .footerNav a.on {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity:1;
			
		}
		.footerNav a.i10 {
			padding-left:3px;
		}

/* content */
.content {
	clear:both;
	padding:40px 0px;
}
	.content .col1 {
		float:left;
		width:215px;
	}
	.content .col2 {
		float:right;
		width:700px;
		margin-top:-5px;
	}
	.content h1, .content h2, .content h3 {
		color:#333;
	}
	.content h1 {
		font-size:30px;
	}
	.content h2 {
		font-size:20px;
	}
	.content h3 {
		font-size:17px;
	}
	.content .txt {
		line-height:170%;
		color:#555;
	}
	.content .txt, .content .files, .content .gallery {
		
		padding-bottom:15px;
	}
	.content .gallery {
		
	}

.tpl-work {
	
}
	.tpl-work h1, .tpl-work h2 {
		font-size:12px;
	}
	.tpl-work h1 {
		font-weight:bold;
	}
	.tpl-work .col1 img {
		margin-bottom:10px;
	}
	.tpl-work .col1 {
		padding-bottom:2px;
		border-bottom:1px solid #bfc3c7;
	}
	.tpl-work .gallery .img {
		clear:both;
		border-top:1px solid #bfc3c7;
		padding:40px 0px;
	}
/* list */
.list {
	clear:both;
}
	.list .item {
		width:215px;
		margin:0px 27px 60px 0px;
		float:left;
		padding:0px 0px 4px 0px;
		border-bottom:1px solid #bfc3c7;
	}
	.list .firstInRow {
		clear:both;
	}
	.list .lastInRow {
		margin-right:0px;
	}
	.list .item:hover, .list .item:hover * {
		/*background:#d2d2d2;	*/
		color:#bbb;
	}
	.list .img {
		display:block;
		height:120px;
		background:#d2d2d2;
		margin-bottom:12px;
	}
	.list h3, .list h4 {
		font-size:12px;
	}
	.list h3 {
		font-weight:bold;
		
	}
	 .list h4 {
	 	
	}
	
	
.media div {
	padding-top:10px;
}