body {
	padding:15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
}
.hyperlinks {
	color: #2D71FF;
	text-decoration: none;
	font-weight: bold;
}
.bluestyle {
	color: #0000CC;
	text-decoration: none;
	font-weight: bold;
}
.pinkstyle {
	color: #FF0099;
	text-decoration: none;
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {
}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {
	width:955px;
	margin:0 auto;
}
#header {
	position:relative;
	height:60px;
}
#header #logo {
	position:absolute;
	right:25px;
	top:0;
}
#header #logo p {
	position:relative;
	width:300px;
	height:60px;
	overflow:hidden;
	margin:0;
	background-image: url(../img/logo.png);
}
#header #logo p span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:60px;
	margin:0;
	padding:0;
	background:url("../img/logo.gif") 0 0 no-repeat;
	cursor:pointer;
}
#header #nav {
	position:absolute;
	margin:0px;
	padding:16px 0px 0px 45px;
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	background: url("../img/navbar.png") 0 0 no-repeat;
	height: 40px;
	width: 574px;
	left: 30px;
}
#header #nav li {
	display:inline;
	margin:0;
	padding:0;
}
#header #nav a {
	float:left;
	height:26px;
	margin-right:5px !important;
	padding-left:11px;
	text-decoration:none;
	cursor:pointer;
}
#header #nav a span {
	display:block;
}
#header #nav a:hover {
	background-position:0 -52px;
}
#header #nav a:hover span {
}
#header #nav li.active a {
	background-position:0 -26px;
}
#header #nav li.active a span {
}
#footer {
	clear:both;
	padding:18px 25px 0 25px;
}
#footer p {
	margin:0;
}
#footer p.f-right .footer-rss {
	padding:5px 0 5px 27px;
	background:url("../img/footer-rss.gif") 0 0 no-repeat;
	font-weight:bold;
}
/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.box-01 {
	position:relative;
	width:955px;
	height:500px;
	background:url("../img/banner.jpg") 0 0 no-repeat;
	overflow:hidden;
	margin-bottom: 0px;
}
.box-01 #button {
	position:absolute;
	top:176px;
	left:168px;
	margin:0;
}
.box-01 #ribbon {
	position:absolute;
	top:0;
	right:0;
	width:96px;
	height:96px;
	background:url("../img/box-01-ribbon.gif") 0 0 no-repeat;
	font-size:0;
	overflow:hidden;
}
.box-01 #twitter {
	position:absolute;
	top:272px;
	left:750px;
	height:30px;
	padding-top:33px;
	padding-left:65px;
	background:url("../img/box-01-twitter.gif") 0 0 no-repeat;
}
.box-01 #news {
	position:absolute;
	top:465px;
	right:16px;
	width: 918px;
}
.box-01 #news strong {
	margin-right:5px;
}
.box-01 #slogan {
	position:absolute;
	right:5px;
	top:95px;
}
.box-01 #slogan h1 {
	position:relative;
	width:605px;
	height:110px;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:300%;
}
.box-01 #slogan h1 span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:url("../img/slogan.gif") 0 0 no-repeat;
}
.box-02 {
	width:955px;
}
.box-02-top {
	width:955px;
	height:6px;
	font-size:0;
	line-height:0;
}
.box-02-bottom {
	width:955px;
	margin-bottom:15px;
	font-size:0;
	line-height:0;
}
.box-02 .col {
	position:relative;
	float:left;
	width:300px;
	padding-bottom:17px;
	margin-bottom:-6px;
	background-position:100% 100%;
	background-repeat:no-repeat;
}
.box-02 .col.left {
	background-image:url("../img/image-01.jpg");
}
.box-02 .col.center {
	background-image:url("../img/image-02.jpg");
}
.box-02 .col .in {
	min-height:180px;
	height:auto;
}
.box-02 .col h2 {
	margin:0;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
}
.box-02 .col p {
	margin:15px 0;
}
.box-02 .col.left h2, .box-02 .col.left p, .box-02 .col.left ul {
	padding-right:20px;
}
.box-02 .col.center h2, .box-02 .col.center p, .box-02 .col.center ul {
	padding:0 20px;
}
.box-02 .col.right h2, .box-02 .col.right p, .box-02 .col.right ul {
	padding-left:20px;
}
.box-03-top {
	width:955px;
	height:6px;
	background:url("../img/box-03-top.gif") 0 0 no-repeat;
	font-size:0;
	line-height:0;
}
.box-03-bottom {
	width:955px;
	height:8px;
	margin-bottom:18px;
	background:url("../img/box-03-bottom.gif") 0 0 no-repeat;
	font-size:0;
	line-height:0;
}
.box-03 {
	padding:19px 27px 17px 25px;
	background:url("../img/box-03.gif") 0 0 repeat-y;
}
.box-03 #loopedSlider {
	position:relative;
}
.box-03 #loopedSlider .container {
	width:800px;
	height:135px;
	margin-left:49px;
	overflow:hidden;
	position:relative;
}
.box-03 #loopedSlider .slides {
	position:absolute;
	top:0;
	left:0;
}
.box-03 #loopedSlider .slides div {
	display:none;
	position:absolute;
	top:0;
	width:800px;
}
.box-03 #loopedSlider ul.pagination {
	list-style-type:none;
	margin:0;
	padding:0;
	margin:0;
	width:75px;
}
.box-03 #loopedSlider ul.pagination li {
	float:left;
	margin:0 3px;
}
.box-03 #loopedSlider ul.pagination a {
	display:block;
	width:8px;
	height:8px;
	overflow:hidden;
	background-image:url("../img/pagination.gif");
	background-position:0 0;
	background-repeat:no-repeat;
}
.box-03 #loopedSlider ul.pagination a span {
	display:none;
}
.box-03 #loopedSlider ul.pagination li.active a {
	background-position:0 -8px;
}
.box-03 #loopedSlider ul.list {
	margin:0;
}
.box-03 #loopedSlider ul.list li {
	display:block;
	float:left;
	width:140px;
	margin:0 10px;
}
.box-03 #loopedSlider ul.list li img {
	display:block;
}
.box-03 #loopedSlider .previous {
	position:absolute;
	top:45px;
	left:0;
}
.box-03 #loopedSlider .next {
	position:absolute;
	top:45px;
	right:0;
}
.box-03 #loopedSlider .pagination {
	position:absolute;
	bottom:0;
	left:425px;
}
.box-04 {
	position:relative;
	width:935px;
	height:38px;
	padding:22px 10px;
	background:url("../img/bottombar.png") 0 0 no-repeat;
	overflow:hidden;
}
.box-04 .box-04-title {
	float:left;
	display:block;
}
.box-04 .box-04-title h3 {
	float:left;
	margin:0;
	padding-left:8px;
	height:36px;
	overflow:hidden;
	background:url("../img/box-04-title-l.gif") 0 0 no-repeat;
	font-weight:bold;
	font-size:100%;
}
.box-04 .box-04-title h3 span {
	float:left;
	display:block;
	padding:9px 15px 9px 7px;
	background:url("../img/box-04-title-r.gif") 100% 0 no-repeat;
}
.box-04 .box-04-links {
	margin:0;
	padding:8px;
	text-align: center;
}
.box-04 .box-04-links span {
	margin:0 10px;
}
/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */

#title {
	position:relative;
	width:955px;
	height:122px;
	background:url("../img/titlebar.png") 0 0 no-repeat;
}
#title h1 {
	margin:0;
	padding:13px 25px 0 25px;
	font-size:35px;
	font-weight:bold;
	letter-spacing:-1px;
}
#title #subnav {
	position:absolute;
	left:27px;
	bottom:17px;
	margin:0;
	width: 910px;
}
#title #subnav a {
	font-weight:normal;
}
#title #subnav span {
	margin:0 7px;
}
#breadcrumbs {
	margin:0;
	padding:13px 25px;
}
.cols-top {
	width:955px;
	height:10px;
	background:url("../img/columntop.png") 0 0 no-repeat;
	font-size:0;
	line-height:0;
}
.cols-bottom {
	width:955px;
	height:10px;
	background:url("../img/columnbottom.png") 0 0 no-repeat;
	font-size:0;
	line-height:0;
}
.cols {
	background:url("../img/column.png") 0 0 repeat-y;
}
.content {
	width:904px;
	padding:10px 25px 10px 25px;
}
.content ul {
	margin:15px 25px;
}
.content ul ul {
	margin:0 0 0 25px;
}
.content ul li {
	padding-left:13px;
	background:url("../img/ul.gif") 0 6px no-repeat;
}
.content ul ul li {
	padding-left:13px;
	background:url("../img/ul-ul.gif") 0 6px no-repeat;
}
.content table {
}
.content table th, .content table td {
	padding:7px 10px;
}
.content table th {
}
.content dt {
	font-weight:bold;
}
.content dd {
	margin-left:25px;
	margin-bottom:15px;
}
.content h1, .content h2 {
	font-size:20px;
}
.content h3 {
	font-size:18px;
}
.content h4 {
	font-size:16px;
}
.content h5, h6 {
	font-size:100%;
}
.content .content-box {
	margin:15px 0;
	margin-left:-25px;
	margin-right:-25px;
	padding:25px;
}
.content .perex {
	margin:0 -25px 10px -25px;
	padding:19px 25px 10px 25px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
}
.content .perex p {
	margin:0;
}
.aside {
	float:left;
	width:262px;
	padding:25px 22px 25px 21px;
}
.aside h2 {
	margin:0;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
}
.aside .aside-box {
	margin:10px 0 20px 0;
	margin-left:-20px;
	margin-right:-22px;
	padding:20px;
}
/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

img.f-right {
	margin-left:15px;
}
img.f-left {
	margin-right:15px;
}
.input {
	padding:7px;
	background:url("../img/input.gif") 0 0 no-repeat;
	font:100%/1 "arial", sans-serif;
}
.smaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.8;
}
