/*
 __________________________________________________________
 |                                                         |
 |  STYLESHEET TYPE:  screen                               |
 |  AUTHOR:           swiths                               |
 |  CODED BY:         Marcin Dmoch                         |
 |  COPYRIGHT:        Redbanana                            |
 |  DATE:             2008.06.25                           |
 |  LAST MODIFIED:    2008.07.10                           |
 |_________________________________________________________|

*/

body, html {
  background: url('images/background.jpg');
  font-family: verdana, arial, georgia;
  font-size: 11px;
  color: #2d281a;
  margin: 0px;
  padding: 0px;
}

img { 
  border: 0px; 
  padding: 0px; 
  behavior:	url("pngbehavior.htc");
}

.no-accessible { display:none; }

p {
  line-height: 24px;
  margin: 10px 0 5px 0;
  padding: 0px;
}

h1 {
  font-size: 30px;
}

h2 {
  font-family: georgia;
  font-weight: normal;
  font-size: 27px;
  color: #9b5024;
  margin: 0px;
  padding: 0px;
}

h3 {
  font-family: georgia;
  font-weight: normal;
  text-decoration: underline;
  font-size: 20px;
  color: #5c4d22;
  margin: 0px;
  padding: 10px 0 0 0;
}

.float {
  float: left;
}

/* MAIN ELEMENTS */

#main {
  width: 839px;
  height: 100%;
  margin: 0px auto 0px auto;
}

#site_body {
  float: left;
  background: url('images/border.gif');
  width: 582px;
}

#site_decoration {
  float: left;
  width: 257px;
}

#site_decoration img {
  float: right;
  padding-top: 10px;
}

#labels {
  float:left;
  width: 42px;
}

#content {
  float: left;
  width: 316px;
}

/* MENU */

#menu {
  float: left;
  background: url('images/menu_al.jpg');
  width: 530px;
  /*height: 241px;*/
  height: 42px
}

#menu ul {
  margin: 0px;
  padding: 53px 0 0 36px;
}

#menu li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#main_page {
  float: left;
  background-image: url('images/menu/main_page.jpg');
  background-repeat: no-repeat;
  width: 395px;
  height: 38px;
}

#main_page:hover {
  /*background-image: url('images/menu/main_page_hover.jpg');*/
  background-image: url('images/menu/main_page.jpg');
}

#products {
  float: left;
  /*background-image: url('images/menu/products.jpg');*/
  background-repeat: no-repeat;
  width: 395px;
  height: 41px;
}

#products:hover {
  /*background-image: url('images/menu/products_hover.jpg');*/
}

#about_products {
  float: left;
  /*background-image: url('images/menu/about_products.jpg');*/
  background-repeat: no-repeat;
  width: 395px;
  height: 46px;
}

#about_products:hover {
  /*background-image: url('images/menu/about_products_hover.jpg');*/
}

/* CONTENT THINGS */

#title_bg {
  float: left;
  background: url('images/title_bg.jpg');
  width: 530px;
  height: 67px;
}

#title_bg img {
  float: right;
}

#content_bg {
  float: left;
  background: url('images/content_bg.jpg');
  width: 530px;
  height: 515px;
}

#text {
  text-align: justify;
  width: 486px;
  margin-left: 20px;
}

/* FOOTER */

#footer {
  float: left;
  text-align: center;
  font-size: 9px;
  color: #5c4d22;
  background: url('images/footer.jpg');
  width: 530px;
  height: 68px;
  margin-top: 16px;
}

#footer p {
  line-height: 0px;
  margin: 20px 0 0 0;
  padding: 0px;
}

#footer a:visited, a:link, a:active {
  color: #5c4d22;
  text-decoration: underline;
}

#footer a:hover {
  color: #5c4d22;
  text-decoration: underline;
}

/* PNG IMAGES */

#pencil {
  position: absolute;
  right: 70px;
  top: 140px;
  width: 49px;
  height: 276px;
}

#cup {
  position: absolute;
  right: 70px;
  top: 730px;
  width: 246px;
  height: 239px;
}

/* SECTIONS THINGS */

.product_border {
  float: left;
  border: solid 3px #dacca2;
  margin: 10px 0 22px 48px;
  padding: 0px;
}

.product_border img {
  float: left;
}

#subpages {
  float: left;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #554b31;
  width: 100%;
}

#subpages a:visited, a:link, a:active {
  color: #554b31;
  text-decoration: none;
}

#subpages a:hover {
  color: #554b31;
  text-decoration: underline;
}

.features {
  color: #843a08;
  font-size: 12px;
  padding: 0px;
  margin: 12px 0 18px 0;
}

.features li {
  list-style-type: none;
  padding: 0px;
  margin: 0 0 12px 0;
}