body {  background: #ccc url(../i/pageBack.png) repeat-y 50% 0; font:normal normal 13px/1.5 "Arial", "Tahoma", "Helvitica", sans-serif;  margin:0;  padding:0;  }
/*  */
table, img {  border:none;  }
input, select, textarea {  font:normal 100% "Arial", "Tahoma", "Helvitica", sans-serif;  }
input, textarea {  border:#ccc 1px solid;  background: #eee; padding:1px 2px;  }
ul, li {  margin:0;  padding:0;  list-style-type:square;  }
a {  color:#006697 /*#13767c*/;  }
#main {  width:100%;  clear:both;  text-align:center;  }
#wrapper {  width:980px;  margin:auto;  padding:0;  background:#fff;  position:relative;  text-align:left;  }

#thisCouldBeHeaven {  height: 380px;  background: #31a2ce url(../i/hatLand.jpg) no-repeat 0 100%;  }
#thisCouldBeHeaven #sky {  background: url(../i/hatSky.jpg) repeat-x 0 0;  position: relative;  height:380px;  }
#thisCouldBeHeaven #clouds {  background: url(../i/hatClouds.jpg) no-repeat 100% 0;  width: 907px;  height: 147px;  position: absolute;  top: 0;  right: 0;  display: none;  }
#thisCouldBeHeaven #rainbow {  background: url(../i/hatRainbow.jpg) no-repeat 0 0;  width: 323px;  height: 343px;  position: absolute;  top: 0;  left: 123px;  display: none;  }
#logo {  position: absolute;  top: 35px;  left: 49px;  z-index: 5;  }
#best {  z-index: 3; float: right; position: absolute; top: 208px; right: 35px; width: 270px; height: 180px;  }
#picture {  background: #ebf2f7 url(../i/bottom.png) no-repeat 100% 0;  clear: both;  width: 980px;  height: 70px;  }
#thisCouldBeHeaven h1 {  font-size: 16px;  color: #fff;  position: absolute;  margin: 0;  bottom: 20px;  left: 20px;  line-height: 18px;  z-index: 5;  text-shadow: #333 0 1px 3px;  }

#cityNav {  list-style: none;  padding: 0;  margin: 0;  float: left;  font-size: 15px;  font-weight: bold;  background: #989898 url(../i/cityNavRainbow.png) repeat-x 0 0;  width: 640px;  line-height: 18px;  }
#cityNav li {  list-style: none;  padding: 0 20px 0 0;  float: left;  background: url(../i/cityNavDiv.png) no-repeat 100% 50%;  }
#cityNav li span {  padding: 13px 20px 14px;  display: block;  }
#cityNav li a {  color: #fff;  }
#cityNav li a:hover {  color: #eef;  text-decoration:none;  }
#cityNav li.active span {  background: url(../i/navActive.png) no-repeat 50% 100%;  }
/*#cityNav .city2 {  background: #006c80 url(../i/city2navBack.png) repeat-x 0 0;  }
#cityNav .city3 {  background: #1a8029 url(../i/city3navBack.png) repeat-x 0 0;  }
#cityNav .city4 {  background: #1a9ea6 url(../i/city4navBack.png) repeat-x 0 0;  }*/

#mainNav {  list-style: none;  padding: 0;  margin: 0;  border-top: 1px solid #ccc;  color:#555;  }
#mainNav li {  list-style: none;  padding: 6px 10px 6px 20px;  border-bottom: 1px solid #ccc;  }
#mainNav ul {  font-size:11px;  }
#mainNav li ul li {  border-bottom: none;  padding: 2px 0 2px 15px;  }
#mainNav li.active {  background: url(../i/mainNavActiveBack.png) repeat 0 0;  }
#mainNav li li.active {  background: none;  }
#mainNav a {  text-decoration:none;  }
#mainNav a:hover {  text-decoration:underline;  }
#mainNav li.active a {  color:#444;  }

#doubleNav {  font-size: 11px;  padding-bottom: 4px;  }
#doubleNav strong {  font-weight: normal;  }

#box {  clear: both;  width: 980px;  background:#ebf2f7 /*#dce5ec #f3f8fa*/;  color: #000;  }
#column {  width: 220px;  float: left;  padding: 9px 0 60px;  }
#content {  width: 710px;  float: left;  padding: 17px 10px 60px 40px;  }
#addColumn {  width: 289px;  float: left;  padding: 17px 0 0 20px;  border-left:1px #ccc solid;  display:none;  }
#page1 #content {  width:400px;  }
#page1 #addColumn {  display:block;  }

#content ul {}
#content ul li {}
#content h1 {  font:normal 28px "Times New Roman", "Times", serif;  margin:0 0 16px -2px;  color:#333;  }
h2 {  font:normal 20px "Times New Roman", "Times", serif;  margin:0 0 16px -1px;  }
h3 {  font-size:100%;  font-weight:bold;  margin:0 0 1em;  }
img {  border-width:0;  }
#content p {  margin:0 0 1em;  }

#addColumn h1 {  font:normal 28px "Times New Roman", "Times", serif;  margin:0 0 0 -2px;  color:#333;  position:relative;  }
#addColumn .date {  display:none;  }
#addColumn .rainbow {  width:309px;  height:52px;  margin:-45px 0 21px -20px;  overflow:hidden;  }
#addColumn .rainbow div {  width:618px;  margin-left:0;  }

#hotelList {  clear: both;  }
.hotel {  float: left;  width: 320px;  padding: 10px;  background: #cce1eb;  margin: 0 10px 10px 0;  height:108px;  }
.hotel img {  border: #fff 4px solid;  float: left;  width: 150px;  height: 100px;  margin-right: 10px;  }
.hotel h4 {  font-size: 110%;  font-weight:bold;  float:left;  width:150px;  line-height:120%;  margin:0 0 6px;  padding-top:3px;  }
.hotel .anouns {  float: left;  margin:0;  width:150px;  line-height:16px;  font-size:11px;  }
.hotelCity {  clear: both;  display: block;  width: 100%;  font-size: 110%;  font-weight: bold;  }

.newsBit.mainBit {  float:left; width:320px; margin-right:20px; }
.newsBit.hasThumb {  padding-left:170px;  clear:left;  }
.newsBit .pic {  float:left;  width:150px;  border:#fff 4px solid;  margin-left:-170px;  margin-bottom:30px;  display:none;  }
.newsBit.hasThumb .pic {  display:block;  }
.newsBit .date {  color:#999;  font-size:11px;  }
.newsBit h2 {  font-family: "Arial", "Tahoma", "Helvitica", sans-serif;  font-size: 15px;  font-weight:bold;  margin: 0 0 6px;  }
.newsBit h2 a {  text-decoration: none;  }
.newsBit:hover h2 a {  text-decoration: underline;  }
.newsBit .text {  margin:0 0 30px;  }
.newsShow .date {  font-size: 11px;  color: #999;  margin: -16px 0 16px;  }
#wrapper #addColumn .newsBit h2 {  font-size: 100%;  font-weight:bold;  margin: 0;  }

.mediaThumbs {  background: #cce1eb;  padding: 10px 0 10px 10px;  float: left;  width: 690px;  }
.mediaThumbs a {  float: left;  margin:0 10px 10px 0;  border: #fff 4px solid;  }

#newsCal table {   border-collapse: collapse;  width: 100%;  }
#newsCal table td, #newsCal table th {  border-collapse: collapse;  padding:6px 0 6px 12px;  border-bottom: 1px solid #ccc;  text-align: right;  font-size: 12px;  }
#newsCal table td.today {  padding-left: 20px;  text-align: left;  background: url(index.html) repeat 0 0;  color:#555;  font-size: 13px;  }
#newsCal table td.selects {  text-align:center;  }
#newsCal table select {  margin:0 10px;  }

#calSelect {  padding: 4px 10px 7px 20px;  background: url(../i/mainNavActiveBack.png) repeat 0 0;  margin-top:30px;  color:#555;  border-color:#ccc;  border-style:solid;  border-width:1px 0;  }
#calSelect select {  margin-top:5px;  margin-left:-1px;  }

#bottom {  clear:both;  background:#cce1eb;  padding:24px 20px 20px;  margin:0;  height:1em;  line-height:11px;  }

.price {  border-collapse:collapse;  width:100%;  }
.price td {  border:1px #ccc solid;  font-size:10px;  padding:5px;  border-collapse:collapse;  }
.price tr.odd td {  background:#cce1eb;  }
.price tr.firstRow td {  background:#cce1eb;  }

#pageNav {  clear:both;  padding-top:30px;  }
#pageNav a {  margin-left:5px;  padding:4px 8px 3px;  background:#cce1eb;  text-decoration:none;  }
#pageNav a:hover {  text-decoration:underline;  }
#pageNav strong {  margin-left:5px;  padding:2px 6px 1px;  border:#fff 2px solid;  background:#fff;  }

/* Lightbox */
.jCarouselLite ul {  list-style:none;  height:180px;  }
.jCarouselLite li {  float:left;  margin:0;  list-style:none;  height:180px;  width:270px;  }
.jCarouselLite .preview img {  border:0; height:180px; with:270px; overflow:hidden;  }
.jCarouselLite a,.newsBitMain a {  text-decoration:none;  }
.jCarouselLite li a span {  display:block;  padding:5px 8px;  color:#fff;  margin-top:-30px;  text-shadow: #000 0 1px 2px;  font-weight:bold;  }
.jCarouselLite {  width:270px;  height:180px;  }
#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 {  position:relative;  background-color:#fff;  width:250px;  height:250px;  margin:0 auto;  }
#lightbox-container-image {  padding:10px;  }
#lightbox-loading {  position:absolute;  top:40%;  left:0%;  height:25%;  width:100%;  text-align:center;  line-height:0;  }
#lightbox-nav {  position:absolute;  top:0;  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;  }
#lightbox-container-image-data {  padding:0 10px;  color:#666;  }
#lightbox-container-image-data #lightbox-image-details {  width:70%;  float:left;  text-align:left;  }
#lightbox-image-details-caption {  font-weight:bold;  }
#lightbox-image-details-currentNumber {  display:block;  clear:left;  padding-bottom:1.0em;  }
#lightbox-secNav-btnClose {  width:19px;  float:right;  padding-bottom:0.7em;  }
