html { height: 100%; min-height: 600px; min-width: 1000px; }
body { height: 100%; margin: 0; padding: 0; font: normal 12px "Georgia","Times New Roman"; color: black; 
  background: #44697d url(images/loader.gif)   no-repeat center center; min-height: 600px; }
img { border: 0; }
a { color: black; }
a:hover { color: #44697d; }
h1 { font: bold italic 48px Georgia; color: white; margin: 0 0 24px 0; }


.all { position: relative; min-height: 100%; }
#Menu { height: 100%; width: 460px; overflow: hidden; position: absolute; top: -150px; left: 0; background: white; opacity: 0.85;  }
.logo { float: right; background: url(images/matey.png) no-repeat; width: 108px; height: 90px; border: 0; }
#Menu .small { padding: 30px 46px; margin: 150px 0 0; }
#Menu .small a { text-decoration: none; font: bold italic 14px/150% Georgia; border-bottom: 1px solid black; }
#Menu .small a:hover { border-bottom: 1px solid #44697d; }
#Menu .small a.ask  { border-bottom: 1px dashed black; }
#Menu .small a.ask:hover  { border-bottom: 1px dashed #44697d; }
#Menu .small a.logo { border: 0; }
#Menu .hr { height: 3px; overflow: hidden; }
#Menu .extend { padding: 20px 0; height: 100%; }

.askask { background: white; position: absolute; left: 0; top: 150px; width: 350px; font-family: Tahoma;
  padding: 8px 55px; z-index: 10; }
.hidden { display: none; }
.askask img { cursor: pointer; position: absolute; right: 20px; top: 8px; }
.askask textarea { width: 100%; height: 124px;  }
.askask input { width: 100%; }
.askask div { margin: 4px 0; padding: 6px 0; color: black; background: white; }
.askask a { border-bottom: 1px solid white; color: white; }
.askask a:hover { border-bottom: 1px solid black; color: black; }
.askask span { font-size: 18px; }
.askask .submit { width: auto; }

#Menuleft { position: absolute; top: 170px; left: 0; width: 460px; z-index: 5; padding: 20px 0; }
#Menuleft div { padding: 5px 46px; }

#Menuleft .ui-state-active,
#Menuleft .ui-accordion-content-active,
#Menuleft .active {  background: white; opacity: 0.8;  }


#Menuleft .menuleft-text { padding: 8px 46px 8px 58px; font: normal 13px Tahoma; }
#Menuleft .menuleft-text a { font-weight: bold; color: #44697d; }
#Menuleft .menuleft-text a:hover { color: #293f4b; }

#Menuleft .menuleft a { font: bold italic 24px Georgia; text-decoration: none; border-bottom: 1px dashed black; }
#Menuleft .menuleft a:hover { border-bottom: 1px dashed #44697d; }


#Menu #SlideshowStart { background: url(images/slideicon.png) no-repeat left center; border: 0; margin-left: -26px; padding-left: 26px; }
#SlideshowStart span { border-bottom: 1px dashed black; }
#SlideshowStart span:hover { border-bottom: 1px dashed #44697d; }

#SlideshowCtl { position: absolute; top: 30px; left: 46px; z-index: 100;  }
#SlideshowCtl a { float: left; height: 44px; width: 44px; opacity: 0.8;
  background: white url(images/slide-close.gif) no-repeat center center; margin-right: 1px; }
#SlideshowCtl a:hover { opacity: 0.6; height: 45px; }
#SlideshowCtl a.c1 { background-image: url(images/slide-close.gif); }
#SlideshowCtl a.c2 { background-image: url(images/slide-back.gif); }
#SlideshowCtl a.c3 { background-image: url(images/slide-pause.gif); }
#SlideshowCtl a.c4 { background-image: url(images/slide-forward.gif); } 
#SlideshowCtl a.c5 { background-image: url(images/slide-play.gif); }
#SlideshowCtl div { clear: both; opacity: 0.6; background: white; padding: 13px 10px; display: none; font: italic 14px/150% Georgia; }
#SlideshowCtl div.c1 { padding: 13px 0 13px 10px; width: 169px; /* 45*4 - 1 - 10 */ }

.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none; }
.slide span.name { display: none; } /* name of slide */
.slide div { position: absolute; top: 130px; left: 46px;  } /* text of slide */

.footer { width: 414px; padding: 50px 0 0 46px; height: 98px; position: absolute; bottom: 0; left: 0; 
  font: italic 11px Georgia; background: white; opacity: 0.85; }
.footer address { margin-left: -18px; padding-left: 18px; background: url(images/pipka.gif) no-repeat left center; font-weight: bold; }
.footer .phone { font-size: 24px; }
.footer .phone span { color: #44697d; }
.matey { margin: 14px 0 0; }

#Main { margin: 0 0 0 460px; padding: 40px 70px; }

/*.istext #Main { margin: 0 490px 0 0; }*/

.istext { background: #54646d; }

.otext { color: white; font: normal 13px Tahoma; margin: 0 0 0 30px;   }
.otext a { font-weight: bold; color: #b4c4cd; }
.otext a:hover { color: white; }