/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 11px;
    line-height: 1.5;
    font-family: Arial, "Trebuchet MS", Tahoma sans-serif;
    color: #E8E8E8;
    background: #2C2C2C url(images/body-bg.png) repeat-x 0 0;
    text-align: left;
}

a img { border: 0; }
a { color: #E8E8E8; text-decoration: none; }
a:hover { text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
/*----- End "Main definitions" -----*/

#page { width: 952px; margin: 0 auto; padding: 0 10px; position: relative; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif;
	color: #2b2b2b;
	font-weight: normal;
}
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }

ul { padding-left: 15px; }

#header { padding: 12px 12px 0px 3px; }
#header .description { position: absolute; left: 53px; top: 57px; font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif; font-size: 11px; color: #9c9c9c; text-transform: uppercase; line-height: 1; }
#header h1 { line-height: 1.1; }
#header h1 a { color: #E8E8E8; text-decoration: none; }

#navigation { float: right; display: inline; font-size: 11px; line-height: 1.5; text-transform: uppercase; padding-top: 10px; }
#navigation ul li { float: left; display: inline; list-style-type: none; padding-right: 18px; margin-right: 14px; background: url(images/nav-sep.gif) repeat-y right 0; }
#navigation ul li.last { margin-right: 0; padding-right: 0; background: none; }
#navigation ul li a { color: #E8E8E8; text-decoration: none; }
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li.active a { color: #9c9c9c; }
#navigation ul li.activelast { margin-right: 0; padding-right: 0; background: none; }
#navigation ul li.activelast a { color: #9c9c9c;  }

#slideshow { height: 454px; width: 962px; position: relative; left: -5px; }
#slideshow .bg { height: 454px; width: 962px; background: url(images/slider.png) no-repeat 0 0; }
#slideshow .cnt { padding: 35px 36px 0 40px; }
#slideshow .big-image { margin-bottom: 12px; }
#slideshow .big-image img { padding: 2px; border: solid 1px #d5d5d5; }

#slider { width: 875px; position: relative; }
#slider .buttons span { display: block; width: 38px; height: 37px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; }
#slider .buttons span { position: absolute; top: 21px; }
#slider .buttons .prev { left: 5px; background: url(images/button-prev.png) no-repeat 0 0; }
#slider .buttons .next { right: 5px; background: url(images/button-next.png) no-repeat 0 0; }
#slider .holder { width: 790px; height: 78px; margin: 0 auto; position: relative; overflow: hidden; background-image: url(images/12.png); }
#slider .content { position: absolute; top: 14px; left: 0; width: 100000px; }
#slider .content ul { float: left; display: inline; padding-left: 0; }
#slider .fragment { float: left; display: inline; list-style-type: none; }
#slider .fragment a { float: left; display: inline; width: 133px; height: 44px; padding: 3px; background: url(images/slider-fragment.gif); margin: 0 10px; }

#slider .fragment a img { width: 133px; height: 44px;  }


#content { padding: 0 5px 10px 5px; }
#content p { padding-bottom: 18px; }
#content .separator { padding-right: 18px; background: url(images/col-sep.gif) no-repeat right 10px; }
#content .left-col { float: left; display: inline; width: 395px; }
#content .right-col { float: right; display: inline; width: 505px; }

.linklist { padding-left: 0; }
.linklist li { padding-left: 7px; background: url(images/linklist-ico.gif) no-repeat 0 7px; list-style-type: none; }

#footer { background: url(images/footer-line.gif) no-repeat center 0; padding: 5px 18px; }


#photoholder {
  width:870px;
  height:289px;
  background: url('images/loading.png') 50% 50% no-repeat;
  background-color: transparent; 
}
#thephoto {
  width:870px;
  height:289px;
}

#photomover {
    width:862px;
    position: absolute;
    top: 38px;
    left: 43px;      
    background-color: rgba(32,32,32,0.8);
    height: 32px;
    z-index: 2000;
    color: white;
    font-size: 14px;
    padding-top: 8px;
    padding-left: 8px;
    font-weight: bold;
}

#titleline { 
  background: url(images/footer-line.gif) no-repeat center 0;
  padding: 5px 18px;
  margin-top: 10px;
  display: none; 
}

#aboutcontent {
  width: 909px;
  display: block;
}

#abouttop {
  background-image: url(images/innerbg_top.png);
  width: 909px;
  height: 111px;
  position: relative;
  top: -15px;
  left: 20px;
}

#abouttop h1 {
  font-size: 36px;
  position: relative;
  top: 45px;
  left: 80px;
}

#contacttop {
  background-image: url(images/innerbgcontact_top.png);
  width: 909px;
  height: 111px;
  position: relative;
  top: -15px;
  left: 20px;
}

#contacttop h1 {
  font-size: 36px;
  position: relative;
  top: 45px;
  left: 80px;
}

#eventtop {
  background-image: url(images/innerbgevent_top.png);
  width: 909px;
  height: 111px;
  position: relative;
  top: -15px;
  left: 20px;
}

#eventtop h1 {
  font-size: 36px;
  position: relative;
  top: 45px;
  left: 80px;
}


#othertop {
  background-image: url(images/innerbgevent_top.png);
  width: 909px;
  height: 111px;
  position: relative;
  top: -15px;
  left: 20px;
}

#othertop h1 {
  font-size: 36px;
  position: relative;
  top: 45px;
  left: 80px;
}

#aboutmiddle {
  background-image: url(images/innerbg_middle.png);
  width: 909px;
  
  position: relative;
  top: -15px;
  left: 20px;
}
#aboutmiddle h2 {
  font-size: 16px;
  position: relative;
  top: 0px;
  left: 30px;
  color: #2F2F2F;
  width: 860px;
  padding-bottom: 0px;
  font-weight: bold;
}

#aboutmiddle p {
  font-size: 14px;
  position: relative;
  top: 0px;
  left: 30px;
  color: #2F2F2F;
  width: 860px;
  padding-bottom: 10px;
}

#aboutmiddleul {
  font-size: 14px;
  position: relative;
  top: 0px;
  left: 30px;
  color: #2F2F2F;
  width: 860px;
  padding-bottom: 10px;
}

#eventmiddle {
  background-image: url(images/innerbg_middle.png);
  width: 909px;
  position: relative;
  top: -15px;
  left: 20px;
}
#eventmiddle h2 {
  font-size: 16px;
  position: relative;
  top: 0px;
  left: 30px;
  color: #2F2F2F;
  width: 860px;
  padding-bottom: 0px;
  font-weight: bold;
}

#aboutbottom {
  background-image: url(images/innerbg_bottom.png);
  width: 909px;
  height: 30px;
  position: relative;
  top: -15px;
  left: 20px;
}

/* gallery */
select, input, textarea {
    font-size: 1em;
  }
  
  #container {
   
    
    width: 800px;
    margin-left: 50px;
  }
  
  .example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  ul {
    list-style-image:url(list-style.gif);
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 20px;
    background: #BFB3B3;
    border: 2px solid #2E2E2E;
    width: 770px;
  }
  
  /* gallery */


  /*contactform*/
              #contact{
    background:transparent url(../images/formbg2.png) no-repeat top center;
    width:680px;
    height:380px;
    margin:0px auto 0px auto;
}

#contact form{
    width:680px;
    height:360px;
    margin:0px auto;
    padding:20px 0px 0px 0px;
    clear:both;
}
#contact p{
    width:100%;
    float:left;
    clear:both;
    position:relative;
}
#contact label{
    float:left;
    width:210px;
    text-align:right;
    margin:10px 0px 5px 0px;
    padding-right:10px;
    text-shadow:1px 1px 1px #fff;
    color:#6A5D5B;
    line-height:23px;
}
#contact input[type="text"],
#contact textarea{
    float:left;
    margin:5px 0px 5px 0px;
    font-family: Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 24px;
    padding:4px 4px 5px 4px;
    width:390px;
    border:1px solid #ddd;
    background-color:#f9f9f9;
    font-weight:bold;
    color:#444;;
    text-shadow:-1px 1px 1px #aaa;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:1px 1px 1px #000;
    box-shadow:1px 1px 1px #000;
}
#contact textarea{
    overflow-x:hidden;
}
#contact input[type="text"]:focus,
#contact textarea:focus{
    background-color:#fff;
}
#contact input[type="button"]{
    height:31px;
    float:right;
    background-color:#6F6968;
    border:1px solid #333;
    border-right:none;
    height:30px;
    padding:0px 30px 2px 30px;
    font-size:10px;
    letter-spacing:0px;
    color:#ddd;
    margin:15px 5px 0px 0px;
    text-transform:uppercase;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    cursor:pointer;
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-radius:5px 0px 0px 5px;
    text-shadow:1px 1px 1px #333;
}
#contact input[type="button"]:hover{
    color:#fff;
    opacity:1.0;
}
#contact p.submit{
    height:40px;
    position:relative;
    left: 0px;
}
#contact label span{
    font-size:10px;
    font-weight:bold;
    color:#777;
    margin-left:3px;
}
.error{
    background-color:#6F6968;
    border:1px solid #333;
    border-left:none;
    width:180px;
    height:30px;
    position:absolute;
    top:4px;
    right:-175px;
    font-size:10px;
    letter-spacing:0px;
    color:#ddd;
    -moz-border-radius:0px 5px 5px 0px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-radius:0px 5px 5px 0px;
}
.error span{
    margin-left:10px;
    line-height:30px;
    text-shadow:1px 1px 1px #333;
}
.loader{
    background:transparent url(../images/ajax-loader.gif) no-repeat top left;
    width:31px;
    height:31px;
    position:absolute;
    top:15px;
    left:500px;
}
.success{
    height:31px;
    position:absolute;
        top:332px;
    left:118px;
    text-align:right;
    padding:5px 20px 0px 0px;
    width:450px;
    background-color:#6F6968;
    border:1px solid #333;
    border-left:none;
    height:25px;
    font-size:12px;
    letter-spacing:0px;
    color:#fff;
    -moz-border-radius:0px 5px 5px 0px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-radius:0px 5px 5px 0px;
    text-shadow:1px 1px 1px #333;

}
  /*contactform*/