@charset "utf-8";

/* CSS Main */
html{overflow:scroll;overflow-x:auto;height:100%;}
html,body,form,img{margin:0;padding:0;border:none;}
body {height:100%; font-family:Arial, Helvetica, sans-serif; color:#515964; font-size:12px; background:#e7ded2  url(../img/bg.png) repeat-y center top;}
body * {outline:none;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
a{text-decoration:none; color:#323233;}
a:hover{color:#9c8a76;}
h1, h2, h3, h4 { margin-bottom:5px;}
/***************** layout **************************************/
#top{width:100%;position:relative;min-height:100%;height:auto !important; height:100%; margin:0 auto; }
#Content{padding-bottom:190px; width:980px; margin:0 auto; background:#fff;}
.header{ text-align:left;margin:0 auto; width:900px;background:#fff; padding:0 40px; }
.content{text-align:left; margin:0 auto; width:900px; position:relative;background:#fff;}
.clear{clear: both; display: block; font-size: 0px; line-height:0px; content: "."; height: 0; visibility: hidden;}
.line{clear: both; display: block; font-size: 0px; line-height:0px; content: "."; height: 0; border-bottom:1px dotted #ddd; margin:20px 0;}
/*******************************************************/

#logo{ display:block; height:150px; width:230px; background:transparent url(../img/logo.jpg) no-repeat center center;}

ul#MainMenu{list-style: none; padding:0; margin:0; font-size:14px; line-height:14px;display: block; height:24px;}
ul#MainMenu ul{list-style: none; padding:0; margin:0; font-size:14px;display: block; padding-top:7px; }
ul#MainMenu li{padding:5px 15px; display: block; text-align: left; float: left; border-left:1px dotted #ddd; background:#fff; white-space:nowrap;}
ul#MainMenu li:first-child{border:none; }
ul#MainMenu ul li{float:none; text-align: left;padding:2px 0px; border:none; }
ul#MainMenu ul li a{color: #888;font-size:13px; line-height:14px;}
ul#MainMenu a{ color: #515964; padding:0; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:14px;  letter-spacing: 0; display: block; }
ul#MainMenu a:hover{ color: #9c8a76;}

.article{background:#fff; width:480px; color: #222; font-size:14px; line-height: 22px;}
.fullPanel{float: left; width: 680px; padding:0px; padding-top:30px;}
.centerPanel{ float: left; width: 480px; padding-top:30px;}
.rightPanel{ float: right; width: 300px;}

#fb-like-box{ position: relative;}
#gototop{position: absolute;  bottom:0; right:0; z-index:2; color:#fff; padding: 10px 10px; height:22px; line-height:22px;}

/**********************g map*************************/
    .googledir{ margin:0 !important; padding:0 !important;}
	#map_canvas a{ background: none; display:none;}
	#directions{ padding:30px 0 !important; color:#AAA; text-align:right;}
	#directions *{ background: none !important; font-size:12px !important; border-color:#f2f2f2 !important;}
	#directions table{border:0px solid #fff !important; margin:0  !important;}
	#directions td{color:#333; text-align:left;}
	
	/********************************************/
	
.footer{color:#aaa; position:absolute; bottom:0; width:100%; height:150px;}
.footer .content{height:150px;width:900px; padding:0 40px; margin:0 auto; background:#fff;}
.footer ul{list-style: none; padding:0; margin:0; font-size:13px; display:block;border-top:1px dotted #ddd; padding-top:20px;}
.footer ul li{padding:0; display: block; margin-right:10px; float:left;}
.footer ul a{ color: #515964; padding:0; font-size:12px; line-height:30px; text-transform:uppercase; font-family:'Open Sans',Arial, Helvetica, sans-serif;}
.footer ul a:hover{ color: #9c8a76;}
.footer ul:after{clear: both; display: block; font-size: 0px; line-height:0px; content: "."; height: 0; visibility: hidden;}
.footer .rights{font-size:11px;}
.footer .rights a{color:#515964;}
.footer .rights a:hover{color:#777; text-decoration: underline;}
.footer .social a{color:#ddd;}



.mhBannerWithButton {font-family:'Open Sans',Arial, Helvetica, sans-serif;
	background: #faf8f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #5b564f;
	font-size: 20px;
	font-weight: normal;
	line-height: 101px;
	padding: 0 35px; margin:10px auto;
}
.mhBannerWithButton a {
	background: #9c8a76;
	border: 5px solid #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	float: right;
	font-weight: 400;
	height: 56px;
	line-height: 57px;
	margin-top: 18px;
	padding: 0 40px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.31);
	-webkit-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	-ms-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
}
.mhBannerWithButton a:active,
.mhBannerWithButton a:focus,
.mhBannerWithButton a:hover {
	background: #5b564f
}
.rightPanel .mhBannerWithButton{ line-height:125%;padding:20px; font-size:16px; text-align:center;}

.rightPanel .mhBannerWithButton a{ float:none;font-size:18px;}
#mhVideos{margin: 20px 0 30px 0;}
.mhVideo {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	float: left;	
	padding: 0 15px;
	width: 20%;
	border-left: 1px dotted #ddd;
}

#mhVideos .mhVideo:first-child{ border:none;}
.mhVideo h2 {
	
	font-size: 15px; text-transform:uppercase;
	font-weight: 500;
	margin: 5px 0 0 0;
	text-align: center;
}
.mhVideo small {
	
	display: block;
	font-size: 11px;
	font-style: normal; font-weight:normal;
	line-height: 14px;
	text-align: center;
}
.mhVideo .mhVideoBtn {
	background: #9c8a76 no-repeat center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: block;
	height: 90px;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
}





.mhFeature {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin: 20px 0 30px 0;
	padding: 0 45px 0 0;
	width: 32%;
}
.mhFeature + .mhFeature {
	border-left: 1px dotted #ddd;
	padding: 0 45px;
	width: 36%;
}
.mhFeature + .mhFeature + .mhFeature {
	border-left: 1px dotted #ddd;
	padding: 0 0 0 45px;
	width: 32%;
}
.mhFeature h2 {
	
	font-size: 18px; text-transform:uppercase;
	font-weight: 500;
	margin: 10px 0 5px 0;
	text-align: center;
}
.mhFeature small {
	
	display: block;
	font-size: 14px;
	font-style: normal; font-weight:normal;
	line-height: 19px;
	text-align: center;
}
.mhLocation,
.mhPanel,
.mhCafe {
	background: transparent url("../img/features_icons.png") no-repeat 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: block;
	height: 137px;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
}
.mhLocation {
	-webkit-animation-name: anim1;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: anim1;
	-moz-animation-duration: 6s;
	-moz-animation-iteration-count: infinite;
	animation-name: anim1;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	background-position: center 0;
	background-color: #9c8a76;
}
.mhPanel {
	-webkit-animation-name: anim2;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: anim2;
	-moz-animation-duration: 6s;
	-moz-animation-iteration-count: infinite;
	animation-name: anim2;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	background-position: center -137px;
	background-color: #5b564f;
}
.mhCafe {
	-webkit-animation-name: anim3;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: anim3;
	-moz-animation-duration: 6s;
	-moz-animation-iteration-count: infinite;
	animation-name: anim3;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	background-position: center -274px;
	background-color: #e7ded2;
}
@-webkit-keyframes anim1 {
	0%, 100% { background-color: #9c8a76; }
	33% { background-color: #5b564f; }
	66% { background-color: #e7ded2; }
}
@-webkit-keyframes anim2 {
	0%, 100% { background-color: #5b564f; }
	33% { background-color: #e7ded2; }
	66% { background-color: #9c8a76; }
}
@-webkit-keyframes anim3 {
	0%, 100% { background-color: #e7ded2; }
	33% { background-color: #9c8a76; }
	66% { background-color: #5b564f; }
}
@-moz-keyframes anim1 {
	0%, 100% { background-color: #9c8a76; }
	33% { background-color: #5b564f; }
	66% { background-color: #e7ded2; }
}
@-moz-keyframes anim2 {
	0%, 100% { background-color: #5b564f; }
	33% { background-color: #e7ded2; }
	66% { background-color: #9c8a76; }
}
@-moz-keyframes anim3 {
	0%, 100% { background-color: #e7ded2; }
	33% { background-color: #9c8a76; }
	66% { background-color: #5b564f; }
}
@keyframes anim1 {
	0%, 100% { background-color: #9c8a76; }
	33% { background-color: #5b564f; }
	66% { background-color: #e7ded2; }
}
@keyframes anim2 {
	0%, 100% { background-color: #5b564f; }
	33% { background-color: #e7ded2; }
	66% { background-color: #9c8a76; }
}
@keyframes anim3 {
	0%, 100% { background-color: #e7ded2; }
	33% { background-color: #9c8a76; }
	66% { background-color: #5b564f; }
}



/*--------------------------------------------------------------------*/
div#suggest{ background:#fff; font-size:12px;display:none;text-align:left;padding:0px; height:0; overflow:hidden; border-bottom:1px dotted #ddd; z-index:1; position: absolute; width:100%;}
div#suggest .inner{margin:0; overflow: hidden;}
div#suggest .inner .message{display:inline;width:900px;} 
div#suggest .inner .close{position: absolute; top: 12px; right: 0px; width:11px; height:11px; }
div#suggest .inner .close a#close:link,
div#suggest .inner .close a#close:visited,
div#suggest .inner .close a#close:active
{display: block; width: 11px; height: 11px; background: url(../img/message_close.gif) no-repeat top;font-size:1px; margin:0;padding:0; text-decoration:none;}
div#suggest .inner .close a#close:hover { background-position:bottom;text-decoration:none;}