/*
****************************************
*
*  (c) YZALIS 2008
*
****************************************
*/


/***************************************
 *     General reset
 **************************************/

/* Reset styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, textarea, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: none;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
th, td {
  vertical-align:top;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/***************************************
 *     Global
 **************************************/

html, body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: rgb(75,75,77);
  background-color: #EBEBEB;
}

html {
  font-size: 100%;
}

body {
  font-size: 0.7em;
}

a:link,
a:visited {
  color: rgb(75,75,77);
}

a:hover,
a:active {
  color: green;
  text-decoration: none;
}

a img {
  border: none;
  text-decoration: none;
}

strong {
  font-weight: bold;
}

.yz_clearleft{clear:left;display:block;}
.yz_clearright{clear:right;display:block;}
.yz_clearboth{clear:both;display:block;}


/***************************************
 *     Header
 **************************************/

#yz_header {
  margin-top:20px;
}
#z_flashcontent {
  height:155px;
  overflow:hidden;
}

/***************************************
 *     Menu
 **************************************/

#yz_menu {
  height:34px;
  padding:0 0 0 30px;
  background:#FFFFFF url(../images/menu_bg.gif) top no-repeat;
}
#yz_menu li {
  float:left;
}
#yz_menu a {
  display:block;
  text-align:center;
  padding:11px 20px 11px 20px;
  color:black;
  text-decoration:none;
  font-weight:bold;
}

#yz_menu a:hover,
#yz_menu a.yz_current{
  background: transparent url(../images/menu_item_hover.gif) top repeat-x;
}

/***************************************
 *     Diaporama
 **************************************/

.yz_slideshow {
  position: relative;
  overflow: hidden;
}
.yz_slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}
.yz_slideshow img.yz_imgactive {
  z-index: 10;
}
.yz_slideshow img.yz_imglastactive {
  z-index: 9;
}

/***************************************
 *     Footer template
 **************************************/

#yz_footertemplate {
  height:57px;
  background:#FFFFFF url(../images/bottom.gif) top no-repeat;
}



/***************************************
 *     Footer
 **************************************/

#yz_footer {
  clear: both;
  padding-top: 5px;
  text-align: center;
  padding-bottom:40px;
}


/***************************************
 *     Container
 **************************************/

#yz_container {
  width: 992px;
  margin: 0 auto 0;
  padding: 0;
}
#yz_content {
  background: url(../images/content.gif) top repeat-y;
  padding: 15px 40px 5px 35px;
  margin: 0;
}
#yz_content h1 {
  font-weight: normal;
  color: green;
  font-size: 1.5em;
  margin: 0 0 1em 0;
}
#yz_content p {
  line-height: 1.5em;
  margin-bottom: 0.8em;
}