@charset "UTF-8";

body {
	font-size: 12px;
	color: #000;
	background: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	}

*{
	margin: 0;
	padding: 0;
}

:focus,:active { outline: 0; }


a { text-decoration: none; color: #000; }
a:hover { color: #000; }
.clear { clear: both; }

p { line-height: 23px; margin: 0 0 22px; color:#666; }
img { border: 0; }

h1 { font-size: 20px; font-weight: normal; margin-bottom: 15px;}
h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 5px auto;
	padding-bottom:20px;
	color: #333;
	}
	
h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 5px auto;
	padding-left:7px;
	color: #333;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #666;
}
h4 { font-size: 16px; font-weight: normal; margin: 3px 0 10px; width: 460px; }

/* ========== Layout =========== */

#wrapper { margin: 0 auto; width: 980px; background: url(../images/bg.jpg) no-repeat; }

#logo {
	padding: 20px 12px 10px;
	background:url(../images/top_bg.gif) no-repeat;
}
#logo h1 { font: bold 23px Helvetica; text-shadow: 1px 1px 1px #ccc; letter-spacing: 3px; padding-left:70px}
#logo h1 a { color: #333; }
#logo h1 a span { color: #000; }

#content { background: #fff; width: 980px; }
	
.menu { list-style:none; margin: 14px 25px 0 10px; width: 600px; float: left; }
	.menu li {
	float: left;
	margin: 0 4px 0 0;
}
	.menu li a { display: block; font-size: 14px; padding: 14px 24px; border: 1px solid #fff;}
	.menu li.current a { border: 1px solid #ddd; background: url(../images/menu_bg.gif) no-repeat;}
	.menu a:hover { border: 1px solid #ddd; background: }

		.menu li ul { display: block; background: #fff; margin: -1px 0 0; position: absolute; display: none; z-index: 2; border: 1px solid #ddd; }
		.menu li ul li { float: none; display: inline; margin: 0; padding: 0; }
		.menu li ul li a { width: auto; margin: 4px; white-space: nowrap; }
		
/* ========== Contact =========== */
	#contact { float: right; width: 275px; margin: 23px 18px; display: inline; text-align:right; padding-right:30px; }
	#contact .font { font: 16px; padding-right:20px; }

/* ========== Photo =========== */
#photo0 {
	width:980px;
	height:100px;
	background:url(../image/side0.jpg);	
}
#photo1 {
	width:980px;
	height:100px;
	background:url(../image/side1.jpg);	
}
#photo2 {
	width:980px;
	height:100px;
	background:url(../image/side2.jpg);	
}
#photo3 {
	width:980px;
	height:100px;
	background:url(../image/side3.jpg);	
}
#photo4 {
	width:980px;
	height:100px;
	background:url(../image/side4.jpg);	
}
#photo5 {
	width:980px;
	height:100px;
	background:url(../image/side5.jpg);	
}


#explain {
	width:800px;
	margin:0 auto;
	padding:30px;
}

#explain blockquote {
	padding:20px;
	font-weight:700;
}


/* ========== Footer =========== */

#bottom { height:10px; background: url(../images/btm_bg.gif); }

#footer { color: #666; font-size: 11px; margin: 10px 0 20px 10px; }

.post-info { font-size: 11px; color: #999; }
.read-more { background: url(../images/link.gif) no-repeat center left; padding-left: 13px; font-size: 10px; }
.break { border-top: 1px solid #ccc; margin: 30px 0; display: block; }
	.no-border { border: 0; background-color:#FFF;}
.space { margin-bottom: 20px; }

.list {
	list-style-type: disc;
}