/* MAIN
------------------------------------------------------------ */
body {
  font-size: 12px;
  color: #FFF;
  background: url(../images/bg.png) center top no-repeat #000;
  font-family: Arial, Helvetica, sans-serif;
}
p {
  margin-bottom: 10px;
}
a {
  color: blue;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  /*color: lightblue;*/
}





/* CONTAINER
------------------------------------------------------------ */
#container {
  position: relative;
  overflow: auto;
  margin: 0 auto;
  width: 980px;
  height: 800px;
  
}



/* HEADER
------------------------------------------------------------ */
#header {
  display: none;
}
#header div#logo {
}
#header div#logo a {
  display: block;
  /*background: url(../images/.png);*/
  width: 1px;
  height: 1px;
}
#header div#logo a span {
  display: none;
}



/* NAVIGATION
------------------------------------------------------------ */
#navigation {
}
#navigation ul {
}
#navigation ul li {
}
#navigation ul li a {
  position: absolute;
}
#navigation ul li a span {
  display: none;
}
/* specific */
#navigation ul li.blog a {
  width: 50px;
  height: 23px;
  left: 704px;
  top: 0px;
}
#navigation ul li.website a {
  width: 70px;
  height: 23px;
  left: 785px;
  top: 0px;
}
#navigation ul li.contact a {
  width: 70px;
  height: 23px;
  left: 886px;
  top: 0px;
}




/* SECTION
------------------------------------------------------------ */
#section {
}




/* SECTION - CONTENT
------------------------------------------------------------ */
#content {
}
#content h1 {
}
#content h2 {
}
#content h3 {
}
#content h4 {
}
#content h5 {
}
#content h6 {
}
#content p {
  line-height: 16px;
}
#content ul.basic,
#content ol.basic {
  margin-left: 30px;
  margin-bottom: 10px;
}
#content blockquote {
}
#content dl {
}
#content dl dd {
}
#content dl dt {
}


/* SECTION - SIDEBAR
------------------------------------------------------------ */
#sidebar {
}



/* FOOTER
------------------------------------------------------------ */
#footer {
  clear: both;
  overflow: auto;
}

















/* PAGE - GLOBAL
------------------------------------------------------------ */





/* PAGE - home (index.php)
------------------------------------------------------------ */
body.home #content {
}

ul.products {
}
ul.products li {
  position: absolute;
  width: 168px;
  height: 245px;
  
}


ul.products li div.img {
  width: 168px;
  height: 218px;
}
  
ul.products li h4,
ul.products li p {
  display: none;
}
ul.products li form {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}
  ul.products li form select {
    width: 110px;
    border: 1px solid #333;
  }
  ul.products li form input.submit {
    background: #000;
    color: #FFF;
    border: 1px solid #333;
  }




/* specific */
ul.products li.p1 {
  left: 399px;
  top: 89px;
}
ul.products li.p2 {
  left: 584px;
  top: 89px;
}
ul.products li.p3 {
  left: 769px;
  top: 89px;
}
ul.products li.p4 {
  left: 399px;
  top: 353px;
}
ul.products li.p5 {
  left: 584px;
  top: 353px;
}
ul.products li.p6 {
  left: 769px;
  top: 353px;
}






/* tooltip
------------------------------------------------------------ */
#tooltip {
  position: absolute;
  background: #333;
  padding: 5px;
  color: #FFF;
  display: none;
  width: 200px;
  opacity: .85;
}	
#tooltip h4,
#tooltip p.description,
#tooltip p.price {
  margin-bottom: 5px;
}
#tooltip p.description {
  font-size: 11px;
}
#tooltip p.description span {
  display: block;
  margin-bottom: 2px;
}
  p.description span.style,
  p.description span.color,
  p.description span.material {
    display: block !important;
    line-height: 16px;
  }
#tooltip h4 {
  font-size: 16px;
  font-weight: bold;
}
#tooltip p {
  font-size: 12px;
  line-height: 14px;
}