@charset "utf-8";
@import url("reset.css");
body {
background: #600 url(background.png) repeat-x;
font: normal .75em/1.5em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 30px;
}
#page_header {
width: 800px;
margin: auto;
height: 90px;
position: relative;
}
#page_header_logo img {
behavior: url(../template/assets/common/iepngfix.htc);
width: 250px;
height: 90px;
margin-left: 16px;
}
#page_header_nav {
position: absolute;
bottom: 0;
right: 0;
}
#page_header_nav ul li {
float: left;
margin: 0 3px;
padding-right: 10px;
}
#page_header_nav ul li a {
display: block;
color: #FFF;
font-size: 11px;
padding: 7px 0 10px 10px;
}
#page_header_nav ul li:hover {
background: url(tab_rt.gif) right -50px no-repeat;
}
#page_header_nav ul li:hover a {
background: url(tab_lt.gif) left -50px no-repeat;
}
#page_header_nav.review ul li.review a,
#page_header_nav.approved ul li.approved a,
#page_header_nav.contact ul li.contact a,
#page_header_nav.about ul li.about a {
text-decoration: none;
font-weight: bold;
}
#page_header_nav.review ul li.review,
#page_header_nav.approved ul li.approved,
#page_header_nav.contact ul li.contact,
#page_header_nav.about ul li.about {
background: url(tab_rt.gif) right 0 no-repeat;
}
#page_header_nav.review ul li.review a,
#page_header_nav.approved ul li.approved a,
#page_header_nav.contact ul li.contact a,
#page_header_nav.about ul li.about a {
background: url(tab_lt.gif) left 0 no-repeat;
}
#page_body {
background: #FFF;
margin: 10px auto;
padding: 30px 30px;
width: 752px;
color: #666;
}
#page_body .highlight,
#page_body .header a {
color: #C00;
}
#page_body .header {
padding-bottom: 30px;
clear: both;
}
#page_body .header h1 {
color: #333;
font-size: 160%;
font-weight: bold;
margin: 0 0 10px 0;
}
#page_body .group {
float: left;
clear: both;
width: 100%;
margin-bottom: 50px;
}
#page_body .group h2 {
font-weight: bold;
font-size: 90%;
border-bottom: 1px solid #CCC;
height: 18px;
}
#page_body .group a {
text-decoration: none;
color: #666;
}
#page_body .group ul li {
width: 360px;
margin: 20px 15px 0 0;
float: left;
}
#page_body .group ul li.clearfloat {
margin: 0;
height: 1px;
width: 752px;
float: none;
clear: both;
}
#page_body .group ul li img {
float: left;
margin: 0 10px 0 0;
width: 133px;
height: 100px;
}
#page_body .group ul li a .highlight {
text-decoration: underline;
}
#page_body h3 {
color: #333;
font-weight: bold;
}
#page_body .clearfloat {
clear: both;
}
#about .body h2 {
font-weight: bold;
color: #333;
margin-top: 20px;
}
#about .body ul {
list-style:circle;
padding: 10px 0 10px 20px;
}
#about .body ul li span {
font-weight: bold;
}
#about .header {
padding-bottom: 10px;
clear: both;
}
#page_footer {
margin: 10px auto;
width: 800px;
color: #CCC;
font-size: 80%;
}

/* detail only */

#breadcrumb {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
#breadcrumb .tabcrumb,
#breadcrumb .groupcrumb {
	height: 33px;
	padding: 14px 20px 0 0;
	background: url(arrow.gif) center right no-repeat;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	color: #666;
}
#breadcrumb .currentcrumb {
	padding: 4px 0 0 0;
	float: left;
	width: 350px;
}
#breadcrumb .currentcrumb h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
#breadcrumb .currentcrumb p {
	font-size: 12px;
	margin: 3px 0 0 0;
}
#itemholder {
	margin: auto;
}
.previousbtn {
	text-align: left;
	padding: 10px 10px 10px 0;
}
.nextbtn {
	text-align: right;
	padding: 10px 0 10px 10px;
}
#itemholder .item {
	padding: 10px 0;
}