@import "reset.css";

body { font: 100% Arial, Helvetica, sans-serif; font-size: 13px; background: url(../images/design/bg_home.jpg) left bottom no-repeat #000 fixed; margin: 0; padding: 0; text-align: left; color: #FFF; line-height: 120%; }
html, body { height: 100%; }
div { overflow: hidden; _height: 100%; }

.pgAbout { background-image: url(../images/design/bg_about.jpg); }
.pgBook { background-image: url(../images/design/bg_book.jpg); }
.pgNews { background-image: url(../images/design/bg_events.jpg); }
.pgPress { background-image: url(../images/design/bg_press.jpg); }
.pgContact { background-image: url(../images/design/bg_contact.jpg); }

a { text-decoration: none; color: #FFF; }
a:hover { text-decoration: none; color: #F93; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #F93; margin: 0 0 10px 0; text-transform: uppercase; }
p { color: #FFF; margin: 0 0 15px 0; font-size: 13px; }

.left { float: left; }
.right { float: right; }
.yellow { color: #F93; }
.brown { color: #A1370D; }
.lineCross { background: url(../images/design/line_cross.png) 0 0 no-repeat; line-height: 5px; height: 5px; width: 445px; margin: 10px 0 22px 0; }
.lineDash { border-top: dashed 1px #D3812C; line-height: 1px; height: 1px; width: 445px; margin: 10px 0 22px 0; }

#container { width: 1020px; margin: 0 0; text-align: left; }
#container2 { width: 455px; margin: 0 0 0 116px; }

#header { padding: 0 0 40px 0; }
  #header #logo { display: block; margin: 31px 0 18px 0; }
  #header #logo2 { display: block; font-size: 50px; text-transform: uppercase; color: #FFF; line-height: 40px; height: 40px; margin: 31px 0 13px 0; }
/*  #header #menu { display: block; height: 21px; }
    #header #menu li { float: left; display: inline; height: 21px; }
      #header #menu li a { display: inline-block; color: #FFF; font-size: 15px; line-height: 21px; height: 21px; margin: 0 7px 0 0; text-transform: uppercase; }
      #header #menu li a.last { margin-right: 0; }
      #header #menu li a:hover { text-decoration: none; color: #F93; }
*/

  #header #menu { display: block; height: 11px; margin: 0 0 5px 0;  LIST-STYLE-POSITION: outside; }
    #header #menu li { float: left; display: inline-block; height: 11px; LIST-STYLE-POSITION: outside; }
      #header #menu li a { display: inline-block; text-indent: -9999px; background: url(../images/design/nav.png) 0 0 no-repeat; height: 11px; text-transform: uppercase; overflow: hidden; LIST-STYLE-POSITION: outside; }
      #header #menu li a.last { }
      #header #menu li a:hover { }
      
	  #header #menu li a.menu-1 { width: 48px; }
	    #header #menu li a.menu-1:hover { background-position: 0 -11px; }
	  #header #menu li a.menu-2 { width: 63px;  background-position: -48px 0; }
	    #header #menu li a.menu-2:hover { background-position: -48px -11px; }
	  #header #menu li a.menu-3 { width: 84px;  background-position: -111px 0; }
	    #header #menu li a.menu-3:hover { background-position: -111px -11px; }
	  #header #menu li a.menu-4 { width: 123px; background-position: -195px 0; }
	    #header #menu li a.menu-4:hover { background-position: -195px -11px; }
	  #header #menu li a.menu-5 { width: 56px;  background-position: -318px 0; }
	    #header #menu li a.menu-5:hover { background-position: -318px -11px; }
	  #header #menu li a.menu-6 { width: 71px;  background-position: -374px 0; }
	    #header #menu li a.menu-6:hover { background-position: -374px -11px; }


.pgHome    a.menu-1 { background-position: 0 -11px !important; }
.pgAbout   a.menu-2 { background-position: -48px -11px !important; }
.pgBook    a.menu-3 { background-position: -111px -11px !important; }
.pgNews    a.menu-4 { background-position: -195px -11px !important; }
.pgPress   a.menu-5 { background-position: -318px -11px !important; }
.pgContact a.menu-6 { background-position: -374px -11px !important; }

.submenu { display: block; overflow: hidden; padding: 0 0 16px 0; margin: 0 0 20px 0; background: url(../images/design/line_cross.png) 0 bottom no-repeat; }
  .submenu li { display: inline; float: left; height: 15px; }
    .submenu li a { display: inline-block; text-transform: uppercase; font-size: 14px; line-height: 15px; height: 15px; margin: 0 10px 0 0; padding: 0 24px 0 0; background: url(../images/design/submenu_cross.png) right 4px no-repeat; }
	.pgBook .submenu li a { margin: 0 6px 0 0; padding: 0 20px 0 0; }
    .submenu li a.last { margin-right: 0; background: none; padding-right: 0; }

#mainContent { width: 445px; padding: 0 0 20px 0; }
  #mainContent .slideshow { width: 315px; height: 315px; background-color: #000; overflow: hidden; }
  p.signature { display: block; overflow: hidden; background: url(../images/design/signature.png); width: 192px; height: 56px; text-indent: -9999px; }
  
  .pgPress #mainContent, pgContact #mainContent { min-height: 500px; }

#mainContent.articles { }
  #mainContent.articles .article { border-bottom: dashed 1px #D3812C; padding: 0 0 20px 0; margin: 0 0 20px 0; }
    #mainContent.articles .article p { margin-bottom: 3px; }
    #mainContent.articles .article a.brown { display: block; font-size: 12px; }

#mainContent.gallery { }
  #mainContent.gallery .gItem { margin: 5px 0 18px 0; clear: both; }
    #mainContent.gallery .gItem .left { width: 100px; }
    #mainContent.gallery .gItem .right { width: 335px; }
      #mainContent.gallery .gItem .right h2 { text-transform: none; margin: 0 0 2px 0; font-size: 13px; }
      #mainContent.gallery .gItem .right p { margin: 0 0 1px 0; }
      #mainContent.gallery .gItem .right a { font-weight: bold; }

  #mainContent .form { }
    #mainContent .form .line { display: block; clear: both; }
      #mainContent .form .line label { display: block; clear: both; float: left; width: 100px; line-height: 130%; }
      #mainContent .form .line .text { float: left; width: 225px; padding: 1px; border: solid 1px #D7D7D7; height: 15px; margin: 0 0 9px 0; font-size: 12px; }
      #mainContent .form .line textarea.text { height: 95px; }
    #mainContent .form .submit { display: block; width: 100px; margin: 3px 0 10px 100px; color: #F93; text-transform: uppercase; }