/* */
html, body, h1, h2, h3, h4, h5, dl, dt, dd, form, fieldset, blockquote, p {margin: 0; padding: 0;}

/* body default */
body {background: #251613 url('../images/site/bg-site.png') 45px 0 no-repeat; font: 0.625em/1.5em arial narrow, tahoma, arial, verdana; color: #ccde00;}

hr {display: none;}

img {display: block; border: 0;}

.menu {list-style: none;} /* ul */
	.menu li {float: left;}
		.menu li a {display: block; float: left; text-decoration: none; display: inline;}

#wrapper {background: url('../images/site/bg-wrapper.png') no-repeat; padding: 72px 0; margin-left: 45px;}

/* modules */
form {}
	form fieldset {border: 0;}

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

/* Header */	
#header {height: 113px; position: relative;}
	#header h1 {width: 259px; height: 113px; position: absolute; top: 0; left: -25px;}
		#header h1 a {width: 259px; height: 113px;}
			#header h1 a span {width: 259px; height: 113px; background: url('../images/site/logo.h1.a.span.png') no-repeat; cursor: pointer;}
			
/* Nav-menu */	
#menu {position: absolute; top: 30px; left: 651px;}	
	#menu h2 {display: none;}	
	#menu ul {padding: 0; margin: 0;}	
		#menu ul li {}	
			#menu ul li a {height: 52px; margin-right: 12px;}	
				#menu ul li a span {height: 52px; cursor: pointer;}	
				#menu ul li a:hover span, #menu ul li a.active span {background-position: 0 -52px;}	
	
/* Content */	
#content {overflow: hidden; height: 1%; margin-top: 42px;}
	#content #title {height: 1%; width: 100%; padding-bottom: 51px; background: url('../images/site/separator.png') left bottom no-repeat; text-indent: -666em;}
		#content .recent-id {width: 58px; height: 11px;}
			#content .recent-id span {width: 58px; height: 11px; background: url('../images/headers/recent-id.png') no-repeat; margin-left: 68px;}

		#content .contact {width: 48px; height: 9px;}
			#content .contact span {width: 48px; height: 9px; background: url('../images/headers/contact.png') no-repeat; margin-left: 78px;}	
			
		#content .recent-web {width: 71px; height: 11px;}
			#content .recent-web span {width: 71px; height: 11px; background: url('../images/headers/recent-web.png') no-repeat; margin-left: 55px;}	
			
		#content .recent-print {width: 77px; height: 15px;}
			#content .recent-print span {width: 77px; height: 15px; background: url('../images/headers/recent-print.png') no-repeat; margin-left: 50px;}	
			
		#content .others {width: 40px; height: 11px;}
			#content .others span {width: 40px; height: 11px; background: url('../images/headers/others.png') no-repeat; margin-left: 85px;}
			
			
/* Main */	
#main {padding: 15px 0 18px; background: url('../images/site/separator.png') left bottom no-repeat; overflow: hidden; height: 1%; font-size: 1.1em;}		
	#main .body {width: 800px; float: left; margin-left: 24px; display: inline;}
		#main .body p {width: 310px; color: #fff; text-align: justify;}
			#main .body .links {margin-top: 30px;}
				#main .body .links a {color: #ccde00;}
					#main .body .links a:hover {color: #f1d077;}
		
	#main .aside {float: left;}
		#main .aside ul {list-style: none; padding: 0; margin: 0;}
			#main .aside ul li {width: 127px; text-align: right;}
				#main .aside ul li a {color: #675c5a;}
	
	
	
/* Last Works List */	
#lasts-works {font-size: 1.1em;}	
	#lasts-works h4 {display: none;}	
	#lasts-works ul {list-style: none; padding: 0; margin: 0;}	
		#lasts-works ul li {background: url('../images/site/separator.png') left bottom no-repeat; overflow: hidden; height: 1%; cursor: pointer;}	
	
	#lasts-works .body {width: 800px; float: left; margin-left: 24px; display: inline;}	
		#lasts-works .body dl {padding: 10px 0 13px; overflow: hidden; height: 1%;}	
			#lasts-works .body dl dt {display: none;}	
			#lasts-works .body dl dd {}	
				#lasts-works .body dl dd.title {float: left;}	
				#lasts-works .body dl dd.link {float: right;}	
					#lasts-works .body dl dd.link a {color: #8d7648;}	
		#lasts-works .body .link-top-work {display: none;}	
		#lasts-works .body .active {display: block;}	

	#lasts-works dl.date {padding: 10px 0 13px; float: left;}	
		#lasts-works dl.date dt {display: none;}	
		#lasts-works dl.date dd {width: 127px; text-align: right; color: #675c5a;}	
	
	
/* Footer */	
#footer {width: 950px; line-height: 80px;}	
	#footer .design-by {text-align: right;}	
		#footer .design-by a {color: #59462e; font-size: 1.1em;}	

	
/* image replacement */
#header h1 a, #menu ul li a, #content #title {position: relative; overflow: hidden;}
	#header h1 a span, #menu ul li a span, #content #title span {position: absolute; top: 0; left:0;}

#web {width: 47px;}
	#web span {width: 47px; background: url('../images/menu/web.png') no-repeat;}
	
#identity {width: 34px;}
	#identity span {width: 34px; background: url('../images/menu/identity.png') no-repeat;}
	
#print {width: 54px;}
	#print span {width: 54px; background: url('../images/menu/print.png') no-repeat;}
	
#others {width: 60px;}
	#others span {width: 60px; background: url('../images/menu/others.png') no-repeat;}
	
#contact {width: 67px;}
	#contact span {width: 67px; background: url('../images/menu/contact.png') no-repeat;}