body {background: #558edc url(../images/back01.png); background-repeat: repeat-x; text-align: center; }

img .back {background: #fff url(../images/smallPicBack.gif) no-repeat; background-position: center; }
li {font-family:verdana; font-size: 11px; color: #333; }

.mainTop {background: #fff url(../images/mainback01.png); width: 996px; height: 21px; overflow: hidden; margin: 30px auto; margin-bottom: 0;}
.mainMiddle {background: #fff url(../images/mainback03.png) no-repeat; width: 996px;  height: 649px; margin: 0 auto; text-align:left;}
.bottom {background: #fff; width: 996px; height:30px; margin: 0 auto; }
.mainBottom {background: #fff url(../images/mainback02.png); width: 996px; height: 20px; overflow: hidden; margin: 0 auto;}
	
.mainLayout {width: 810px; margin: 0; position:relative; top: 30px; }
.headerTD {width:585px;}
.spacerTD {height:20px;}
.contentsTD {width:225px;}
.mainTD {width:585px; text-align:center;}

.cont { margin: 20px 15px; cursor: pointer;}
.Home {background: #fff url(../images/contHome01.png); width: 46px; height: 20px;}
.Hostel {background: #fff url(../images/contHostel01.png); width: 48px; height: 20px;}
.Activities {background: #fff url(../images/contActivities01.png); width: 72px; height: 20px;}
.Work {background: #fff url(../images/contWork01.png); width: 41px; height: 20px;}
.Gallery {background: #fff url(../images/contGallery01.png); width: 56px; height: 20px;}
.Rooms {background: #fff url(../images/contRooms01.png); width: 114px; height: 20px;}
.HowToGetHere {background: #fff url(../images/contHowToGetHere01.png); width: 128px; height: 20px;}
.Contact {background: #fff url(../images/contContact01.png); width: 84px; height: 20px;}
.HomeOn {background: #fff url(../images/contHome02.png); width: 46px; height: 20px;}
.HostelOn {background: #fff url(../images/contHostel02.png); width: 48px; height: 20px;}
.ActivitiesOn {background: #fff url(../images/contActivities02.png); width: 72px; height: 20px;}
.WorkOn {background: #fff url(../images/contWork02.png); width: 41px; height: 20px;}
.GalleryOn {background: #fff url(../images/contGallery02.png); width: 56px; height: 20px;}
.RoomsOn {background: #fff url(../images/contRooms02.png); width: 114px; height: 20px;}
.HowToGetHereOn {background: #fff url(../images/contHowToGetHere02.png); width: 128px; height: 20px;}
.ContactOn {background: #fff url(../images/contContact02.png); width: 84px; height: 20px;}

.header {background: #fff url(../images/logo01.png) no-repeat; width: 294px; height: 116px; }
.footerL {font-family:verdana; font-size: 10px; color: #777; width: 210px; text-align: right; float:left; }
.footerR {font-family:verdana; font-size: 12px; color: #34639d; width: 705px; text-align: right; float:left; }

.locationBox {font-family:verdana; font-size: 12px; color: #333; text-align:right; margin: 10px 10px; margin-top:20px;}

a.link01 {color: #34639d; text-decoration: none; }
a.link01:hover {color: #83b8fa; text-decoration: none; }

.mainTitle01 { font-family:verdana; font-size: 13px; color: #333; margin: 20px 0 0 20px; text-align: justify; text-justify: newspaper; font-weight:bold; }
.mainTitle02 { font-family:verdana; font-size: 12px; color: #333; text-align: justify; text-justify: newspaper; font-weight:bold; }
.mainTitle01 { font-family:verdana; font-size: 13px; color: #333; margin: 20px 0px; font-weight:bold; text-align:center; }
.mainText { font-family:verdana; font-size: 12px; color: #333; margin: 20px 20px; text-align: justify; text-justify: newspaper; }
.mainText2 { font-family:verdana; font-size: 12px; color: #333; margin: 20px 0px 20px 20px; text-align: justify; text-justify: newspaper; }
.mainText3 { font-family:verdana; font-size: 12px; color: #333; text-align: center; margin-bottom:10px; }
.mainText4 { font-family:verdana; font-size: 12px; color: #333; margin: 5px 0px; text-align: justify; text-justify: newspaper; }
.mainText5 { font-family:verdana; font-size: 11px; color: #333; text-align: center; margin-bottom:10px; }
.mainText6 { font-family:verdana; font-size: 12px; color: #333; text-align: center; margin: 4px 0;}

.otherText01 { font-family:verdana; font-size: 12px; color: #34639d; font-weight:bold; margin: 20px auto; text-align:center;}

.list01 {height:300px; }

.picTable {margin:0 auto; }
.picTable2 {margin-left: 20px;}
.picTable3 {margin-left: 0px;margin-top:15px; width:530px;}

.smallPic {width:231; height:154px;border:3px solid #7bb5ef; background: #fff url(../images/smallPicBack.gif) no-repeat; background-position: center; }

.tourWindow {width:550px; height:347px; background: url(../images/smallPicBack2.gif) no-repeat ;overflow:hidden;border:5px solid #99a; margin:0 auto;}
.tour01 {width:1928px; height:347px; background: url(../sitePics/panorama1.png); position:relative;}
.tour02 {width:2149px; height:347px; background: url(../sitePics/panorama2.png); position:relative;}
.tour03 {width:2288px; height:347px; background: url(../sitePics/panorama3.png); position:relative;}
.tourButtonsTable {margin-top:15px; margin:0 auto; width:400px;}
.tourButtonL {width:39px; height:29px; background: url(../images/arrowL01.png); cursor:pointer;}
.tourButtonR {width:39px; height:29px; background: url(../images/arrowR01.png); cursor:pointer;}

.ratesTable {border:0; width: 400px; margin: 20px auto;}
.ratesTable td {border:1px solid #88b8d9; border-left: 0; border-right: 0; font-family:verdana; font-size: 12px; color: #333; background-color: #c6e0f1; padding: 7px;}

.galleryTD {cursor:pointer;} 
.galleryBack {width:640px; height:550px; background-color:#fff; margin:0 auto; text-align:center;}
.galleryWrapper{position:relative; top:10px;left:20px;text-align:left;}
.gallerySelection {font-family:verdana; font-size: 14px; color: #333;}
.galleryLink {width:70px;}
.photoNum {font-weight:bold; width:120px;text-align:left;}
.galleryWindow {width:600px; height:450px; margin:0 auto; position:relative; top: 10px; overflow:hidden;background: url(../images/smallPicBack.gif) no-repeat; background-position: center; }
.galleryCanvas { height:450px;margin:0;position:relative;}
.galleryPic {width:600px; height:450px; margin:0px; padding:0px; float:left;}
.galleryBox {width:231;border:3px solid #7bb5ef; padding-top:5px; padding-bottom:5px; }

.gMap {width:530px; height:400px; border:3px solid #7bb5ef; margin-left:20px; margin-top:10px; background: #fff url(../images/smallPicBack.gif) no-repeat; background-position: center; }

.contactField {font-family:verdana; font-size: 12px; color: #333;font-weight:bold;}
.contactTable {margin: 10px 0 0 20px;}
.contactTable2 {margin: 10px 0 0 0px;}
.contactTable td {font-family:verdana; font-size: 12px; color: #333;}
.contactTable2 td {font-family:verdana; font-size: 12px; color: #333;}
.tableTitle {font-weight:bold;}
.submitButton {background: #fff url(../images/formSubmit01.png); width: 132px; height: 27px; cursor:pointer;}
.submitButtonOn {background: #fff url(../images/formSubmit02.png); width: 132px; height: 27px; cursor:pointer;}



.smallLogo {width:150px; height:53px; background: #fff url(../images/oasis-small.png); }
.smallText {font-family:verdana; font-size: 8px; color: #333; margin: 0px; text-align: center;}


#oasis_window{
  width: 150px;
}

#oasis_window_contents{
  background-color: #FFF;
  border: 3px solid  #34639d;
  border-top:0;
  border-bottom:0;
}
#oasis_window_beak{
  width: 46px;
  height: 39px;
  background: url('../images/newBeak01.png') top left no-repeat transparent;
}
* html #oasis_window_beak{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newBeak01.png', sizingMethod='crop');
}

#oasis_window_l{
  width: 0px;
}
#oasis_window_r{
  width: 6px;
}

#oasis_window_t{
  background: url('../images/gBubbleSide2.png')  top left repeat-x #FFF;
}
#oasis_window_b{
  background: url('../images/gBubbleSide2.png') bottom left repeat-x #FFF;
}

#oasis_window_tl{
  height: 20px;
  width: 20px;
  background: url('../images/gBubbleTL.png') top left no-repeat transparent;
}
* html #oasis_window_tl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gBubbleTL.png', sizingMethod='crop');
}
#oasis_window_tr{
  height: 20px;
  width: 20px;
  background: url('../images/gBubbleTR.png') top right no-repeat transparent;
}
* html #oasis_window_tr{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gBubbleTR.png', sizingMethod='crop');
}
#oasis_window_bl{
  height: 20px;
  width: 20px;
  background: url('../images/gBubbleBL.png') top left no-repeat transparent;
}
* html #oasis_window_bl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gBubbleBL.png', sizingMethod='crop');
}
#oasis_window_br{
  height: 20px;
  width: 20px;

  background: url('../images/gBubbleBR.png') top right no-repeat transparent;
}
* html #oasis_window_br{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gBubbleBR.png', sizingMethod='crop');
}
#oasis_window_close{
  width: 20px;
  height: 20px;
  background: url('../images/gBubbleClose.png') top left no-repeat transparent;
  cursor: pointer;
}