body, html {
	background: #F4F0ED url("../images/background.jpg") repeat-x left top;
	font-size:14px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	height:100%;
	}
/* =====================
Structure
===================== */	
#wrapper {
	width:900px;
	margin:auto;
}
#nav {
	margin-top:10px;
	margin-bottom:21px;
}
#logo {
	float:left;
	width:260px;
}
#menu {
	float:left;
	width:638px;
}
/* =====================
Menu
===================== */
#top-nav {
	text-align:right;
	padding:0px 3px 4px 0;
}
#top-nav a {
	margin:0 2px;
}
/* =====================
Home Content
===================== */
#content-wrapper {
	border: 1px solid #ddd ;
	border-top:none;
	z-index:-39;
	background:#fff;
	padding-bottom:20px;
}
#kv {
	text-align:center;
	width:898px;
	height:246px;
}
#bottom-wrapper {
	padding: 10px 15px 5px 15px;
}
.news {
	float:left;
	width:34%;
	margin-right: 2%;
}
.events {
	float:left;
	width:34%;
}
.news h1 {
	color:#999;
	border-bottom:2px solid #999;
	margin:0;
	font-size:15px;
	letter-spacing:2px;
}
.events h1 {
	color:#98CACB;
	border-bottom:2px solid #98CACB;
	margin:0;
	font-size:15px;
	letter-spacing:2px;	
}
.feature-products {
	float:right;
	width:28%;
	text-align:right;
}
.feature-products img {
	border:1px solid #ddd;
	padding:1px;
}
img.no-border {
	border:none;
}
.no-border img {
	border:none;
}
.feature-products h1 {
	border:none;
	font-size:12px;
	color:#666;
	letter-spacing:0;
	padding:0 0 7px 0;
	margin:0;
	font-weight:normal;
}
.feature-products li {
	margin-bottom:5px;
}
.date {
	float:left;
	width:21%;
	font-size:9px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#999;
	padding-top:2px;
}
.news-list {
	float:right;
	width: 78%;
	font-size:12px;
}
.news-list a {
	text-decoration:none;
}
.news-list h3 {
	font-size:14px;
	line-height:120%;
	font-weight:bold;
	padding-bottom:5px;
	font-family:Helvetica, Arial,  sans-serif;
	letter-spacing:-0.2px;
	word-spacing:1.5px;
}
.news-list p {
	font-size:11px;
	color:#999;
	line-height:130%;
	padding-top:5px;
}
.news li, .events li {
	border-bottom:1px solid #eee;
	padding:7px 0;
	width:100%;
}
.counter {
	display:none;
	padding:5px 10px;
	background:#eee;
	font-size:10px;
	border-left:3px solid #ccc;
}
.counter span {
	font-weight:bold;
}
.notice2 {
	border:1px solid #ccc;
	display:inline;
	color:#999;
	font-size:11px;
	padding:5px 10px;
	margin:5px 0;
	text-align:right;
}
.notice {
	padding: 5px 0;
	color:#f4878d;
	float:left;
}
.notice img {
	margin:0 5px;
}
#information {
	font-size:11px;
	display:block;
	font-family: Georgia, 'Times New Roman', Times, serif;
	padding-bottom:20px;
}
.dot {
	width:12px;
	height:12px;
}
/* =====================
News
===================== */
.ditto_summaryPost {
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
.ditto_date {
	font-size:10px;
	padding:5px 0;
	color:#999;
	font-family:Georgia, 'Times New Roman', Times, serif;
}
#page .ditto_summaryPost p {
	letter-spacing:0;
	font-size:11px;
	word-spacing:0;
	margin:5px 0 10px 0;
}
.ditto_summaryPost a:hover {
	color:#B05457;
}
.ditto_link {
	font-size:9px;
}
.news-archive {
	padding-top:30px;
}
.news-archive h3 {
	border-bottom:1px solid #0061AA;
	font-size:140%;
	color:#0061AA;
	margin-bottom:10px;
	padding-bottom:2px;
}
.reflect_archive a, .reflect_archive a:visited {
	display:block;
	color:#0061AA;
	text-decoration:none;
	padding:3px 0;
}
.reflect_archive a:hover {
	color:#ccc;
	text-decoration:underline;
}
/* =====================
Page Content
===================== */
#kv-page {
	margin:0 15px;
	padding:15px 0;
}
#page {
	border:1px solid #ddd;
	margin:0 14px;
	padding:40px 30px;
	min-height:350px;
	display:block;
}
.page-text {
	float:left;
	width:560px;
}
.page-text-1col {
	width:808px;
}
.news-text {
	float:left;
	width:78%;
}
.news-archive {
	float:right;
	width:20%;
	text-align:left;
}
.page-img	{
	float:right;
	width:243px;
	text-align:right;
}
.page-img img {
	padding:3px;
	border: 1px solid #ccc;
}
#page table p {
	margin:0;
	padding:0;
	letter-spacing:0;
}
/* =====================
Side-Menu
====================== */
.page-img .sidemenu {
	text-align:left;
	margin-left:30px;
	border-top: 3px solid #0061aa;
	padding-top:2px;
	margin-top:55px;
	font-size:140%;
	color:#ccc;
}
.sidemenu a, .sidemenu a:visited {
	color:#0061aa;
}
.sidemenu ul {
	padding: 10px 15px;
	font-size:12px;
}
.sidemenu li {
	margin: 5px 0;
}
.sidemenu a, .sidemenu a:visited {
	text-decoration:none;
}
.sidemenu a:hover {
	text-decoration:underline;
}
/* =====================
sitemap
===================== */
.LSM_0 li {
	font-weight:bold;;
	font-size:20px;
	border-bottom: 1px solid #eee;
	line-height:140%;
	letter-spacing:-1px;
}
.LSM_0 li {
	padding:15px 0;
}
.LSM_0 li li {
	padding: 10px 0;
}
.LSM_0 li li li {
	padding:5px 0;
}
.LSM_0 li li li li {
	padding:0;
}
.LSM_0 li li {
	font-size:14px;
	border-bottom:none;
	letter-spacing:0;
}
.LSM_0 li li li {
	font-size:14px;
	font-weight:normal;
}
.LSM_0 li li li li {
	display:inline;
	font-size:10px;
	font-weight:normal;
	margin-right:10px;
	line-height:100%;
}
.LSM_0 ul {
	padding-left:15px;
}
.LSM_0 ul ul {
	padding-left:10px;
	border-left:1px solid #ccc;
	margin-left:20px;
}
.LSM_0 ul ul ul {
	margin-left:0;
	padding:0;
	border:0;
}

.LSM_0 li ul ul li ul li a, .LSM_0 li ul ul li ul li a:visited {
	color:#6C9D31;
}

.LSM_0 a, .LSM_0 a:visited {
	text-decoration:none;
}
.LSM_0 a:hover {
	color:#B05457;
	text-decoration:underline;
}
#page .LSM_0 a, #page .LSM_0 a:visited {
	color:#666;
}
#page .LSM_0 li li li li a, #page .LSM_0 li li li li a:visited {
	color:#9e9e9e;
}
#page .breadcrum a, #page .breadcrum a:visited {
	color:#cc8d8f;
} 
/* =====================
about Us
===================== */
#about {
	font-size:12px;
}
.contact-us-block {
	width:100%;
	color:#666;
	margin:10px 0;
}
#page #about h2 {
	color:#0061aa;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	margin-top:10px;
	font-style:italic;
	padding-bottom:5px;
	font-size:160%;
	font-weight:bold;
}
#page .contact-us-block h3 {
	font-weight:bold;
	font-size:120%;
}
.contact-us-block img {
	float:left;
	width:220px;
	border:1px solid #ccc;
	padding:2px;
}
.contact-us-block ul {
	float:right;
	width:68%;
}
.contact-us-block li {
	line-height:160%;
}
.contact-us-block a, .contact-us-block a:visited {
	color:#5aa7dd;
}
.contact-us-block a:hover {
	color: #333;
}
/* =====================
Footer
===================== */
#footer {
	font-size:10px;
	color:#AF9F8E;
	background: url("../images/footer_bak.gif") no-repeat;
	height:51px;
	margin:10px 0;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:90px;
	display:block;
}
#footer li {
	line-height:15px;
}
.footer-nav a, .footer-nav a:visited {
	color:#B05457;
	letter-spacing:1px;
	margin:0 5px;
}
.footer-nav a:hover {
	color:#ccc;
}
.copyrights {
	margin-left:5px;
}
#footer ul {
	float:left;
	width:85%;
}
#hellobeat {
	float:right;
	width:14%;
	text-align:right;
	position:relative;
	top:-2px;
	right:7px;
}
#newHeader {
	width:100%;
	border-bottom:1px solid #B05457;
}
#page #newHeader h1 {
	border:none;
}
#f-left {
	float:left;
	width:500px;
}
#f-right {
	float:right;
	width:165px;
}
.contact-us {
	float:right;
	padding:5px 7px;
	background:#eee;
	border:2px solid #ccc;
	font-size:10px;
}
/* =====================
buttons
===================== */
a.btn_more, a.btn_more:visited   {
	display:block;
	text-align:right;
	color:#B05457;
	text-decoration:none;
	margin-top:10px;
	border-bottom:1px #ccc solid;
	padding-bottom:5px;
	font-size:9px;
}
a.btn_more:hover {
	color: #ccc;
	text-decoration:none;
}
/* =====================
Style
===================== */
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica, Arial, sans-serif;
}
h1 {
	font-size:19px;
	font-weight:bold;
	color:#666;
	border-bottom:2px solid #ccc;
	padding-bottom:0px;
	margin:10px 0;
	letter-spacing:-1px;
}
h3 {
	font-size:16px;
	line-height:120%;
	font-weight:bold;
	padding-bottom:5px;
	letter-spacing:-0.2px;
	word-spacing:1.5px;
}
h4 {
	color:#B05457;
	font-size:14px;
	font-weight:bold;
	padding:10px 0;
}
h5 {
	font-size:12px;
	font-weight:bold;
}
strong {
	font-weight:bold;
	color:#333;
	font-size:11px;
}
a, a:visited {
	color:#666;
}
a:hover {
	text-decoration:underline;
}
#page a, #page a:visited {
	color:#0F90B4;
	text-decoration:none;
}
#page a:hover {
	text-decoration:underline;
}
#page h1 {
	color:#B05457;
	font-size:150%;
	line-height:170%;
	border-bottom:1px solid #B05457;
}
#page h2 {
	font-size:150%;
	font-family:Georgia, 'Times New Roman', Times, serif;
	color:#736F5C;
	letter-spacing:-0.5px;
	font-style:italic;
}
p {
	font-size:100%;
	line-height:190%;
	color:#666;
}
#page p {
	margin:10px 0 20px 0;
	word-spacing: -0.1px;
	letter-spacing: 0.2px;
	font-size:15px;
}
.breadcrum {
	font-size:11px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	color:#ccc;
}
.breadcrum a, .breadcrum a:visited {
	color:#C27F7B;
	text-decoration:none;
}
#page ul {
	margin:5px 0;
}
#page li {
	line-height:160%;
}
table {
	font-size:11px;
	color: #666;
	margin:10px 0;
}
table th {
	padding:5px 7px;
	background:#FF888C;
	color:#fff;
	border:1px solid #ccc;
	font-weight:bold;
	text-align:center;
}
table td {
	padding:5px 7px;
	border:1px solid #ccc;
	text-align:center;
}
table td td {
	border:none;
}
/* =====================
chromestyle
===================== */
#chromemenu {
	padding-left:20px;
}
#chromemenu li a{
	display:block; 
	float:left; 
	padding: 5px 10px;
	font-weight:bold;
	font-size: 16px;
	letter-spacing:-1px;
	margin:0 5px;
	
	}
.chromestyle{margin:0px;font-size:12px}
.chromestyle:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.chromestyle ul{width:100%;margin:0px;padding:0px;list-style-type:none;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px}
.chromestyle ul li{display:inline}
.chromestyle ul li a{padding:0px;margin:0px;text-decoration:none; color:#B05457;}
.chromestyle ul li a:hover{background:#B05457; color:#fff;}
.dropmenudiv{position:absolute;width:130px;top:-1px;border:1px solid #ccc;border-bottom-width:0;z-index:100;background-color:#FFF;visibility:hidden;filter:progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4)}
.dropmenudiv a{
	width:100%;
	display:block;
	border-bottom:1px solid #ccc;
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing:0px;
	text-indent:10px;
	padding:7Px 0px;
}
* html .dropmenudiv a{width:100%}
.dropmenudiv a,.dropmenudiv a:visited{color:#B05457;text-decoration:none; font-size:11px;}
.dropmenudiv a:hover{background:#AE4E52;color:#FFF}
#chromemenu form {
	display:block;
	float:left;
}
.dropmenudiv ul li a {
	display:none;
}
.dropmenudiv ul li li a {
	display:block;
}
#chromemenu li.active a{
	background:#7C7B80;
	color:#fff;
}
/* =====================
Coda-Slider
===================== */
#kv-info {
	height:170px;
	background: url("../images/kv_info_bak.jpg") repeat-x;
	width:100%;
}
#slider1 {float:left; width:828px; margin:auto; overflow:hidden;}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 170px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 828px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 170px;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 828px; /* Also specified in  .stripViewer  above */
}
.stripNavL {
	float:left;
	width:35px;
	background:url("../images/kv_info_left.jpg") no-repeat;
	text-indent:-9000px;
}
.stripNavR {
	float:right;
	width:35px;
	background:url("../images/kv_info_right.jpg") no-repeat;
	text-indent:-9000px;
}

.stripNavL a, .stripNavR a {
	width:35px;
	height:170px;
	display:block;
}
.kv-info-block {
	width:365px;
	text-align:left;
	background:#FABA75;
	padding:10px;
	float:left;
	margin: 10px 10px 0 10px;
	color:#333;
}
.kv-info-block p {
	line-height:135%;
	font-size:12px;
	color:#2F5565;
}
.kv-info-block img {
	float:left;
	margin-right:10px;
}
/* =====================
ajaxSearch
===================== */
#search {
	position:relative;
}
#search-box {
	position:absolute;
	top:50px;
	right:10px;
}
#search-box .ajaxSearch_resultsInfo, #search-box #ajaxSearch_resultListContainer {
	display:none;
}
#ajaxSearch_form {
    color: #444;
    width: auto;
}
#ajaxSearch_input {
    width: 100px;
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: 0 3px 0 0px;
    padding: 3px 0 0;
    vertical-align: top;
    color:#666;
    font-size:11px;
}
#ajaxSearch_submit {
    background:#fff;
    border:1px solid #ccc;
    display: inline;
    height: 22px;
    line-height: 22px;
    padding:1px;
    background:#eee;
}
#ajaxSearch_output {
    border: 1px solid #444;
    padding: 10px;
    background: #fff;
    display: block;
    height: auto;
    vertical-align: top;
}
.ajaxSearch_paging {

}
.AS_ajax_result {
    color: #444;
    margin-bottom: 3px;
}
.AS_ajax_resultLink {
    text-decoration: underline;
}
.AS_ajax_resultDescription{
    color: #555;
}
.AS_ajax_more {
    color: #555;
}
.ajaxSearch_resultsIntroFailure {
	display:none;
}
.ajaxSearch_result a, .axajSearch_result a:visited {
	color:#0061aa;
}
.ajaxSearch_result {
	font-size:12px;
}
#search-box .ajaxSearch_paging {
	display:none;
}
/* =====================
clearfix
===================== */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}