/* RESET SETTINGS */
html, body, div, h1, h2, h3, h4, h5, h6, p, a, em, font, img, small, center, dl, dt, dd, ol, ul, li, form, fieldset { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font: 500 12px Arial; font-family: arial, verdana, sans-serif; }
h1 { font-weight: normal; }
ul { list-style: none; }
ol { list-style: none; }
a { text-decoration: none; }
img a { border: none; }
/*END RESET*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons {display: none;}
.cs-buttons a {}
.cs-active {display: none;}
.cs-title {display: none;}
.cs-prev, .cs-next {display: none;}
.header {height: 402px;overflow: hidden;position: relative;}
.main_header {width: 940px;top: 0px;margin: 0px auto;z-index: 150;height: 0px;position: relative;}
.main_header h1.logo {position: absolute;z-index: 1000;top: 140px;left: 0px;}
.main_header .addthis {position: absolute;z-index: 1000;top: 220px;right: -15px;}
.main_header .addthis a {display: block;height: 42px;width: 42px;float: left;text-indent: -9999px;}
.main_header .addthis a.fb {background:  url(../images/soc1.png) top left no-repeat;margin: 0px 15px 0px 0px;}.main_header .addthis a.fb:hover {background-position: bottom left;}
.main_header .addthis a.gg {background:  url(../images/soc2.png) top left no-repeat;margin: 10px 15px 0px 0px;}.main_header .addthis a.gg:hover {background-position: bottom left;}
.main_header .addthis a.tw {background:  url(../images/soc3.png) top left no-repeat;margin: 24px 15px 0px 0px;}.main_header .addthis a.tw:hover {background-position: bottom left;}
.main_header .addthis a.rss {background:  url(../images/soc4.png) top left no-repeat;margin: 38px 15px 0px 0px;}.main_header .addthis a.rss:hover {background-position: bottom left;}
#view_show {z-index: 50;position: relative;margin: 0px auto;}
.bg_mask {height: 211px;width: 100%;position: absolute;z-index: 100;background: url(../images/bg_cong.png) top center no-repeat;bottom: 0px;}
.navBar {position: absolute;z-index: 150;bottom: 0px;left: 0px;width: 100%;padding-top: 10px;}
.navBar ul {position: relative;width: 940px;margin: 0px auto;border: 1px solid #c34131;overflow: hidden;border-left: none;border-right: none;}
.navBar ul li {float: left;margin-right: 1px;}
.navBar ul li.active a {background: #c34131;color: white;}
.navBar ul li a {font-size: 16px;font-weight: bold;color: #c34131;padding: 18px 10px;display: block;}
.navBar ul li a:hover {color: #fff;background: #c34131;}
#container {width: 940px;margin: 40px auto 20px auto;}
.summary {overflow: hidden;}
.summary h2.title {font-size: 24px;text-transform: uppercase;color: #c34131;font-family: serif;margin-bottom: 15px;}
.summary p {color: #505050;margin-bottom: 10px;line-height: 1.6em;text-align: justify;}
.summary p span {color: #867c7e;}
.welcome {float: left;width: 290px;height: 300px;border-right: 1px solid #d7d4d4;padding-right: 20px;}
.news_events {float: left;width: 270px;height: 300px;border-right: 1px solid #d7d4d4;padding: 0px 20px;overflow: hidden;}
.news_events img {width: 100%;height: 110px;margin-bottom: 10px;}
.news_events h6 {float: left;clear: both;}
.news_events h6 a {display: block;color: #fff;background: #000;padding: 10px 10px;text-transform: uppercase;font-weight: bold;}
.news_events h6 a:hover {background: #FF6626;}
.other {float: left;width: 295px;height: 300px;padding: 0px 0px 0px 20px;}
.other ul li h2.title {font-size: 22px;padding-left: 25px;background: url(../images/icon_all.png) 0px 3px no-repeat;}
.other ul li h2.title a {font-size: 22px;text-transform: uppercase;color: #c34131;font-family: serif;}
.other ul li h2.title a:hover {color: black;}
.footer {width: 100%;clear: both;height: 185px;background: url(../images/bg_footer.png) repeat-x;}
.main_footer {width: 940px;margin: 0px auto;height: 185px;position: relative;}
.main_footer h1.logo_footer {position: absolute;top: 0px;right: 0px;}
.main_footer .info {position: absolute;bottom: 20px;left: 0px;color: white;}
.main_footer .info h1 {font-size: 18px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;}
.main_footer .info p {line-height: 1.6em;}
.main_footer .copy_right {color: white;position: absolute;bottom: 20px;right: 0px;}
.content {border-right: 1px solid #d7d4d4;float: left;width: 604px;padding-right: 20px;}
.main-detail img {width: 500px;display: block;padding: 2px;border: 1px solid #d7d4d4;margin: 20px auto;}
.main-detail h1 {font-size: 24px;color: #c34131;font-family: Times New Roman;padding-bottom: 10px;border-bottom: 1px solid #d7d4d4;margin-bottom: 20px;}

.main-list {overflow: hidden;margin-bottom: 20px;}
.main-list h2 {font-size: 24px;color: #c34131;font-family: Times New Roman;padding-bottom: 10px;border-bottom: 1px solid #d7d4d4;margin-bottom: 20px;}
.main-list p {font-size: 12px;color: #505050;line-height: 1.5em;text-align: justify;margin: 10px 0px;}
.main-list img {width: 200px;padding: 5px;border: 1px solid #ddd;background: #fff;float: left;margin-right: 10px;}
.main-list ul li {background: url(../images/bg_sophi.png) bottom left repeat-x;padding: 10px 0px;overflow: hidden;}
.main-list ul li h6 {background: url("../images/readmore.png") no-repeat scroll 0 1px transparent;display: inline-block;height: 32px;padding-left: 21px;float: right;}
.main-list ul li h6 a {background: url("../images/readmore.png") no-repeat scroll right bottom transparent;color: #333333;display: block;font-weight: bold;height: 32px;line-height: 32px;padding-right: 21px;}
.main-list ul li h3 a {font-size: 13px;color: #3E6B59;display: block;font-weight: bold;}
.main-list ul li h3 a:hover {color: #C34131;}

.main-list .pt {clear: both;overflow: hidden;padding: 10px 0px;}
.main-list .results {float: left;color: #505050;font-size: 11px;font-weight: bold;padding-top: 5px;}
.main-list ul.pager {float: right;width: auto;}
.main-list ul.pager li {float: left;padding: 0px;border: none;margin: 0px 2px;width: auto;}
.main-list ul.pager li a {padding: 0px 7px;border: 1px solid #ccc;height: 20px; line-height: 20px;display: block;color: #505050;background: #fff;}
.main-list ul.pager li a.current {background: #505050;color: white;border-color: #505050;}
.main-list ul.pager li a:hover {background: #505050;color: white;border-color: #505050;}

.sample_library {overflow: hidden;margin-bottom: 20px;}
.sample_library ul {width: 105%;}.sample_library ul li {float: left;text-align: center;width: 192px;margin-right: 10px;margin-bottom: 10px;}
.sample_library img {border: 1px solid #dce2e0;padding: 10px;background: #fff;margin-right: 10px;width: 177px;height: 90px;display: block;margin-bottom: 10px;}
.sample_library h2 {font-size: 24px;color: #c34131;font-family: Times New Roman;padding-bottom: 10px;border-bottom: 1px solid #d7d4d4;margin-bottom: 20px;}
.introduction p {font-size: 12px;color: #505050;line-height: 1.5em;text-align: justify;}

.contact {overflow: hidden;margin-bottom: 20px;}
.contact h2 {font-size: 24px;color: #c34131;font-family: Times New Roman;padding-bottom: 10px;border-bottom: 1px solid #d7d4d4;margin-bottom: 20px;}
.comment_contact { border-bottom: 1px dotted #eaeaeb; position: relative; padding: 10px 10px 22px 10px;}
.comment_contact h1 { font-weight: bold; color: #005496;padding-bottom: 5px;}
.comment_contact h3 { font-weight: bold; color: #4d4d4f;}
.comment_contact p { padding: 3px 10px; color: #4d4d4f;width: 40%}
.comment_contact p a { color: black; }
.comment_contact p strong { text-transform: uppercase; color: red; font-weight: bold; }
.comment_contact h6 {line-height: 19px; color: #4d4d4f;}
.comment_contact h6 strong {color: #ed1d24; font-size: 14px;}
.small_map { position: absolute; top: 10px; right: 10px;width: 315px;height: 200px; }
.main_map { border: 1px solid #ccc;}
.main_contact { padding: 10px; }
.main_contact div { padding: 10px 0px 0px 0px; overflow: hidden;}
.main_contact h3 { font-weight: bold; color: #005496; padding-bottom: 5px; }
.main_contact label.label { display: block; width: 100px; float: left; padding: 5px 5px 0px 0px; text-align: right; }
.main_contact div .error { color:#ff0000;padding:0px 5px;}
.main_contact input.text { width: 286px; height: 22px; border: 1px solid #98999b; color: #414042; float:left;}
.main_contact input.text2 { width: 437px; height: 22px; border: 1px solid #98999b; color: #414042; }
.main_contact textarea { width: 437px; height: 150px; border: 1px solid #98999b; color: #414042; float:left;}
.main_contact input.button { border: none;background: #c0c0c0;border-bottom: 1px solid #fff;border-radius: 10px;padding: 10px 0px;width: 20%;color: #737272;font-size: 14px;font-family: arial;font-weight: bold;text-shadow: 1px 1px 0px #fff;cursor: pointer;box-shadow: 0px 3px 3px #737272 inset;margin-right: 10px;}
.main_contact input.button:hover {color: #fff;text-shadow: none;}
.contact div.cacha {float: left;overflow: hidden;padding: 0px;overflow: hidden;}
.contact div.cacha img {float: left;padding: 0px 10px;}
.contact div.cacha input[type="submit"] {float: left;background: #C34131; width: 76px; height: 25px; border: none;cursor: pointer;color: white;border-radius: 5px;font-family: arial;font-weight: bold;margin-top: 2px;}
.contact div.cacha input[type="button"] {float: left;background: #C34131; width: 76px; height: 25px; border: none;cursor: pointer;color: white;border-radius: 5px;font-family: arial;font-weight: bold;margin-top: 2px;}
.contact div.cacha input[type="reset"] {float: left;background: #C34131; width: 76px; height: 25px; border: none;cursor: pointer;color: white;border-radius: 5px;font-family: arial;font-weight: bold;margin-top: 2px;}

.main-booking {overflow: hidden;margin-bottom: 20px;}
.main-booking h2 {font-size: 24px;color: #c34131;font-family: Times New Roman;padding-bottom: 10px;border-bottom: 1px solid #d7d4d4;margin-bottom: 20px;}
.main-booking h3 {font-size: 14px;color: #333;padding-bottom: 10px;background: url(../images/bg_sophi.png) bottom left repeat-x;margin-bottom: 10px;}
.main-booking label {font-size: 12px;color: #505050;margin: 0px 0px;display: block;width: 150px;float: left;padding: 5px 0px 5px 20px;}
.main-booking label span {color: red;padding: 0px 3px;}
.main-booking div {overflow: hidden;padding: 5px 0px;}.box-booking div div {display: inline-block;}
.box-booking div {color: #505050;}
.main-booking input[type="text"] {padding: 5px;border: 1px solid #ddd;width: 300px;}
.main-booking input[type="text"].small {width: 80px;}
.main-booking select {padding: 5px;border: 1px solid #ddd;width: 244px;}
.main-booking textarea {padding: 5px;border: 1px solid #ddd;width: 430px;height: 150px;}
.main-booking .button label {width: 150px;}
.main-booking .button input {border: none;background: #c0c0c0;border-bottom: 1px solid #fff;border-radius: 10px;padding: 10px 0px;width: 20%;color: #737272;font-size: 14px;font-family: arial;font-weight: bold;text-shadow: 1px 1px 0px #fff;cursor: pointer;box-shadow: 0px 3px 3px #737272 inset;margin-right: 10px;}
.main-booking .button input:hover {color: #fff;text-shadow: none;}