@import url('content.css');

/*Reset CSS*/
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%;
	vertical-align: baseline;
}
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 {
	border-collapse: collapse;
	border-spacing: 0;
}
strong { font-weight:bold;}
a, a:hover { text-decoration:none;}

/*structure*/
body { background:#8d0000; width:100%; color:#510000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
	#container { width:100%;}

.wrap-header { height:480px; overflow:hidden; background:url(../images/bgd-header.jpg) 50% 0 no-repeat;}
	.header { width:960px; margin:0 auto; position:relative;}
	.logo { display:block; width:170px; height:70px; position:absolute; top:25px; right:175px;}
	.nav { position:absolute; top:280px; right:137px;}
		.nav a { float:left; margin-left:27px;}
	
	.menu {position:absolute; top:318px; right:60px;}
		.menu li { float:left;}
		.menu a { display:block;}

.wrap-main { background:url(../images/bgd-cnt-repeat.jpg) 50% 0 repeat; width:100%;}
		.main { background:url(../images/bgd-cnt-top.jpg) 50% 0 no-repeat;}

		.content { width:700px; margin:0 auto; min-height:300px; padding:10px 50px 0 75px;}
					
.footer { background:url(../images/bgd-footer.jpg) 50% 0 no-repeat; height:170px; width:100%;}
	.footer p { color:#fffdc3; font-size:11px; text-align:center; padding:115px 0 0 40px;}

	
#back-top { position:fixed; margin-left:732px; bottom:150px}
	#back-top a { background:url(../images/top.png) 0 0 no-repeat; width:72px; height:75px; display:block; text-indent:-10000px;}
	#back-top a:hover { background-position:-72px 0;}
		
.txt { background:url(../images/menu.png) 0 0 no-repeat; text-indent:-10000px;}
	.nav-1 { background-position:0 0; width:48px; height:16px;}
		a:hover.nav-1 { background-position:0 -30px;}
	.nav-2 { background-position:-60px 0; width:43px; height:16px;}
		a:hover.nav-2 { background-position:-60px -30px;}
	.nav-3 { background-position:-120px 0; width:41px; height:16px;}
		a:hover.nav-3 { background-position:-120px -30px;}
	.nav-4 { background-position:-180px 0; width:48px; height:16px;}
		a:hover.nav-4 { background-position:-180px -30px;}

	.mn-1 { background-position:0 -60px; width:115px; height:63px;}
		a:hover.mn-1, .active .mn-1 { background-position:0 -150px;}
	.mn-2 { background-position:-115px -60px; width:90px; height:63px;}
		a:hover.mn-2, .active .mn-2 { background-position:-115px -150px;}
	.mn-3 { background-position:-205px -60px; width:110px; height:63px;}
		a:hover.mn-3, .active .mn-3 { background-position:-205px -150px;}
	.mn-4 { background-position:-315px -60px; width:137px; height:63px;}
		a:hover.mn-4, .active .mn-4 { background-position:-315px -150px;}