@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bfbebe;
	background-color:#252c2f;
	margin:0;
	padding:0;
}

body img {
	border: none;
}

body h1 {
	font-size:16px;
	margin:10px 0;
	color:#f58220;
}

body p {
	margin: 15px 0;
}

body a {
	color:#f58220;
	text-decoration:none;
}

body a:visited {
	color:#f58220;
}

body a:hover {
	color:#FFFFFF;
}


#bg {
	background: url(/images/bg_center.jpg) repeat-y;
	width:970px;
	margin: 0 auto;
}

#header {
	width: 900px;	
	margin: 0 auto;
	overflow:hidden;
}

#logo {
	width: 750px;
	float:left;
	margin: 0 auto;
	overflow:hidden;
	height:146px;
}


.title_bg {	
	width:970px;
	height:25px;
	overflow:hidden;
	background-color:#1f2929;	
	
}

.banner {
	text-indent:20px;
	vertical-align:middle;
	width:970px;
	margin:5px;
	overflow:hidden;
	background-color:#1f2929;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	
}

.navi {
	width:150px;
	float:left;
	margin: 0 auto;
	

}

.navi ul {
	margin:20px 0;
	padding:0;
	list-style:none;

}


.navi li a {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	font-size:11px;
	padding:3px 18px;
}

.navi li a:hover {
	color:#ffd100;
	background:#000000;
	text-decoration:none;
	font-size:11px;
}

.selected {
	color: #ff9999;
}

#content {
	width:950px;
	margin:0 auto;
	padding: 20px 20px 20px 20px;
	
}

#footer {
	
	height:25px;
	width:970px;
	margin:0 auto;

	font-size:10px;
	text-align:right;
	padding: 5px 0px 0px 0px;
	color:#f2f1f1;
}

.section {
	width:175px;
	float:left;
	margin:30px 15px 0 0;
}

.section img {
	margin: 8px 0 0 0;
	display:block;
}

.left {
	width:208px;
	float:left;
}

.right {
	width: 530px;
	float:left;
	padding: 0 0 0 20px;
	border-left: solid 1px #CCCCCC;
}

.button ul {
	margin:0;
	padding:0;
}

.button li {
	background:url(/images/button.gif) no-repeat;
	width: 176px;
	height:26px;
	line-height:26px;
	padding: 0 10px 0 22px;
	margin: 0 0 5px 0;	
	list-style:none;
	float:left;
}


.button ul li ul li {
	background:none;
	padding:0;
	margin:0;
	list-style:circle inside;
}

.images {
	width:116px;
	float:left;
	margin:0 15px 15px 0;
}

.images img {
	margin-bottom:5px;
	display:block;
}

.albumtitle {

	vertical-align:middle;
	width:930px;
	height:19px;
	overflow:hidden;
	font-size:12px;
	color:#FFFFFF;
}

.pgnumber {
	text-align:right;
	word-spacing:10px;
	vertical-align:middle;
	width:930px;
	height:19px;
	overflow:hidden;
	font-size:12px;
	color:#FFFFFF;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 930px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 183px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}