/*
*/

body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	background-color: #ffffff;
	background-image: url(images/body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	overflow: auto;
	top: 200px;
	right: 200px;
}

a, a:link, a:visited {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}

p { margin: 0 0 10px 0; padding: 0; }
img {
	border: none;
	padding: 0px;
}
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6, h7 {
	color: #A23231;
	font-weight: normal;
}
h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0 }
h2 {
	font-size: 25px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 12px; margin: 0 0 0px; padding: 0; }
h7 { font-size: 10px; margin: 0 0 0px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { clear: both; display: block; width: 123px; height: 39px; line-height: 39px; font-size: 11px; text-align: center; color: #333; font-weight: 700; background: url(images/templatemo_more.png) }
a.more:hover { text-decoration: none; color: #000; }

.float_l {
	float: left
}
.float_r { float: right }

.image_wrapper { position: relative; display: block; width: 144px; height: 121px; }
.image_wrapper img { width: 130px; height: 107px; margin: 7px }
.image_wrapper span {
	position: absolute;
	top: 0;
	left: 0;
	width: 144px;
	height: 121px;
	background-image: url(images/image_frame.png);
	background-repeat: no-repeat;
}
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }
.image_tb { float: center;}

.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }
.tmo_list li { margin: 0; padding: 0 0 0 30px; background: url(images/list.png) no-repeat scroll 0 7px  }

/* ------------------ */

#top_wrapper {
	width: 100%;
	background-position: top;
}

#top {
	width: 960px;
	height: 135px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {
	width: 960px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#site_title { margin: 0 auto }
#site_title h1 { margin: 0; padding: 0 }
#site_title h1 a { display: block; margin: 0 auto; width: 233px; height: 68px; color: #fff; text-indent: -10000px; background: url(images/templatemo_logo.png) no-repeat }

#middle {
	clear: both;
	width: 960px;
	height: 96px;
	background-image: url(images/banner.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* menu */
#menu {
	width: 860px;
	height: 65px;
	padding: 3px 80px;
	text-align: center;
}

#menu ul {
	display: block;
	float: left;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
}

#menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#menu ul li a {
	float: left;
	display: block;
	width: 200px;
	height: 30px;
	margin-left: 1px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	color: #666;
	font-weight: 600;
	outline: none;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#menu ul li a:hover, #menu ul li .current {
	color: #333;
	background-position: center;
}


#mid_content {
	float: right;
	margin: 40px 30px 0 0;
	width: 350px;
	height: 95px;
	padding: 28px;
}

#mid_content h2 { color: #000 }
/* end of menu */

#main {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	color: #000;
}

.col_w960 {clear: both; width: 960px; padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #ccc }
.col_w960_last { margin: 0; border: 0 }
.col_w600 {
	width: 680px;
	height: 410px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.col_w950 {
	width: 950px;
	height: 410px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.col_w450 { width: 450px }
.col_w300 { width: 300px }
.col_w260_r { float: right; width: 280px }
.col_w260_l {
	float: right;
	width: 220px;
	padding-right: 0px;
	padding-top: 25px;
	height: auto;
}
.col_w300_l {
	float: right;
	width: 260px;
	padding-right: 0px;
	padding-top: 25px;
	height: auto;
}
.col_allw300 { width: 300px; float: left; margin-right: 30px }
.col_w225 {
	float: left;
	width: 220px;
	margin-right: 20px;
}
.col_w225_content {
	padding: 0 15px
}
.col_last { margin: 0 }

.content_box {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 25px;
}

p.news_box { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #666 }

.twit_rss a { margin-right: 40px }

#footer_wrapper {
	width: 100%;
	height: 80px;
	background-color: #A23231;
}

#footer {
	width: 960px;
	padding: 15px 0 15px;
	margin: 0 auto;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#footer a { color: #fff; text-decoration: underline }
#footer a:hover { color: #333333;
}

.tmo_footer_list { margin: 0; padding: 0; list-style: none }
.tmo_footer_list li { margin: 0; padding: 0 0 0 20px; background: url(images/footer_list.png) no-repeat scroll 0 5px  }
.tmo_footer_list li a { color: #333333;
	text-decoration: underline
}

#footer h5 {
	display: block;
	width: 205px;
	height: 35px;
	line-height: 35px;
	padding-left: 15px;
	color: #fff;
	background-image: url(images/footer_header.png);
	background-repeat: no-repeat;
}

#scroll {
	width:680px;
	height:380px;
	background-color:#F2F2F2;
	overflow:auto;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#scroll_full {
	width:960px;
	height:380px;
	background-color:#F2F2F2;
	overflow:auto;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.fancybox_col {
	position:relative;
	height:425px;
	width: 730px;
	padding-top: 25px;
}

#slideshow {
	position:relative;
	height:425px;
	width: 680px;
	padding-top: 25px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	padding-top: 80px;
}

#slideshow IMG.active {
	z-index:10;
	padding-top: 80px;
}

#slideshow IMG.last-active {
    z-index:9;
	padding-top: 80px;
}

#jquery-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img
{
	border: none;
}
#lightbox-container-image-box-top
{
	width: 100%;
}
#lightbox-container-image-box-top-left
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: left;
	z-index: 10;
	display: inline;
	text-align: left;
}
#lightbox-container-image-box-top-middle
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-middle div.progress
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	background-color: #e4e4e4;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-right
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: right;
	text-align: right;
	z-index: 10;
	display: inline;
}
#lightbox-container-image-box
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

}
#lightbox-loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav
{
	position: absolute;
	top: 32px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
	left: 0;
}
#lightbox-nav a
{
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev
{
	left: 0;
	float: left;
}
#lightbox-nav-btnNext
{
	right: 0;
	float: right;
}
#lightbox-container-image-data-box
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	text-align: left;
}
#lightbox-container-image-data #lightbox-image-details
{
	width: 70%;
	float: left;
	text-align: left;
	color: #FFF
}
#lightbox-image-details-caption
{
	font-weight: bold;
	display: block;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}